/* Tool pages — follows DESIGN.md */
.tool{padding:40px 0 96px;background:linear-gradient(180deg,#fff 0,var(--canvas) 420px)}
.tool-intro{max-width:44em}
.tool-intro h1{font-size:clamp(34px,4.4vw,48px)}
.tool-intro .lead{margin-top:14px}
.panel[hidden]{display:none}
.btn-outline{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink)}
.btn-outline:hover{background:var(--canvas);color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{background:var(--paper);color:var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.fine{font-size:14px;color:var(--mute);margin-top:12px}
.error:empty{display:none}
.error{background:rgba(255,92,108,.12);color:#FF8A95;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-weight:600}

/* start */
.start-card{margin-top:28px;max-width:640px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:24px}
.field-label{display:block;font-weight:600;color:var(--ink);margin-bottom:8px}
.field{width:100%;height:52px;padding:0 44px 0 16px;border:1px solid var(--line);border-radius:var(--r-input);font:400 16px var(--text);color:var(--ink);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23EEF4FF' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;appearance:none}
.spec-line{margin-top:10px;font-size:15px;color:var(--mute);font-variant-numeric:tabular-nums}
.start-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.start-actions .btn{flex:1 1 220px}
.tips{margin-top:48px;max-width:640px}
.tips h2{font-size:24px}
.tip-list{margin:16px 0 0;padding-left:22px;display:grid;gap:10px}
.tip-list b{color:var(--ink)}

/* camera */
.cam{max-width:720px;margin:0 auto}
.cam-stage{position:relative;background:#000;border-radius:var(--r-card);overflow:hidden;aspect-ratio:3/4;max-height:72vh;margin:0 auto}
.cam-stage video,.cam-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mirror{transform:scaleX(-1)}
.cam-msg{position:absolute;left:12px;right:12px;bottom:14px;margin:0 auto;max-width:28em;text-align:center;background:rgba(14,34,64,.86);color:#fff;font-weight:600;padding:12px 16px;border-radius:14px}
.cam-msg.good{background:rgba(10,124,85,.92)}
.cam-count{position:absolute;inset:0;display:grid;place-items:center;font:800 120px/1 var(--display);color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.5);pointer-events:none;margin:0}
.cam-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}
.btn-shutter{min-width:180px}

/* working */
.working{display:grid;place-items:center;gap:20px;padding:120px 0;color:var(--ink);font-weight:600}
.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--go);animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* result */
.result-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.result-photo{position:sticky;top:92px}
.preview-frame{position:relative;width:100%;max-width:420px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden;touch-action:none;cursor:grab;box-shadow:0 20px 40px -24px rgba(14,34,64,.4)}
.preview-frame:active{cursor:grabbing}
.preview-frame canvas{position:absolute;inset:0;width:100%;height:100%}
.adjust{max-width:420px;margin:20px auto 0;display:grid;gap:14px}
.toggle{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--ink)}
.adjust-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;font-weight:600;color:var(--ink)}
.adjust input[type=range]{width:100%;accent-color:var(--go)}
.nudge{display:flex;gap:8px}
.nudge button{min-width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font:600 18px var(--text);color:var(--ink);cursor:pointer}
.nudge .reset{font-size:14px;padding:0 14px;margin-left:auto}
.verdict{border-radius:14px;padding:14px 18px;font-weight:600}
.verdict.good{background:rgba(61,220,151,.08);color:var(--go-dark)}
.verdict.mid{background:rgba(255,194,75,.12);color:#FFD27A}
.verdict.bad{background:rgba(255,92,108,.12);color:#FF8A95}
.report{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.report li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.report b{display:block;color:var(--ink);font-weight:600}
.report small{display:block;color:var(--body);font-size:14px;margin-top:2px}
.ico{flex:none;width:20px;height:20px;border-radius:50%;margin-top:1px}
.pass .ico{background:var(--go) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='1.8' fill='none'/%3E%3C/svg%3E") no-repeat center}
.warn .ico{background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='12'%3E%3Cpath d='M2 1v6M2 9.5v1.5' stroke='white' stroke-width='2.2'/%3E%3C/svg%3E") no-repeat center}
.fail .ico{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 1l8 8M9 1l-8 8' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat center}
.confirm{border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;margin:24px 0 0;display:grid;gap:10px;background:var(--paper)}
.confirm legend{font-weight:700;color:var(--ink);padding:0 6px}
.confirm label{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.confirm input{margin-top:4px;accent-color:var(--go);width:18px;height:18px;flex:none}
.confirm label[hidden]{display:none}
.buy{margin-top:24px;display:grid;gap:12px}
.plan-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;cursor:pointer;font:inherit;color:var(--body)}
.plan-opt b{display:block;color:var(--ink);font-size:17px}
.plan-opt small{color:var(--mute);font-size:14px}
.plan-opt .p{font:800 26px/1 var(--display);color:var(--ink)}
.plan-opt.is-best{border-color:var(--go);background:rgba(61,220,151,.08)}
.plan-opt:hover:not(:disabled){border-color:var(--go)}
.plan-opt:disabled{opacity:.5;cursor:not-allowed}
.retake{margin-top:16px;width:100%}
.sheet{margin-top:40px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 20px}
.sheet summary{cursor:pointer;font-weight:700;color:var(--ink)}
.sheet canvas{width:100%;height:auto;margin-top:14px;border:1px solid var(--line)}
dialog{border:0;border-radius:var(--r-card);padding:28px;max-width:420px;box-shadow:0 30px 60px rgba(14,34,64,.3)}
dialog::backdrop{background:rgba(14,34,64,.5)}
dialog p{margin:12px 0 20px}

@media (max-width:860px){
  .result-grid{grid-template-columns:1fr;gap:32px}
  .result-photo{position:static}
}
@media (max-width:760px){
  .tool{padding-top:24px}
  .cam-stage{aspect-ratio:3/4;border-radius:16px}
  .cam-bar .btn{padding:0 14px;font-size:15px}
  .btn-shutter{min-width:0;flex:1}
}

/* print sheet maker */
.tool-page .crumbs ol{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--mute)}
.ps-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:48px;margin-top:32px;align-items:start}
.ps-controls{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;display:grid;gap:22px}
.ps-upload{width:100%}
.ps-custom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ps-custom label{font-size:14px;font-weight:600;color:var(--ink);display:grid;gap:6px}
.ps-custom .field{background-image:none;padding:0 12px}
.ps-check{margin-top:12px}
.ps-actions .btn{width:100%}
.ps-preview{display:grid;gap:20px}
.ps-crop{max-width:260px}
.ps-crop-frame{position:relative;width:100%;background:#eee;border:1px solid var(--line);overflow:hidden;cursor:grab;touch-action:none;margin:8px 0 12px}
.ps-crop-frame canvas{position:absolute;inset:0;width:100%;height:100%}
.ps-sheet-wrap{position:relative;background:var(--canvas);border-radius:var(--r-card);padding:24px;display:grid;place-items:center;min-height:260px}
.ps-sheet-wrap canvas{max-width:100%;max-height:520px;width:auto;height:auto;background:var(--paper);box-shadow:0 18px 40px -20px rgba(14,34,64,.45)}
.ps-empty{color:var(--mute);margin:0}
.ps-upsell{margin-top:56px;background:var(--ink);color:#C9D4E3;border-radius:var(--r-card);padding:28px 32px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.ps-upsell h2{color:#fff;font-size:24px}
.ps-upsell p{margin-top:8px;max-width:40em}
.ps-upsell .btn{flex:none}
.ps-help,.tool-page .faq{margin-top:56px;max-width:46em}
@media (max-width:860px){
  .ps-grid{grid-template-columns:1fr;gap:28px}
  .ps-upsell{flex-direction:column;align-items:flex-start}
}
.ps-custom[hidden]{display:none}

/* resize to KB */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.chips button{font:600 14px var(--text);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer}
.chips button[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.kb-range{margin-top:14px}
.kb-wrap img{max-width:100%;max-height:480px;width:auto;height:auto;box-shadow:0 18px 40px -20px rgba(14,34,64,.45)}
.kb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);overflow:hidden}
.kb-stats div{padding:14px 16px;border-right:1px solid var(--line)}
.kb-stats div:last-child{border-right:0}
.kb-stats dt{font-size:13px;color:var(--mute)}
.kb-stats dd{margin:4px 0 0;font:800 22px/1.1 var(--display);color:var(--ink)}
@media (max-width:560px){.kb-stats{grid-template-columns:1fr 1fr}.kb-stats div:nth-child(2){border-right:0}.kb-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* HEIC converter */
.hc-drop{margin-top:32px;border:2px dashed var(--line);border-radius:var(--r-card);background:var(--paper);padding:40px 24px;display:grid;justify-items:center;gap:10px;text-align:center}
.hc-drop.over{border-color:var(--go);background:rgba(61,220,151,.08)}
.hc-drop-title{font:800 24px var(--display);color:var(--ink);margin:0}
.hc-drop .fine{margin:0}
.hc-opts{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:14px}
.hc-opts label{display:grid;gap:6px;font-weight:600;color:var(--ink);font-size:14px;text-align:left;min-width:180px}
.hc-opts label[hidden]{display:none}
.hc-opts input[type=range]{accent-color:var(--go)}
.hc-list-wrap{margin-top:28px}
.hc-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
.hc-bar p{margin:0;font-weight:600;color:var(--ink)}
.hc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.hc-list li{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.hc-thumb{width:64px;height:64px;flex:none;display:grid;place-items:center;background:var(--canvas);border-radius:10px;overflow:hidden}
.hc-thumb canvas{max-width:64px;max-height:64px}
.hc-meta{flex:1;min-width:0;display:grid;gap:2px}
.hc-meta b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-status{font-size:14px;color:var(--mute)}
.failed .hc-status{color:#FF8A95}
.hc-dl[hidden]{display:none}

/* compliance checker */
.ck-start .start-actions .btn{flex:0 1 auto}
.ck-result{margin-top:40px}
.ck-frame{max-width:420px}
.ck-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:420px;margin:12px auto 0}
.lg-red,.lg-green{display:inline-block;width:18px;height:0;border-top:3px dashed #E0413A}
.lg-green{border-top:8px solid rgba(10,124,85,.35);height:0}
.ck-next{margin-top:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:20px}
.ck-next p{margin:0 0 14px}
.ck-next .btn{width:100%}
#ckError:empty{display:none}
.working[hidden],.ck-result[hidden]{display:none}

.price-note{margin-top:18px;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.35);border-radius:12px;padding:12px 14px;font-size:15px}
.price-note b{color:var(--go-dark)}
.cam-alt{text-align:center;margin-top:14px}
.noedit{margin-top:10px}

/* ===== Scanner theme: tools ===== */
.tool-intro h1{font-size:clamp(34px,4.6vw,54px);line-height:1.02}
.start-card,.ps-controls,.ck-next,.confirm,.sheet{background:linear-gradient(180deg,var(--paper2),var(--paper));border-color:var(--line);box-shadow:0 30px 60px -40px rgba(0,0,0,.7)}
.start-card{position:relative;overflow:hidden}
.start-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--go),transparent);animation:edge 3s linear infinite;background-size:200% 100%}
@keyframes edge{from{background-position:200% 0}to{background-position:-200% 0}}
.chips button{background:var(--canvas);color:var(--body);border-color:var(--line)}
.chips button[aria-checked="true"]{background:var(--go);border-color:var(--go);color:var(--on-go)}
.ps-upsell{background:linear-gradient(120deg,#0F2D5E,#0B2048);border:1px solid var(--line);color:var(--body)}
.ps-sheet-wrap{background:var(--canvas);border:1px solid var(--line)}
.cam-msg{background:rgba(7,20,43,.88);border:1px solid var(--line);font-family:var(--mono);font-size:14px;letter-spacing:.02em}
.cam-msg.good{background:rgba(61,220,151,.92);color:var(--on-go);border-color:var(--go)}
.cam-stage{border:1px solid var(--line);box-shadow:0 0 0 1px rgba(56,225,255,.15),0 30px 80px -30px rgba(56,225,255,.35)}
.preview-frame{background:#fff;border-color:var(--line)}
.nudge button{background:var(--canvas);border-color:var(--line);color:var(--ink)}
.verdict{border:1px solid currentColor;font-family:var(--mono);font-size:14px;letter-spacing:.02em}
.verdict.good{background:rgba(61,220,151,.1);color:var(--go)}
.plan-opt{background:var(--canvas);border-color:var(--line)}
.plan-opt .p{font-family:var(--display)}
.plan-opt.is-best{border-color:var(--go);background:rgba(61,220,151,.07);box-shadow:0 0 0 3px rgba(61,220,151,.12)}
.price-note b{color:var(--go)}
.kb-stats{background:var(--paper)}
.kb-stats dd,.plan-opt .p{color:var(--ink)}
.kb-stats dd{font-family:var(--display)}
.hc-drop{background:var(--paper);border-color:var(--line);transition:border-color .2s,background .2s}
.hc-drop:hover{border-color:var(--cyan)}
.spinner{border-color:var(--line);border-top-color:var(--cyan);box-shadow:0 0 30px rgba(56,225,255,.25)}
.working{font-family:var(--mono);letter-spacing:.04em}
.report li{border-color:var(--line)}
.report{border-color:var(--line)}
dialog{background:var(--paper);color:var(--body);border:1px solid var(--line)}
dialog h2{color:var(--ink)}
.ps-sheet-wrap canvas,.kb-wrap img{box-shadow:0 18px 50px -20px rgba(0,0,0,.8)}
.hc-thumb{background:var(--canvas)}

/* spec blueprint beside the start card */
.start-grid{display:grid;grid-template-columns:minmax(0,640px) minmax(0,400px);gap:28px;align-items:start;margin-top:28px}
.start-grid .start-card{margin-top:0}
.blueprint{background:linear-gradient(180deg,#0E2550,#0A1A36);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;position:relative;overflow:hidden}
.bp-top{display:flex;align-items:center;gap:8px;font:600 11px/1 var(--mono);letter-spacing:.1em;color:var(--body)}
.bp-src{margin-left:auto;color:var(--cyan);border:1px solid var(--cyan);border-radius:6px;padding:4px 6px;font-size:10px}
.bp-dot{width:8px;height:8px;border-radius:50%;background:var(--go);box-shadow:0 0 10px var(--go);animation:blink 1.2s infinite}
#bpSvg{width:100%;height:auto;margin:6px 0 4px}
.bp-t{font:600 10px var(--mono);fill:var(--body);letter-spacing:.04em}
.bp-t.amber{fill:var(--amber)}.bp-t.cyan{fill:var(--cyan)}
.bp-draw{stroke-dasharray:900;stroke-dashoffset:0}
.blueprint.on .bp-draw{animation:bpdraw 1.2s cubic-bezier(.3,0,.2,1)}
.blueprint.on .bp-fade{animation:bpfade .8s .5s both}
@keyframes bpdraw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@keyframes bpfade{from{opacity:0}to{opacity:1}}
.blueprint::after{content:"";position:absolute;left:0;right:0;height:60px;top:-60px;background:linear-gradient(180deg,transparent,rgba(56,225,255,.16));pointer-events:none}
.blueprint.on::after{animation:sweep 1.4s cubic-bezier(.5,0,.5,1)}
@keyframes sweep{to{top:100%}}
.bp-data{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bp-data div{background:#0B1D3D;padding:9px 11px}
.bp-data dt{font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.bp-data dd{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--ink)}
.blueprint.on .bp-data div{animation:bpfade .5s both}
.blueprint.on .bp-data div:nth-child(2){animation-delay:.08s}.blueprint.on .bp-data div:nth-child(3){animation-delay:.16s}.blueprint.on .bp-data div:nth-child(4){animation-delay:.24s}.blueprint.on .bp-data div:nth-child(5){animation-delay:.32s}.blueprint.on .bp-data div:nth-child(6){animation-delay:.4s}
@media (max-width:960px){.start-grid{grid-template-columns:1fr}.blueprint{max-width:640px}}
@media (prefers-reduced-motion:reduce){.blueprint *{animation:none!important}}
.ps-sheet-wrap{background-color:var(--canvas);background-image:linear-gradient(rgba(56,225,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,225,255,.06) 1px,transparent 1px);background-size:22px 22px}
.ps-empty{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.launch-note{margin:0 0 4px;padding:10px 14px;border-radius:12px;border:1px dashed var(--go);background:rgba(61,220,151,.07);font-size:14px;color:var(--body)}
.launch-note b{color:var(--go)}
.plan-opt .p s{font-size:15px;color:var(--mute);margin-right:6px;font-weight:600}

/* checker sample report (fills the right side) */
.sample{background:linear-gradient(180deg,#0E2550,#0A1A36);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;animation:rise .7s .16s cubic-bezier(.2,.7,.2,1) both}
.sample-body{display:grid;grid-template-columns:120px 1fr;gap:14px;margin-top:12px;align-items:start}
.sample-photo{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1}
.sample-photo svg{display:block;width:100%;height:100%}
.s-sweep{position:absolute;left:0;right:0;height:40px;top:-40px;background:linear-gradient(180deg,transparent,rgba(56,225,255,.45));animation:ssweep 2.6s 1s ease-in-out infinite}
@keyframes ssweep{60%,100%{top:100%}}
.sample-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sample-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);opacity:0;animation:rise .4s both}
.sample-list li::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--go)}
.sample-list li.warn::before{background:var(--amber)}.sample-list li.bad::before{background:var(--red)}
.sample-list em{margin-left:auto;font:500 11px var(--mono);font-style:normal;color:var(--mute)}
.sample-list li:nth-child(1){animation-delay:.6s}.sample-list li:nth-child(2){animation-delay:.75s}.sample-list li:nth-child(3){animation-delay:.9s}.sample-list li:nth-child(4){animation-delay:1.05s}.sample-list li:nth-child(5){animation-delay:1.2s}.sample-list li:nth-child(6){animation-delay:1.35s}
.sample-v{margin:14px 0 0;padding:10px 12px;border-radius:10px;border:1px solid var(--red);color:var(--body);font-size:14px;background:rgba(255,92,108,.07)}
.sample-v b{color:#FF8A95}
/* tool pages: use the full width below the tool */
.tool-page .doc-main.faq,.tool .doc-main.faq{max-width:none;display:grid;grid-template-columns:1fr 2fr;column-gap:48px}
.tool-page .doc-main.faq>h2,.tool .doc-main.faq>h2{grid-column:1;grid-row:1/span 30;align-self:start}
.tool-page .doc-main.faq>details,.tool .doc-main.faq>details{grid-column:2}
.tool .ps-help{max-width:none}
.tool .ps-help .how{grid-template-columns:repeat(2,1fr);gap:22px 40px}
@media (max-width:860px){.tool .doc-main.faq{grid-template-columns:1fr}.tool .doc-main.faq>h2,.tool .doc-main.faq>details{grid-column:1;grid-row:auto}.tool .ps-help .how{grid-template-columns:1fr}}
@media (max-width:640px){.sample-body{grid-template-columns:90px 1fr}}

/* custom-size maker form */
.custom-form{margin-bottom:18px;display:grid;gap:12px}
.cf-presets{margin:0}
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cf-grid label,.ps-step>label:not(.btn):not(.field-label):not(.toggle){display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--body);margin-top:10px}
.cf-grid .field{height:46px}
.cf-checks{display:flex;flex-wrap:wrap;gap:8px 20px}
/* signature + resizer */
.px-grid{grid-template-columns:1fr 1fr}
.dim{opacity:.45}
.sg-wrap{background-color:#E9EDF3!important;background-image:none!important}
.sg-wrap img{background:#fff;box-shadow:0 10px 30px -10px rgba(0,0,0,.4);image-rendering:auto;min-width:240px;height:auto}
.ps-step .toggle{margin-top:10px}
.hc-opts-l input[type=range]{width:100%;accent-color:var(--go)}
.cf-grid input.field{background-image:none;padding:0 12px}