/* Clickable browser tools, Delegate Daily */
:root{--tool-ink:#171717;--tool-muted:#657080;--tool-paper:#fff;--tool-wash:#f5f7fa;--tool-line:#e4e8ee;--tool-accent:#d95f3f;--tool-accent-soft:#fff0eb;--tool-green:#257052;--tool-shadow:0 10px 30px rgba(23,31,44,.08)}
html{overflow-x:hidden}body[data-tool="new"]{background:#f6f7f9;overflow-x:hidden}body[data-tool="new"] button{min-height:44px}.free-tools{max-width:1120px!important}.tool-intro{max-width:800px;margin-bottom:26px}.tool-intro h1{font-size:clamp(2.2rem,5vw,4rem)!important;letter-spacing:-.045em;margin-bottom:14px}.tool-intro .tool-lede{font-size:1.2rem!important;max-width:650px}.tool-privacy{display:inline-block;border:0!important;border-radius:999px!important;background:#eef1f5!important;color:#4f5a68;padding:9px 15px!important;margin:10px 0 28px!important;font-size:.86rem!important;line-height:1.4!important}
.tool-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:26px;align-items:start}.tool-panel{border:0!important;border-radius:24px;background:var(--tool-paper);padding:28px;box-shadow:var(--tool-shadow)}.tool-panel h2{font-size:1.45rem;margin:0 0 8px;letter-spacing:-.025em}.tool-panel>p{color:var(--tool-muted);margin-top:0}.tool-output{position:sticky;top:20px;background:#202733;color:#fff;min-height:260px}.tool-output h2{color:#fff}.tool-output .tool-note,.tool-output p{color:#cbd3df}.tool-output .tool-result-list li{background:#2c3543;color:#fff;border:1px solid #465265;box-shadow:none}.tool-output .tool-result-list li strong{color:#fff}.tool-output .tool-result-list li p{color:#cbd3df}.tool-row{border:0!important;border-radius:20px!important;background:#f7f8fa;padding:20px!important;margin:16px 0!important}.tool-row legend{font-size:1rem;font-weight:750;padding:0 4px;color:#3f4a59}.tool-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-field{min-width:0}.tool-field label{font-size:.8rem;color:#687384;margin:0 0 7px;font-weight:700}.tool-field input,.tool-field select,.tool-field textarea{border:1px solid #e1e5eb!important;border-radius:12px!important;background:#fff!important;min-height:48px!important;padding:12px 14px!important;box-shadow:none!important}.tool-field textarea{min-height:82px!important}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--tool-accent)!important;box-shadow:0 0 0 4px rgba(217,95,63,.14)!important}.tool-actions{gap:10px;margin:16px 0}.free-tools button{border:0!important;border-radius:999px!important;min-height:46px;padding:12px 18px;background:#edf0f4;color:#27313e;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.free-tools button:hover{background:#e1e6ed;transform:translateY(-1px)}.free-tools button:active{transform:scale(.97)}.free-tools button.primary{background:var(--tool-accent);color:#fff;box-shadow:0 6px 14px rgba(217,95,63,.22)}.free-tools button.primary:hover{background:#c95034}.choice-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.choice-group button{min-height:42px;padding:9px 13px;font-size:.88rem;font-weight:650;background:#fff;border:1px solid #dfe4ea!important;border-radius:12px!important;box-shadow:none}.choice-group button.is-selected{background:var(--tool-accent-soft);border-color:var(--tool-accent)!important;color:#a9422c;box-shadow:0 0 0 2px rgba(217,95,63,.12)}.stepper{display:flex;align-items:center;gap:8px}.stepper input{flex:1;text-align:center;font-variant-numeric:tabular-nums;font-weight:750}.stepper button{width:48px;padding:0;font-size:1.35rem;background:#eef1f5;color:#27313e}.tool-result-list{display:grid;gap:11px;padding:0;list-style:none}.tool-result-list li{border:0;border-radius:15px;padding:15px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.07)}.tool-result-list li strong{display:block;margin-bottom:5px}.tool-callout{border:0;border-radius:18px;padding:18px 20px;background:#fff0eb;margin:26px 0;color:#733a2b}.tool-kicker{color:var(--tool-accent)}.tool-progress{height:7px;background:#e7ebf0;border-radius:99px;overflow:hidden;margin:10px 0 22px}.tool-progress span{display:block;height:100%;width:35%;background:var(--tool-accent);border-radius:inherit;transition:width .25s ease}.native-choice{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.tool-score{font-variant-numeric:tabular-nums}.tool-output a{color:#fff}.tool-output .tool-pill{border-color:#708099;color:#dce5f1}.tool-output .tool-success{border-left-color:#72d2a3}.tool-output .tool-danger{border-left-color:#ff9d8c}
@media(max-width:800px){.tool-workspace{grid-template-columns:1fr}.tool-output{position:static;order:-1;min-height:0}.tool-panel{padding:20px;border-radius:20px}.tool-form-grid{grid-template-columns:1fr}.tool-intro h1{font-size:2.35rem!important}.tool-actions button{flex:1 1 auto}.tool-row{padding:16px!important}.choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.choice-group button{width:100%;min-height:48px}.stepper button{min-width:48px;flex:0 0 48px}}
@media(max-width:420px){.free-tools{padding-left:16px!important;padding-right:16px!important}.choice-group{grid-template-columns:1fr 1fr}.tool-privacy{border-radius:16px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.top-nav,.site-footer,.tool-actions,.tool-privacy,.tool-breadcrumb{display:none!important}.tool-workspace{display:block}.tool-output{margin-top:20px}}
