/* HYLLA Interpolationsvergleich */
.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;}
}