html,body{max-width:100%;overflow-x:hidden}.hero,.card,.hero>div{min-width:0}.field select{width:100%;min-width:0;border:1px solid var(--l);border-radius:9px;padding:9px;background:#07111f;color:var(--i)}.secret-entry{-webkit-text-security:disc}
@media(max-width:680px){
html,body{height:100%;overflow:hidden}.wrap{height:100dvh;max-height:100dvh;padding:12px 12px 10px;display:flex;flex-direction:column}.top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;flex:0 0 auto}.brand{font-size:10px;line-height:1.25;max-width:125px}.status{font-size:10px;white-space:nowrap}.lang{max-width:118px;padding:7px 26px 7px 10px;font-size:13px}.hero{display:flex;flex-direction:column;gap:9px;padding:10px 0 0;min-height:0;flex:1}.hero>div{display:flex;align-items:baseline;gap:8px;flex:0 0 auto;margin:0}.eyebrow,.lead{display:none}.hero h1{margin:0;font-size:clamp(24px,7.5vw,32px);line-height:1;letter-spacing:-.045em;white-space:nowrap}.hero h1 br,.hero h1 span{display:none}.card{width:100%;min-height:0;flex:1;padding:10px 11px;border-radius:15px;overflow-y:auto;overscroll-behavior:contain}.tabs{gap:2px;padding-bottom:7px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{font-size:11px;padding:6px 7px}.panel{padding-top:8px}.grid,.checks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}.field{font-size:10px;gap:2px}.field input,.field textarea{height:35px;padding:6px 8px;font-size:12px}.field textarea{height:54px}.checks{margin:7px 0}.check{min-width:0;min-height:34px;padding:5px 6px;font-size:11px;white-space:nowrap;overflow:hidden}.check input{width:15px;height:15px;margin:0 4px 0 0;flex:0 0 auto}.presets{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px;margin:7px 0}.preset{min-width:0;padding:6px 3px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.primary{min-height:38px;padding:8px;font-size:12px}.privacy{margin:7px 0 0;font-size:9px;line-height:1.25}.result{margin-top:7px;padding:8px;max-height:145px;overflow:auto}.secret{font-size:11px;line-height:1.35}.resultbar{margin-top:5px}.copy{padding:4px 8px;font-size:10px}footer{display:none}}
@media(max-width:350px){.status{display:none}.top{grid-template-columns:1fr auto}.hero h1{font-size:23px}.tab{font-size:10px;padding-inline:5px}}
@media(min-width:681px) and (max-width:980px){.wrap{padding-inline:clamp(24px,5vw,46px)}.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:25px;padding:38px 0}.hero h1{font-size:clamp(44px,6.5vw,62px)}.card{padding:18px}}
@media(min-width:1500px){.wrap{max-width:1420px}.hero{grid-template-columns:1.2fr .8fr}.card{padding:26px}}
@media(max-width:680px){
  .top{position:relative;display:block;min-height:36px;padding-right:126px;direction:ltr}
  .top form{position:absolute;top:0;right:0;width:118px;margin:0;direction:ltr}
  .brand{display:block;max-width:125px;text-align:left}
  .status{display:none}
  .lang{display:block;width:118px;max-width:118px;padding:7px 26px 7px 10px;direction:ltr}
  .field select{height:35px;padding:6px 8px;font-size:12px}
}

/* Keep large batches inside the card instead of stretching the whole page. */
.result.on{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.result .secret{min-height:0;max-height:165px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:5px}
.result .resultbar{flex:0 0 auto}
.result-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}
.config-estimate{display:grid;gap:3px;margin:10px 0;padding:9px 11px;border:1px solid #58d5ff35;border-radius:9px;background:#07111f99;color:var(--m);font-size:11px;line-height:1.35}
.config-estimate strong{color:#65e4b2;font-size:12px;overflow-wrap:anywhere}
.config-estimate small{color:#71859a;font-size:10px}
.policy-preview{margin-top:8px;padding:8px 10px;border:1px solid #58d5ff35;border-radius:8px;background:#07111f99;color:#91a5ba;font-size:11px;line-height:1.35}
.policy-preview.error{border-color:#ff7d7d66;color:#ffaaaa}
@media(min-width:681px){.result{max-height:255px}}
@media(max-width:680px){
  .result{overflow:hidden}
  .result .secret{max-height:78px}
  .resultbar{gap:5px}
  .result-actions{gap:4px}
  .config-estimate{margin:7px 0;padding:7px 8px;font-size:9px;line-height:1.25}
  .config-estimate strong{font-size:10px}
  .config-estimate small{font-size:9px}
  .policy-preview{margin-top:6px;padding:6px 8px;font-size:9px}
}