.tool-hero{padding:56px 0 24px}.tool-hero h1{max-width:860px}.privacy-strip{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.privacy-strip span{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink-soft);align-items:center;gap:8px;padding:8px 10px;font-weight:750;display:inline-flex}.privacy-strip svg{color:var(--teal)}.tool-section{padding:18px 0 42px}.ca-wrap{max-width:940px;margin:0 auto;padding:16px}.ca-drop{border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;margin-bottom:18px;padding:36px 20px;transition:border-color .2s,background .2s}.ca-drop:hover,.ca-drop:focus-visible,.ca-drop.over{border-color:var(--teal);background:#f4fbf7}.ca-drop .ic{color:var(--teal);margin-bottom:10px;font-size:32px;font-weight:300;line-height:1}.ca-drop .t1{color:var(--ink);font-size:15px;font-weight:600}.ca-drop .t2{color:var(--muted);margin-top:5px;font-size:13px}#caFile{display:none}.ca-layout{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}@media (width<=680px){.ca-layout{grid-template-columns:1fr}}.ca-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:14px;display:flex}.ca-card h3{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:750}.ca-box{background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);flex:1;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.ca-box canvas{max-width:100%;max-height:380px;display:block}.ca-ph{color:var(--muted);text-align:center;padding:20px;font-size:13px;line-height:1.5}.ca-ctrl{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.ca-seg{gap:10px;margin-bottom:20px;display:flex}.ca-seg button{border-radius:calc(var(--radius) - 2px);border:1.5px solid var(--line);background:var(--bg);color:var(--ink-soft);cursor:pointer;flex:1;padding:10px 14px;font-size:14px;font-weight:700;transition:all .15s}.ca-seg button:hover{border-color:var(--teal);color:var(--teal-dark)}.ca-seg button.active{background:var(--teal);color:#fff;border-color:var(--teal)}.ca-seg button.active:hover{background:var(--teal-dark)}.ca-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.ca-row label{width:100px;color:var(--ink);flex-shrink:0;font-size:13px;font-weight:600}.ca-row input[type=range]{accent-color:var(--teal);cursor:pointer;flex:1;height:5px}.ca-row .val{text-align:right;width:38px;color:var(--teal-dark);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.ca-actions{gap:12px;margin-top:10px;display:flex}.ca-btn{border-radius:calc(var(--radius) - 2px);cursor:pointer;border:none;flex:1;padding:13px;font-size:14px;font-weight:800;transition:all .15s}.ca-btn-primary{background:var(--teal);color:#fff}.ca-btn-primary:disabled{opacity:.35;cursor:not-allowed}.ca-btn-primary:not(:disabled):hover{background:var(--teal-dark)}.ca-btn-secondary{background:var(--bg);color:var(--ink-soft);border:1.5px solid var(--line);font-weight:700}.ca-btn-secondary:disabled{opacity:.35;cursor:not-allowed}.ca-btn-secondary:not(:disabled):hover{border-color:var(--teal);color:var(--teal-dark)}.ca-hidden{display:none!important}.ca-toast{background:var(--teal);color:#fff;opacity:0;pointer-events:none;border-radius:999px;padding:11px 20px;font-size:13px;font-weight:700;transition:opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001f}.ca-toast.show{opacity:1}.tool-copy{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.explainer,.steps,.faq-card{padding:20px}.explainer h2,.steps h2{margin-top:0;font-size:1.28rem}.steps ol{color:var(--ink-soft);margin:0;padding-left:22px}.steps li+li{margin-top:10px}.faq-band{border-block:1px solid var(--line);background:var(--surface)}.faq-card h3{margin-top:0}@media (width<=880px){.tool-copy{grid-template-columns:1fr}}@media (width<=640px){.tool-hero{padding:42px 0 18px}.privacy-strip{grid-template-columns:1fr;display:grid}.explainer,.steps,.faq-card{padding:16px}.ca-row label{width:85px;font-size:12px}.ca-actions{flex-direction:column}}