/* GEONOVA full interpolation comparison, based on the HYLLA tool layout. */
.tool-page .iv-panel,
.iv-panel{
  background:#fff;
  border:1px solid var(--line,#dbe4ec);
  border-radius:var(--radius,22px);
  padding:1.25rem;
  box-shadow:var(--shadow-soft,0 12px 30px rgba(10,32,56,.08));
}
.iv-tool-grid{
  display:grid;
  gap:1rem;
}
.iv-controls-main,
.iv-controls-extra,
.iv-interpolation-row,
.iv-graphic-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem .9rem;
}
.iv-controls-extra[hidden]{display:none!important;}
.iv-check,
.iv-inline-field{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  font-weight:700;
  color:var(--ink,#152030);
}
.iv-check input{width:1.05rem;height:1.05rem;}
.iv-check input:disabled + span{opacity:.45;}
.iv-inline-field input{
  width:7.5rem;
  min-height:38px;
  border:1px solid var(--line,#dbe4ec);
  border-radius:12px;
  padding:.45rem .65rem;
  font:inherit;
}
.iv-button-icon{
  min-width:2.65rem;
  padding:.58rem .72rem;
}
.iv-separator{
  width:1px;
  height:2rem;
  background:var(--line,#dbe4ec);
}
.iv-small-note{
  color:var(--ink-soft,#5b6777);
  font-size:.95rem;
  margin:.7rem 0 0;
}
.iv-graphic-toolbar{
  justify-content:space-between;
  margin-bottom:.75rem;
}
.iv-toolbar-left,
.iv-toolbar-right{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
}
.iv-svg-wrap{
  overflow:auto;
  background:#fff;
  border:1px solid var(--line,#dbe4ec);
  border-radius:18px;
  padding:.75rem;
}
#iv-workspace:fullscreen{
  box-sizing:border-box;
  width:100vw;
  height:100vh;
  height:100dvh;
  max-width:none;
  margin:0;
  padding:1rem;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:1rem;
  background:var(--page,#f4f7fa);
  overflow:hidden;
}
#iv-workspace:fullscreen > .iv-panel{
  min-width:0;
}
#iv-workspace:fullscreen #graphic{
  min-height:0;
  display:flex;
  flex-direction:column;
}
#iv-workspace:fullscreen .iv-graphic-toolbar{flex:0 0 auto;}
#iv-workspace:fullscreen .iv-svg-wrap{
  flex:1 1 auto;
  min-height:0;
  border-radius:12px;
}
#iv-workspace:fullscreen .iv-small-note,
#iv-workspace:fullscreen .iv-privacy-note{display:none;}
#iv-workspace:fullscreen #iv-svg{min-width:0;}
#iv-svg{
  display:block;
  width:100%;
  min-width:980px;
  height:auto;
  touch-action:none;
  user-select:none;
}
.iv-file-input{display:none;}
.iv-privacy-note{
  margin-top:1rem;
  color:var(--ink-soft,#5b6777);
  font-size:.95rem;
}
.iv-export-note{
  fill:#5b6777;
  font-size:12px;
}
@media (max-width:760px){
  .iv-panel{padding:1rem;}
  .iv-controls-main,
  .iv-controls-extra,
  .iv-interpolation-row,
  .iv-graphic-toolbar{
    align-items:stretch;
  }
  .iv-controls-main .button,
  .iv-controls-extra .button,
  .iv-toolbar-right .button,
  .iv-toolbar-left .button{
    width:auto;
  }
  .iv-separator{display:none;}
}

/* GEONOVA page frame and controls. */
.iv-tool-page{background:var(--bg);}
.iv-tool-page .site-header .main-nav ul{gap:.85rem;}
.iv-tool-page .main-nav a[aria-current="page"]:not(.lang-link){color:var(--accent);}
.iv-full-hero{padding:clamp(2.4rem,5vw,4rem) 0;background:linear-gradient(135deg,var(--brand-dark),var(--brand) 60%,var(--brand-soft));color:#fff;}
.iv-full-hero .hero-inner{width:min(calc(100% - 2rem),var(--container));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.45fr);gap:2rem;align-items:center;}
.iv-full-hero .eyebrow{color:var(--accent);}
.iv-full-hero .tool-title{font-size:clamp(2.5rem,5vw,4.5rem);}
.iv-full-hero .lead{color:rgba(255,255,255,.9);max-width:48rem;}
.iv-full-hero .hero-side{padding:1.25rem 1.4rem;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);background:rgba(255,255,255,.08);}
.iv-full-hero .hero-side p{margin:.4rem 0 0;}
.iv-back-link{margin:1.25rem 0 0;}
.iv-back-link a{display:inline-block;padding:.5rem .85rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font-weight:700;}
.iv-back-link a:hover{background:rgba(255,255,255,.12);text-decoration:none;}
.iv-full-workspace{padding:clamp(1.5rem,4vw,3.5rem) 0;}
.iv-tool-page .iv-panel{min-width:0;}
.iv-tool-page .iv-panel .section-heading{margin:0 0 .6rem;}
.iv-tool-page .iv-panel .section-kicker{margin:0;color:var(--brand-soft);}
.iv-tool-page .iv-panel .button{min-height:40px;padding:.48rem .82rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--brand-dark);font:inherit;font-weight:700;cursor:pointer;}
.iv-tool-page .iv-panel .button:hover{background:var(--accent-soft);transform:none;}
.iv-tool-page .iv-panel .button:disabled{opacity:.48;cursor:not-allowed;}
.iv-tool-page .iv-panel .button-primary{background:var(--brand);color:#fff;border-color:var(--brand);}
.iv-tool-page .iv-panel .button-primary:hover{background:var(--brand-dark);}
.iv-tool-page .iv-panel input[type="checkbox"]{accent-color:var(--brand);}
.iv-interpolation-row{margin-top:.75rem;}
.iv-controls-extra{margin-top:.85rem;}
#iv-graphic-title{margin:0;font-size:1.6rem;}
.iv-tool-page .release-note{font-size:.82rem;color:rgba(255,255,255,.7);}
.iv-tool-page .footer-nav{display:flex;flex-wrap:wrap;gap:1rem;}
@media (max-width:760px){
  .iv-full-hero .hero-inner{grid-template-columns:1fr;}
  .iv-full-hero .hero-side{max-width:42rem;}
}