:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f5f7;--color-surface:#fff;--color-control:#fff;--color-control-hover:#f1f1f4;--color-border:#e2e2e6;--color-text:#1c1c1e;--color-text-muted:#5a5a63;--color-accent:#4f5fd6;--color-accent-contrast:#fff;--color-focus:#1a5fff;--color-success:#12633b;--color-warning:#9a5a00;--color-danger:#b42318;--color-workspace:#e8eaf0;--color-paper:#fff;--color-paper-text:#1c1c1e;--shadow-card:0 1px 3px #14141e14, 0 4px 12px #14141e0f;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-body:.95rem;--font-size-lead:1rem;--font-size-heading-sm:1.08rem;--font-size-heading-md:clamp(1.2rem, 2vw, 1.4rem);--font-size-heading-lg:clamp(1.45rem, 2.8vw, 1.85rem);--font-size-display:clamp(1.75rem, 3.5vw, 2.35rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-strong:650}
.finance-workbench,.unit-price-workbench,.loan-workbench{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);align-items:start;gap:1.25rem;display:grid}.finance-panel{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:18px;gap:1rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.finance-panel h2{font-size:clamp(1.15rem,2vw,1.45rem)}.finance-panel .eyebrow{color:var(--color-accent);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:650}.finance-heading,.finance-actions,.fieldset-heading,.offer-card-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.finance-heading>svg{width:34px;height:34px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:10px;padding:.4rem}.finance-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.finance-field-grid label,.offer-field-grid label{color:var(--color-text-muted);gap:.4rem;font-size:.8rem;font-weight:650;display:grid}.finance-panel input,.finance-panel select{width:100%;min-width:0;min-height:44px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;padding:.62rem .7rem}.stacked-discounts{border:1px solid var(--color-border);border-radius:13px;gap:.7rem;padding:1rem;display:grid}.stacked-discounts legend{padding:0;font-weight:650}.stacked-discounts>p{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.fieldset-heading .secondary-button,.add-offer-button,.finance-actions .secondary-button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.fieldset-heading svg,.add-offer-button svg,.finance-actions svg{width:16px}.discount-row{grid-template-columns:minmax(90px,1fr) minmax(120px,.7fr) auto;align-items:center;gap:.65rem;display:grid}.discount-row label{font-size:.82rem;font-weight:650}.discount-row>div{position:relative}.discount-row>div span{color:var(--color-text-muted);position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.discount-row input{padding-right:2rem}.discount-price-grid{grid-template-columns:.8fr 1fr .65fr}.fieldset-heading>div{gap:.15rem;display:grid}.fieldset-heading>div>small{color:var(--color-text-muted);font-size:.7rem}.discount-quick-presets{flex-wrap:wrap;gap:.4rem;display:flex}.discount-quick-presets button{min-height:34px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:600}.checkout-offer-row{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;grid-template-columns:28px minmax(120px,.9fr) minmax(120px,.7fr) auto;padding:.55rem}.offer-order{width:26px;height:26px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:50%;place-items:center;font-size:.72rem;font-weight:650;display:grid}.checkout-offer-row select,.checkout-offer-row input{background:var(--color-surface);min-height:38px;padding:.5rem .6rem}.checkout-offer-row .offer-value-field{position:relative}.checkout-offer-row .offer-value-field>span:last-child{color:var(--color-text-muted);font-size:.7rem;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.checkout-offer-row .offer-value-field input{padding-right:3rem}.offer-row-actions{gap:.3rem;display:flex;position:static!important}.offer-row-actions .icon-button{width:36px;min-height:36px}.checkout-tax-panel,.checkout-shipping-panel{border:1px solid var(--color-border);border-radius:13px;gap:.8rem;padding:1rem;display:grid}.checkout-tax-panel legend,.checkout-shipping-panel legend{padding:0;font-weight:650}.checkout-shipping-panel legend{align-items:center;gap:.4rem;display:inline-flex}.checkout-shipping-panel legend svg{width:17px;color:var(--color-accent)}.finance-mode-switch{border:1px solid var(--color-border);background:var(--color-bg);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.finance-mode-switch button{min-height:38px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:600}.finance-mode-switch button.active{color:var(--color-accent-contrast);background:var(--color-accent)}.tax-mode-explanation{border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;align-content:center;gap:.2rem;padding:.65rem .75rem;display:grid}.tax-mode-explanation strong{font-size:.8rem}.tax-mode-explanation span{color:var(--color-text-muted);font-size:.72rem;line-height:1.4}.checkout-shipping-panel .check-row{background:var(--color-bg);align-self:end;min-height:44px;padding:.6rem .7rem}.checkout-shipping-panel .check-row strong{font-size:.78rem}.checkout-shipping-panel .check-row small{font-size:.68rem}.finance-footer-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.finance-footer-actions .tool-note{margin:0}.finance-footer-actions .secondary-button{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.finance-footer-actions svg{width:16px}.checkout-receipt .finance-breakdown dt,.checkout-receipt .finance-breakdown dd{font-size:.8rem}.empty-state.compact{padding:.75rem;font-size:.78rem}.finance-results-panel,.loan-results-panel,.unit-price-results{position:sticky;top:6rem}.finance-primary-result{color:var(--color-accent-contrast);background:linear-gradient(135deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 68%, #1c245f));border-radius:14px;gap:.3rem;padding:1.15rem;display:grid}.finance-primary-result>span,.finance-primary-result>small{opacity:.82;font-size:.78rem}.finance-primary-result>strong{font-size:clamp(1.45rem,3.5vw,1.95rem);line-height:1.05}.finance-breakdown{margin:0;display:grid}.finance-breakdown>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.finance-breakdown dt{color:var(--color-text-muted)}.finance-breakdown dd{text-align:right;margin:0;font-weight:600}.finance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.finance-metric-grid>div{border:1px solid var(--color-border);background:var(--color-bg);border-radius:11px;gap:.25rem;padding:.8rem;display:grid}.finance-metric-grid>div>span{color:var(--color-text-muted);font-size:.72rem}.finance-metric-grid>div>strong{font-size:1rem}.finance-metric-grid>.positive{color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 35%, var(--color-border));background:color-mix(in srgb, var(--color-success) 7%, var(--color-bg));grid-column:1/-1}.loan-input-panel{align-self:start}.loan-term-presets{flex-wrap:wrap;gap:.4rem;display:flex}.loan-term-presets button{min-height:34px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:600}.loan-term-presets button.active{color:var(--color-accent-contrast);border-color:var(--color-accent);background:var(--color-accent)}.loan-extra-panel{border:1px solid var(--color-border);border-radius:13px;gap:.75rem;padding:1rem;display:grid}.loan-extra-panel legend{padding:0;font-weight:650}.loan-reset-button{justify-self:start;align-items:center;gap:.4rem;display:inline-flex}.loan-reset-button svg{width:16px}.loan-cost-composition{gap:.45rem;display:grid}.loan-cost-composition>div{background:var(--color-border);border-radius:999px;height:10px;display:flex;overflow:hidden}.loan-cost-composition>div span{background:var(--color-accent)}.loan-cost-composition>div i{background:color-mix(in srgb, #e59b20 75%, var(--color-accent))}.loan-cost-composition p{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:.4rem;margin:0;font-size:.7rem;display:flex}.loan-comparison-note{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-accent) 7%, transparent);border-radius:10px;margin:0;padding:.75rem;font-size:.78rem;line-height:1.5}.amortization-panel{grid-column:1/-1}.amortization-panel .section-heading{margin:0}.schedule-view-switch{border:1px solid var(--color-border);background:var(--color-bg);border-radius:11px;grid-template-columns:repeat(3,auto);gap:.25rem;padding:.25rem;display:grid}.schedule-view-switch button{min-height:36px;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.4rem .65rem;font-size:.72rem;font-weight:600}.schedule-view-switch button.active{color:var(--color-accent-contrast);background:var(--color-accent)}.table-scroll{border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.amortization-panel table{border-collapse:collapse;width:100%;min-width:720px}.amortization-panel th,.amortization-panel td{text-align:right;border-bottom:1px solid var(--color-border);padding:.7rem .8rem;font-size:.8rem}.amortization-panel th{color:var(--color-text-muted);background:var(--color-bg);position:sticky;top:0}.amortization-panel th:first-child,.amortization-panel td:first-child,.amortization-panel th:nth-child(2),.amortization-panel td:nth-child(2){text-align:left}.amortization-panel tbody tr:last-child td{border-bottom:0}.amortization-panel td:first-child small{color:var(--color-text-muted);white-space:nowrap;margin-top:.15rem;font-size:.65rem;display:block}.savings-progress{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-border));border-radius:999px;height:9px;overflow:hidden}.savings-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.savings-horizon-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.savings-horizon-row>span{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.savings-horizon-row>div{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.savings-horizon-row button{min-height:34px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:600}.savings-timing-panel{border:1px solid var(--color-border);border-radius:13px;gap:.65rem;padding:1rem;display:grid}.savings-timing-panel legend{padding:0;font-weight:650}.savings-timing-panel>p{color:var(--color-text-muted);margin:0;font-size:.75rem;line-height:1.45}.savings-reset-button{justify-self:start;align-items:center;gap:.4rem;display:inline-flex}.savings-reset-button svg{width:16px}.savings-results-panel{align-content:start}.savings-scenario{border:1px solid var(--color-border);background:var(--color-bg);border-radius:13px;gap:.45rem;padding:1rem;display:grid}.savings-scenario.primary{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 5%, var(--color-bg))}.savings-scenario>span{color:var(--color-text-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.savings-scenario>strong{color:var(--color-accent);font-size:clamp(1.35rem,3vw,1.8rem)}.savings-scenario>strong small{color:var(--color-text-muted);font-size:.72rem;font-weight:650}.savings-scenario>p{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.45}.savings-scenario dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.25rem 0 0;display:grid}.savings-scenario dl>div{background:var(--color-surface);border-radius:8px;gap:.15rem;min-width:0;padding:.5rem;display:grid}.savings-scenario dt{color:var(--color-text-muted);font-size:.62rem}.savings-scenario dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;font-weight:650;overflow:hidden}.savings-status{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-accent) 8%, transparent);border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.8rem;font-size:.82rem;line-height:1.5;display:grid}.savings-status.warning{background:color-mix(in srgb, var(--color-warning) 10%, transparent)}.savings-status.warning svg{color:var(--color-warning)}.savings-result-actions{display:flex}.savings-schedule-panel{grid-column:1/-1}.savings-schedule-actions{align-items:center;gap:.55rem;display:flex}.savings-schedule-actions .schedule-view-switch{grid-template-columns:repeat(2,auto)}.savings-schedule-actions .secondary-button{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.savings-schedule-actions svg{width:16px}.savings-schedule-panel table{border-collapse:collapse;width:100%;min-width:620px}.savings-schedule-panel th,.savings-schedule-panel td{text-align:right;border-bottom:1px solid var(--color-border);padding:.7rem .8rem;font-size:.8rem}.savings-schedule-panel th{color:var(--color-text-muted);background:var(--color-bg)}.savings-schedule-panel th:first-child,.savings-schedule-panel td:first-child{text-align:left}.savings-schedule-panel tbody tr:last-child td{border-bottom:0}.savings-status svg{width:19px;color:var(--color-accent)}.offer-editor{gap:.8rem;display:grid}.offer-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:13px;gap:.8rem;padding:.9rem;display:grid}.offer-card-heading>input{background:var(--color-surface);min-height:38px;padding:.4rem .55rem;font-weight:650}.unit-price-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.unit-price-setup-grid label,.unit-price-needed label,.offer-basic-grid label{color:var(--color-text-muted);gap:.4rem;font-size:.8rem;font-weight:650;display:grid}.unit-price-needed{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-accent) 4%, var(--color-bg));border-radius:13px;gap:.7rem;padding:.9rem;display:grid}.unit-price-needed legend{padding:0 .3rem;font-weight:650}.unit-price-needed>p,.offer-deal-terms>p{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.unit-price-needed>div{grid-template-columns:minmax(0,1.4fr) minmax(100px,.6fr);gap:.65rem;display:grid}.offer-basic-grid{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(85px,.6fr);gap:.65rem;display:grid}.offer-deal-terms{border-top:1px solid var(--color-border);padding-top:.7rem}.offer-deal-terms summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;min-height:32px;font-weight:650;display:flex}.offer-deal-terms summary span{color:var(--color-text-muted);font-size:.72rem;font-weight:650}.offer-deal-terms[open] summary{margin-bottom:.6rem}.offer-deal-terms>p{margin-bottom:.65rem}.offer-field-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.offer-field-grid input,.offer-field-grid select{background:var(--color-surface);min-height:40px;padding:.5rem .55rem}.offer-results-list{gap:.65rem;display:grid}.offer-results-list article{border:1px solid var(--color-border);background:var(--color-bg);border-radius:11px;gap:.35rem;padding:.85rem;display:grid}.offer-results-list article.best{border-color:color-mix(in srgb, var(--color-warning) 55%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 8%, var(--color-bg))}.offer-results-list article>div{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.offer-results-list article>div span{color:var(--color-warning);align-items:center;gap:.25rem;font-size:.68rem;font-weight:650;display:inline-flex}.offer-results-list .offer-result-heading{align-items:flex-start}.offer-badges{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.offer-results-list .offer-badges>span{color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));border-radius:999px;align-items:center;gap:.25rem;padding:.22rem .4rem;display:inline-flex}.offer-results-list article svg{width:14px}.offer-results-list .offer-unit-price strong{color:var(--color-accent);font-size:1.2rem}.offer-results-list article>small{color:var(--color-text-muted)}.offer-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.25rem;display:grid}.offer-result-metrics>div{background:var(--color-surface);border-radius:8px;min-width:0;padding:.5rem}.offer-result-metrics dt{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:650}.offer-result-metrics dd{overflow-wrap:anywhere;margin:.15rem 0 0;font-size:.78rem;font-weight:600}.unit-price-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.unit-price-result-actions button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.unit-price-result-actions svg{width:16px}@media (max-width:900px){.finance-workbench,.unit-price-workbench,.loan-workbench{grid-template-columns:1fr}.finance-results-panel,.loan-results-panel,.unit-price-results{position:static}.amortization-panel,.savings-schedule-panel{grid-column:auto}.offer-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.unit-price-setup-grid,.offer-basic-grid{grid-template-columns:1fr}.offer-card-heading{align-items:stretch}.offer-result-metrics,.unit-price-result-actions{grid-template-columns:1fr}}
.dns-workbench{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:start;gap:1.25rem;display:grid}.dns-query-panel,.dns-results-panel{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:18px;gap:1rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.dns-query-panel{position:sticky;top:6rem}.dns-panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dns-panel-heading .eyebrow{color:var(--color-accent);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:650}.dns-panel-heading h2{overflow-wrap:anywhere;margin-top:.15rem;font-size:clamp(1.1rem,2vw,1.4rem)}.dns-panel-heading>svg{width:36px;height:36px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:10px;flex:none;padding:.4rem}.dns-query-panel form,.dns-query-field,.dns-query-options label{gap:.45rem;display:grid}.dns-query-field,.dns-query-options label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.dns-query-panel input,.dns-query-panel select{width:100%;min-width:0;min-height:44px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;padding:.62rem .7rem}.dns-query-options{grid-template-columns:minmax(0,1fr);gap:.7rem;display:grid}.dns-input-help,.dns-intent-detected{color:var(--color-text-muted);margin-top:-.15rem;font-size:.76rem;line-height:1.45}.dns-intent-detected{color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 6%, var(--color-bg));border-radius:9px;padding:.55rem .65rem}.dns-intent-detected strong{color:var(--color-accent)}.dns-intent-detected code{overflow-wrap:anywhere}.dns-query-suggestions{flex-wrap:wrap;gap:.35rem;display:flex}.dns-query-suggestions button{min-height:30px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);border-radius:999px;padding:.3rem .55rem;font-size:.7rem;font-weight:600}.dns-query-suggestions button:hover{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border))}.dns-shortcuts,.dns-primary-actions,.dns-result-actions{flex-wrap:wrap;gap:.55rem;display:flex}.dns-shortcuts button,.dns-primary-actions button,.dns-result-actions button{justify-content:center;align-items:center;gap:.38rem;display:inline-flex}.dns-shortcuts svg,.dns-primary-actions svg,.dns-result-actions svg{width:16px}.dns-primary-actions .primary-button{flex:160px}.dns-notice{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;padding:.75rem;font-size:.8rem;line-height:1.5}.dns-empty-state{min-height:210px;color:var(--color-text-muted);border:1px dashed var(--color-border);background:var(--color-bg);text-align:center;border-radius:14px;justify-items:center;gap:.5rem;padding:2rem 1rem;display:grid}.dns-empty-state svg{width:36px;color:var(--color-accent)}.dns-empty-state strong{color:var(--color-text)}.dns-empty-state span{max-width:440px;font-size:.82rem;line-height:1.5}.dns-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.dns-summary-grid>div{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;gap:.25rem;min-width:0;padding:.7rem;display:grid}.dns-summary-grid span{color:var(--color-text-muted);font-size:.68rem;font-weight:600}.dns-summary-grid strong{overflow-wrap:anywhere;font-size:1.05rem}.nameserver-summary{border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 5%, var(--color-bg));border-radius:13px;gap:.7rem;padding:.9rem;display:grid}.nameserver-summary>div{align-items:center;gap:.5rem;display:flex}.nameserver-summary svg{width:18px;color:var(--color-accent)}.nameserver-summary h3{font-size:.92rem}.nameserver-summary ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.nameserver-summary li{overflow-wrap:anywhere;background:var(--color-surface);min-width:0;font-family:var(--font-mono,monospace);border-radius:8px;padding:.45rem .55rem;font-size:.78rem}.dns-status-strip{flex-wrap:wrap;gap:.35rem;display:flex}.dns-status-strip span{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);border-radius:999px;padding:.3rem .45rem;font-size:.7rem}.dns-status-strip span.success strong{color:var(--color-success)}[data-theme=dark] .dns-status-strip span.success strong{color:#76d995}.dns-status-strip span.error strong{color:var(--color-danger)}.dns-table-wrap{border:1px solid var(--color-border);border-radius:12px;max-width:100%;overflow-x:auto}.dns-record-table{border-collapse:collapse;width:100%;min-width:680px;font-size:.78rem}.dns-record-table th,.dns-record-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.65rem}.dns-record-table th{color:var(--color-text-muted);background:var(--color-bg);font-size:.7rem}.dns-record-table td:nth-child(2){overflow-wrap:anywhere;max-width:180px}.dns-record-table td:last-child{min-width:260px}.dns-record-table code{color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere}.dns-record-table tbody tr:last-child td{border-bottom:0}.dns-result-actions>button{flex:130px}.dns-seo-guide>p{max-width:850px;color:var(--color-text-muted);line-height:1.7}.dns-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.dns-guide-grid article{border:1px solid var(--color-border);background:var(--color-bg);border-radius:13px;padding:1rem}.dns-guide-grid h3{margin-bottom:.45rem;font-size:.95rem}.dns-guide-grid p{color:var(--color-text-muted);font-size:.82rem;line-height:1.6}@media (max-width:900px){.dns-workbench{grid-template-columns:1fr}.dns-query-panel{position:static}.dns-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.dns-query-options,.dns-summary-grid,.nameserver-summary ul{grid-template-columns:1fr}.dns-shortcuts button{flex:140px}.dns-guide-grid{grid-template-columns:1fr}}@media (max-width:560px){.finance-field-grid,.finance-metric-grid,.offer-field-grid{grid-template-columns:1fr}.finance-metric-grid>.positive{grid-column:auto}.discount-row{grid-template-columns:minmax(0,1fr) auto}.discount-row>label{grid-column:1/-1}.fieldset-heading,.finance-actions,.amortization-panel .section-heading{flex-direction:column;align-items:stretch}.schedule-view-switch{grid-template-columns:1fr}.savings-horizon-row,.savings-schedule-actions{flex-direction:column;align-items:stretch}.savings-horizon-row>div{justify-content:flex-start}.savings-schedule-actions .schedule-view-switch,.savings-scenario dl{grid-template-columns:1fr}.checkout-offer-row{grid-template-columns:28px minmax(0,1fr)}.checkout-offer-row>label,.checkout-offer-row .offer-row-actions{grid-column:2}.finance-footer-actions{grid-template-columns:1fr}.finance-footer-actions .secondary-button{justify-self:start}}
.health-workbench{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);align-items:start;gap:1.25rem;display:grid}.health-panel,.health-disclaimer{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:18px;gap:1rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.health-panel h2,.health-disclaimer h2{font-size:clamp(1.15rem,2vw,1.45rem)}.health-panel .eyebrow{color:var(--color-accent);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:650}.health-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.health-heading>svg{width:38px;height:38px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:11px;flex:none;padding:.45rem}.health-unit-switch{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:.25rem;padding:.25rem;display:grid}.health-unit-switch button{min-height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:600}.health-unit-switch button.active{color:var(--color-accent-contrast);background:var(--color-accent)}.health-field-grid,.health-time-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.health-field-grid--three,.health-time-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.health-field-grid label,.health-time-fields label{color:var(--color-text-muted);gap:.4rem;font-size:.8rem;font-weight:650;display:grid}.health-panel input,.health-panel select{width:100%;min-width:0;min-height:44px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;padding:.62rem .7rem}.health-time-fields{border:1px solid var(--color-border);border-radius:13px;padding:1rem}.health-time-fields legend{padding:0 .35rem;font-weight:650}.health-information-note{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-accent) 8%, transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.85rem;font-size:.82rem;line-height:1.55;display:grid}.health-information-note svg{width:19px;color:var(--color-accent)}.health-results-panel{position:sticky;top:6rem}.health-primary-result{color:var(--color-accent-contrast);background:linear-gradient(135deg, #167d72, color-mix(in srgb, var(--color-accent) 72%, #102e4a));border-radius:15px;gap:.3rem;padding:1.2rem;display:grid}.health-primary-result>span,.health-primary-result>small{opacity:.86;font-size:.78rem}.health-primary-result>strong{font-size:clamp(1.45rem,3.5vw,1.95rem);line-height:1}.bmi-scale{background:linear-gradient(90deg,#4c8bdc 0 19.7%,#2f9d70 19.7% 39.4%,#d6a329 39.4% 54.5%,#dc7c35 54.5% 69.7%,#cf5e55 69.7% 84.8%,#a93c4b 84.8% 100%);border-radius:999px;height:12px;margin:.35rem 4px;position:relative}.bmi-scale--lower-threshold{background:linear-gradient(90deg,#4c8bdc 0 19.7%,#2f9d70 19.7% 33.3%,#d6a329 33.3% 47%,#dc7c35 47% 62.1%,#cf5e55 62.1% 77.3%,#a93c4b 77.3% 100%)}.bmi-scale-marker{border:3px solid var(--color-surface);background:var(--color-text);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0000004d}.bmi-scale-endpoints{color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-.65rem;font-size:.68rem;display:flex}.bmi-profile-selector{border:1px solid var(--color-border);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.8rem;display:grid}.bmi-profile-selector legend{padding:0 .35rem;font-size:.82rem;font-weight:650}.bmi-profile-selector label{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.55rem;padding:.7rem;display:flex}.bmi-profile-selector label:has(input:checked){border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 7%, var(--color-bg))}.bmi-profile-selector input{width:auto;min-height:0;margin-top:.2rem}.bmi-profile-selector label>span{gap:.15rem;display:grid}.bmi-profile-selector strong{font-size:.82rem}.bmi-profile-selector small,.bmi-profile-note{color:var(--color-text-muted);font-size:.75rem;line-height:1.45}.bmi-profile-note{border-left:3px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 6%, transparent);margin-top:-.4rem;padding:.7rem .8rem}.health-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.health-metric-grid>div{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:.25rem .5rem;padding:.85rem;display:grid}.health-metric-grid svg{width:18px;color:var(--color-accent);grid-row:1/3}.health-metric-grid span{color:var(--color-text-muted);font-size:.72rem}.health-metric-grid strong{font-size:.96rem}.bmi-metric-grid>div{align-content:start}.bmi-metric-grid small{color:var(--color-text-muted);grid-column:2;font-size:.7rem}.bmi-conversion-summary{border:1px solid var(--color-border);background:var(--color-bg);border-radius:11px;gap:.22rem;padding:.8rem;display:grid}.bmi-conversion-summary span,.bmi-conversion-summary small{color:var(--color-text-muted);font-size:.72rem}.bmi-conversion-summary strong{font-size:.88rem}.bmi-result-actions{flex-wrap:wrap;gap:.55rem;display:flex}.bmi-category-panel{grid-column:1/-1}.bmi-category-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.bmi-category-list>div{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;align-content:space-between;gap:.45rem;min-height:78px;padding:.7rem;display:grid}.bmi-category-list>div.current{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg));box-shadow:inset 0 3px var(--color-accent)}.bmi-category-list span{color:var(--color-text-muted);font-size:.72rem}.bmi-category-list strong{font-variant-numeric:tabular-nums;font-size:.86rem}.health-disclaimer{color:var(--color-text-muted);box-shadow:none;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);line-height:1.65}.health-disclaimer>svg{width:26px;color:var(--color-accent)}.health-disclaimer h2{color:var(--color-text)}.health-reference-links{grid-column:2;margin-top:-.65rem;font-size:.8rem}.health-reference-links a{color:var(--color-accent);text-underline-offset:2px}.sleep-suggestion-list{gap:.65rem;display:grid}.sleep-anchor-tabs{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;padding:.3rem;display:grid}.sleep-anchor-tabs button{min-height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem;font-weight:650;display:flex}.sleep-anchor-tabs button[aria-selected=true]{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card)}.sleep-anchor-tabs svg{width:17px}.sleep-date-field{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.sleep-date-field button{min-height:44px}.sleep-time-presets{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.sleep-time-presets>span{color:var(--color-text-muted);margin-right:.15rem;font-size:.75rem;font-weight:650}.sleep-time-presets button{color:var(--color-accent);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:999px;padding:.4rem .65rem;font-size:.75rem}.sleep-time-presets button:hover{border-color:var(--color-accent)}.sleep-guidance-summary{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.sleep-guidance-summary span{color:var(--color-text-muted);font-size:.75rem}.sleep-guidance-summary strong{color:var(--color-accent);font-size:.82rem}.sleep-suggestion-list>label{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.sleep-suggestion-list>label>input{width:auto;min-height:0}.sleep-suggestion-list>label.selected article{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 12%, transparent)}.sleep-suggestion-list article{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;padding:.85rem;display:grid}.sleep-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.sleep-result-actions button{justify-content:center;width:100%}.sleep-calendar-note{color:var(--color-text-muted);align-items:center;gap:.4rem;margin-top:-.45rem;font-size:.72rem;display:flex}.sleep-calendar-note svg{width:15px}.sleep-suggestion-list article.recommended-duration{border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border));background:color-mix(in srgb, var(--color-success) 7%, var(--color-bg))}.sleep-suggestion-list article>div{align-items:center;gap:.5rem;font-weight:600;display:flex}.sleep-suggestion-list article small{color:var(--color-text-muted);background:var(--color-surface);border-radius:999px;padding:.15rem .4rem;font-size:.65rem}.sleep-suggestion-list article>strong{color:color-mix(in srgb, var(--color-accent) 88%, var(--color-text));grid-area:1/2/3;font-size:1.45rem;font-weight:600}.sleep-suggestion-list article>p{color:var(--color-text-muted);font-size:.75rem}.pace-predictions,.pace-splits{grid-column:1/-1}.pace-predictions table,.pace-splits table{border-collapse:collapse;width:100%}.pace-predictions th,.pace-predictions td,.pace-splits th,.pace-splits td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem .85rem}.pace-predictions th,.pace-splits th{color:var(--color-text-muted);background:var(--color-bg);font-size:.75rem}.pace-predictions td:last-child,.pace-splits td:nth-last-child(-n+2){font-variant-numeric:tabular-nums;font-weight:650}.pace-predictions tbody tr:last-child td,.pace-splits tbody tr:last-child td{border-bottom:0}.pace-mode-tabs{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.3rem;display:grid}.pace-mode-tabs button{min-height:42px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:.5rem;font-weight:650}.pace-mode-tabs button[aria-selected=true]{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card)}.pace-distance-presets{flex-wrap:wrap;gap:.4rem;display:flex}.pace-distance-presets button{color:var(--color-accent);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:999px;padding:.4rem .65rem;font-size:.75rem}.pace-distance-presets button:hover{border-color:var(--color-accent)}.pace-split-controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:.65rem;display:grid}.pace-split-controls label{color:var(--color-text-muted);gap:.35rem;font-size:.78rem;font-weight:650;display:grid}.pace-split-controls button{min-height:44px}.pace-split-table{border:1px solid var(--color-border);border-radius:11px;max-height:440px;overflow:auto}.pace-split-table thead{z-index:1;position:sticky;top:0}@media (max-width:850px){.health-workbench{grid-template-columns:1fr}.health-results-panel{position:static}.health-disclaimer,.pace-predictions,.pace-splits,.bmi-category-panel{grid-column:auto}.pace-split-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.bmi-category-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.health-field-grid,.health-field-grid--three,.health-time-fields,.health-metric-grid,.bmi-profile-selector,.health-disclaimer{grid-template-columns:1fr}.health-reference-links{grid-column:auto;margin-top:0}.bmi-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bmi-result-actions{display:grid}.bmi-result-actions button{justify-content:center;width:100%}.pace-split-controls{grid-template-columns:1fr}.pace-split-controls button{justify-content:center;width:100%}.sleep-suggestion-list article{grid-template-columns:1fr}.sleep-suggestion-list article>strong{grid-area:auto}.sleep-date-field,.sleep-result-actions{grid-template-columns:1fr}.sleep-date-field button{width:100%}}
.sql-workbench,.cron-workbench{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:1.25rem;display:grid}.developer-panel{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:18px;gap:1rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.developer-panel h2{font-size:clamp(1.15rem,2vw,1.45rem)}.developer-panel .eyebrow{color:var(--color-accent);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:650}.developer-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.developer-heading>svg{width:38px;height:38px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:11px;flex:none;padding:.45rem}.developer-heading>span{color:var(--color-text-muted);font-size:.75rem}.developer-panel>label,.sql-option-grid>label,.cron-reference label{color:var(--color-text-muted);gap:.4rem;font-size:.8rem;font-weight:650;display:grid}.developer-panel input,.developer-panel select{width:100%;min-width:0;min-height:44px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;padding:.62rem .7rem}.json-workbench{gap:1rem;display:grid}.json-controls{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;grid-template-columns:minmax(260px,auto) minmax(160px,220px) minmax(220px,1fr);align-items:end;gap:1rem;padding:1rem;display:grid}.json-controls>div:first-child{gap:.35rem;display:grid}.json-controls .control-label{color:var(--color-text-muted);font-size:.78rem;font-weight:650}.json-controls .tab-list{width:max-content;margin:0}.json-controls .option-field{margin:0}.json-controls .checkbox-field{border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;align-self:center;min-height:44px;padding:.65rem .75rem}.json-controls :disabled{cursor:not-allowed;opacity:.55}.json-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.json-editor-column{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:16px;align-content:start;gap:.65rem;padding:1rem;display:grid}.json-editor-column .text-editor{min-width:0}.json-editor-column .editor-textarea{resize:vertical;tab-size:2;min-height:390px;font:500 .86rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.json-editor-column .tool-actions{margin:0}.json-editor-meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:.35rem .8rem;font-size:.73rem;display:flex}.json-editor-meta .limit{color:var(--color-danger);font-weight:650}.json-error-context{color:var(--color-text-muted);border:1px solid color-mix(in srgb, #c62828 35%, var(--color-border));background:color-mix(in srgb, #c62828 7%, var(--color-surface));border-radius:12px;gap:.45rem;padding:.85rem 1rem;font-size:.78rem;display:grid}.json-error-context pre{max-width:100%;color:var(--color-text);background:var(--color-bg);border-radius:8px;padding:.75rem;font:500 .82rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.json-error-context mark{color:var(--color-danger);background:0 0;font-weight:800;display:inline-block}.json-duplicate-warning,.json-inspector{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.json-duplicate-warning{border-color:color-mix(in srgb, #d97706 40%, var(--color-border));background:color-mix(in srgb, #d97706 6%, var(--color-surface))}.json-duplicate-warning h2,.json-inspector h2{font-size:clamp(1.05rem,2vw,1.3rem)}.json-duplicate-warning p,.json-pointer-panel>p{color:var(--color-text-muted);font-size:.82rem;line-height:1.55}.json-duplicate-warning ul{gap:.5rem;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.json-duplicate-warning li{border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;padding:.65rem .75rem;display:flex}.json-duplicate-warning li span{color:var(--color-text-muted);font-size:.75rem}.json-inspector-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.json-inspector-heading .eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.json-inspector-heading>span{color:var(--color-text-muted);font-size:.72rem}.json-inspector-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.json-search-panel,.json-pointer-panel{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;align-content:start;gap:.75rem;min-width:0;padding:1rem;display:grid}.json-search-panel>label,.json-pointer-panel>label{color:var(--color-text-muted);gap:.4rem;font-size:.78rem;font-weight:650;display:grid}.json-search-panel input,.json-pointer-panel input{width:100%;min-height:44px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;padding:.65rem .75rem}.json-search-panel input:focus,.json-pointer-panel input:focus{border-color:var(--color-accent);outline:3px solid color-mix(in srgb, var(--color-accent) 18%, transparent)}.json-match-count{color:var(--color-text-muted);font-size:.73rem}.json-search-results{gap:.45rem;max-height:330px;display:grid;overflow-y:auto}.json-search-results button{color:var(--color-text);text-align:left;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;padding:.65rem .75rem;display:grid}.json-search-results button:hover,.json-search-results button:focus-visible{border-color:var(--color-accent)}.json-search-results code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.json-search-results button>span{color:var(--color-accent);text-transform:uppercase;font-size:.68rem;font-weight:700}.json-search-results small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.json-pointer-panel .text-editor{min-width:0}.json-pointer-panel .editor-textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.json-pointer-panel .copy-button{justify-self:start}.uuid-workbench{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:1rem;display:grid}.uuid-builder,.uuid-output-panel,.uuid-inspector{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:16px;gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.uuid-builder{grid-row:span 2}.uuid-inspector{grid-column:2}.uuid-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.uuid-section-heading .eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.uuid-section-heading h2{font-size:clamp(1.05rem,2vw,1.3rem)}.uuid-section-heading>span{color:var(--color-text-muted);font-size:.72rem}.uuid-version-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.uuid-version-switch>label{cursor:pointer;display:block;position:relative}.uuid-version-switch input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.uuid-version-switch span{min-height:78px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;align-content:center;gap:.2rem;padding:.75rem;font-size:.72rem;display:grid}.uuid-version-switch strong{color:var(--color-text);font-size:.88rem}.uuid-version-switch label.active span{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 15%, transparent)}.uuid-version-switch input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--color-accent) 20%, transparent)}.uuid-count-row{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);align-items:end;gap:.75rem;display:grid}.uuid-count-row>label,.uuid-format-grid>label:first-child,.uuid-inspector>label{color:var(--color-text-muted);gap:.4rem;font-size:.78rem;font-weight:650;display:grid}.uuid-count-row input,.uuid-format-grid select,.uuid-inspector>label input{width:100%;min-height:42px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;padding:.55rem .65rem}.uuid-count-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;display:grid}.uuid-count-presets button{min-height:42px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:8px}.uuid-count-presets button.active{color:var(--color-accent-contrast);border-color:var(--color-accent);background:var(--color-accent)}.uuid-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.uuid-format-grid>label:first-child{grid-column:1/-1}.uuid-format-grid .checkbox-field{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;min-height:42px;padding:.55rem .65rem}.uuid-builder .tool-actions,.uuid-output-panel .tool-actions{margin:0}.uuid-stability-note{color:var(--color-text-muted);font-size:.74rem;line-height:1.5}.uuid-output-panel textarea{resize:vertical;width:100%;min-height:330px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;padding:1rem;font:500 .82rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.uuid-output-meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;font-size:.72rem;display:flex}.uuid-inspection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;display:grid}.uuid-inspection-grid>div{border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;gap:.25rem;min-width:0;padding:.7rem;display:grid}.uuid-inspection-grid dt{color:var(--color-text-muted);font-size:.68rem}.uuid-inspection-grid dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.82rem}.uuid-inspection-grid code{font-size:.76rem}.uuid-inspector>.copy-button{justify-self:start}.timestamp-workbench{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:start;gap:1rem;display:grid}.timestamp-input-panel,.timestamp-result-panel{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:16px;gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.timestamp-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.timestamp-heading .eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.timestamp-heading h2{font-size:clamp(1.05rem,2vw,1.3rem)}.timestamp-heading>label{min-width:170px;color:var(--color-text-muted);gap:.3rem;font-size:.7rem;font-weight:650;display:grid}.timestamp-heading select,.timestamp-fields input,.timestamp-fields select{width:100%;min-height:42px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;padding:.55rem .65rem}.timestamp-direction-switch{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.timestamp-direction-switch button{min-height:42px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.45rem .6rem;font-size:.78rem}.timestamp-direction-switch button.active{color:var(--color-accent-contrast);background:var(--color-accent)}.timestamp-fields{gap:.75rem;display:grid}.timestamp-fields>label{color:var(--color-text-muted);gap:.4rem;font-size:.78rem;font-weight:650;display:grid}.timestamp-basis{border:1px solid var(--color-border);border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:.75rem;display:grid}.timestamp-basis legend{color:var(--color-text-muted);padding-inline:.3rem;font-size:.72rem;font-weight:650}.timestamp-basis label{align-items:center;gap:.4rem;font-size:.76rem;display:flex}.timestamp-basis input{width:17px;min-height:17px;accent-color:var(--color-accent)}.timestamp-detection,.timestamp-live-note{color:var(--color-text-muted);font-size:.72rem}.timestamp-input-panel .tool-actions,.timestamp-result-panel .tool-actions{margin:0}.timestamp-result-list{border:1px solid var(--color-border);border-radius:10px;margin:0;display:grid;overflow:hidden}.timestamp-result-list>div{border-bottom:1px solid var(--color-border);background:var(--color-bg);grid-template-columns:minmax(115px,.35fr) minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.7rem .8rem;display:grid}.timestamp-result-list>div:last-child{border-bottom:0}.timestamp-result-list dt{color:var(--color-text-muted);font-size:.7rem;font-weight:650}.timestamp-result-list dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.8rem}.timestamp-result-list code{font-size:.76rem}.timestamp-result-list .copy-button{min-height:32px;padding:.35rem .55rem;font-size:.7rem}.timestamp-empty{text-align:center;place-content:center;min-height:290px;display:grid}.html-workbench{gap:1rem;display:grid}.html-controls,.html-editor-panel,.html-analysis{border:1px solid var(--color-border);background:var(--color-surface);border-radius:15px;gap:1rem;min-width:0;padding:clamp(1rem,2vw,1.35rem);display:grid}.html-editor-panel{box-shadow:var(--shadow-card)}.html-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.html-section-heading .eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.html-section-heading h2{font-size:clamp(1.05rem,2vw,1.3rem)}.html-section-heading>span{color:var(--color-text-muted);font-size:.72rem}.html-operation-switch{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;width:min(100%,320px);padding:.25rem;display:grid}.html-operation-switch button{min-height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px}.html-operation-switch button.active{color:var(--color-accent-contrast);background:var(--color-accent)}.html-option-grid,.html-minify-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.html-option-grid>label:not(.checkbox-field){color:var(--color-text-muted);gap:.4rem;font-size:.76rem;font-weight:650;display:grid}.html-option-grid input,.html-option-grid select{width:100%;min-height:42px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;padding:.55rem .65rem}.html-option-grid .checkbox-field,.html-minify-options .checkbox-field{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;min-height:42px;padding:.55rem .65rem}.html-minify-options{grid-template-columns:repeat(3,minmax(0,1fr))}.html-example-bar{border:1px solid var(--color-border);background:var(--color-surface);border-radius:11px;gap:.4rem;padding:.75rem;display:flex;overflow-x:auto}.html-example-bar button{min-height:36px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:8px;flex:none;padding:.45rem .7rem}.html-example-bar button:hover,.html-example-bar button:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.html-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.html-editor-panel .editor-textarea{resize:vertical;tab-size:2;min-height:420px;font:500 .84rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.html-editor-panel .tool-actions{margin:0}.html-editor-meta{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;font-size:.72rem;display:flex}.html-editor-meta .limit{color:var(--color-danger);font-weight:650}.html-workbench>.tool-actions{justify-content:center;margin:0}.html-stale-note{color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 45%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));border-radius:9px;padding:.7rem .8rem;font-size:.78rem}.html-analysis-grid{border:1px solid var(--color-border);border-radius:10px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.html-analysis-grid>div{text-align:center;border-inline-end:1px solid var(--color-border);background:var(--color-bg);gap:.15rem;padding:.7rem .55rem;display:grid}.html-analysis-grid>div:last-child{border-inline-end:0}.html-analysis-grid strong{font-size:.86rem}.html-analysis-grid span{color:var(--color-text-muted);font-size:.65rem}.html-analysis>p{color:var(--color-text-muted);font-size:.76rem;line-height:1.55}.url-workbench{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:1rem;display:grid}.url-source-panel,.url-components-panel,.url-query-panel,.url-result-panel{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);border-radius:15px;gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.url-query-panel,.url-result-panel{grid-column:1/-1}.url-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.url-section-heading .eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.url-section-heading h2{font-size:clamp(1.05rem,2vw,1.3rem)}.url-section-heading>span{color:var(--color-text-muted);font-size:.72rem}.url-example-bar,.url-query-actions{gap:.4rem;padding-block:.1rem;display:flex;overflow-x:auto}.url-example-bar button{min-height:36px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:8px;flex:none;padding:.45rem .65rem}.url-example-bar button:hover,.url-example-bar button:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.url-base-field,.url-component-grid>label,.url-credentials label,.url-bulk-query>label{color:var(--color-text-muted);gap:.4rem;font-size:.76rem;font-weight:650;display:grid}.url-base-field input,.url-component-grid input,.url-component-grid select,.url-credentials input,.url-bulk-query input,.url-query-row>input{width:100%;min-width:0;min-height:42px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;padding:.55rem .65rem}.url-component-grid{grid-template-columns:minmax(130px,.5fr) minmax(0,1.5fr) minmax(90px,.4fr);gap:.65rem;display:grid}.url-path-field{grid-column:span 2}.url-credentials{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;padding:.8rem}.url-credentials summary{cursor:pointer;font-size:.82rem;font-weight:650}.url-credentials>p{color:var(--color-text-muted);margin-block:.7rem;font-size:.72rem;line-height:1.5}.url-credentials>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.65rem;display:grid}.url-credentials label>span{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.url-query-actions{flex-wrap:wrap;overflow:visible}.url-query-rows{gap:.55rem;display:grid}.url-query-row{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem;display:grid}.url-query-row>span{color:var(--color-text-muted);text-align:center;font-size:.7rem}.url-query-row>div{gap:.25rem;display:flex}.url-query-row>div button{min-height:34px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:7px;padding:.35rem .5rem;font-size:.68rem}.url-query-row>div button:hover:not(:disabled),.url-query-row>div button:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.url-query-row>div button:disabled{cursor:not-allowed;opacity:.4}.url-bulk-query{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;padding-top:.8rem;display:grid}.url-result-panel .tool-actions{margin:0}.url-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:0;display:grid}.url-insights>div{border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;gap:.25rem;min-width:0;padding:.7rem;display:grid}.url-insights dt{color:var(--color-text-muted);font-size:.68rem}.url-insights dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.78rem}.developer-mode-switch{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.developer-mode-switch button{min-height:42px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.developer-mode-switch button.active{color:var(--color-accent-contrast);background:var(--color-accent)}.developer-mode-switch svg{width:17px}.sql-input-panel textarea,.sql-output-panel textarea{resize:vertical;width:100%;min-height:350px;color:var(--color-text);tab-size:2;border:1px solid var(--color-border);background:var(--color-bg);border-radius:13px;padding:1rem;font:500 .86rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.sql-input-footer{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.sql-input-actions{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.sql-input-actions label{min-width:min(230px,100%);color:var(--color-text-muted);gap:.35rem;font-size:.75rem;font-weight:600;display:grid}.sql-input-actions select{min-height:42px}.sql-input-actions .secondary-button{min-height:42px;margin:0}.sql-input-actions svg{width:16px}.sql-options-panel{position:sticky;top:6rem}.sql-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.developer-check{border:1px solid var(--color-border);background:var(--color-bg);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:42px;padding:.55rem .65rem;gap:.5rem!important;display:flex!important}.developer-check input{width:18px;min-height:18px}.sql-output-panel{grid-column:1/-1}.sql-analysis-grid{border:1px solid var(--color-border);border-radius:11px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.sql-analysis-grid>div{min-width:0;padding:.7rem .8rem}.sql-analysis-grid>div+div{border-left:1px solid var(--color-border)}.sql-analysis-grid dt{color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:650}.sql-analysis-grid dd{text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.82rem;font-weight:600;overflow:hidden}.sql-warning-list{border:1px solid color-mix(in srgb, #c87816 45%, var(--color-border));color:var(--color-text);background:color-mix(in srgb, #f5a623 9%, var(--color-bg));border-radius:10px;padding:.75rem .85rem;font-size:.82rem}.sql-warning-list ul{margin:.35rem 0 0;padding-left:1.1rem}.sql-output-panel .tool-actions{margin:0}.sql-output-panel .secondary-button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.sql-output-panel .secondary-button svg{width:16px}.cron-summary-panel{position:sticky;top:6rem}.cron-presets{flex-wrap:wrap;gap:.4rem;display:flex}.cron-presets button{min-height:34px;color:var(--color-text-muted);font:inherit;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:999px;padding:.35rem .65rem;font-size:.74rem}.cron-presets button:hover{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-border))}.cron-weekdays{border:1px solid var(--color-border);border-radius:12px;gap:.7rem;padding:1rem;display:grid}.cron-weekdays legend{padding:0 .35rem;font-weight:650}.cron-weekdays>div{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.cron-weekdays button{min-height:38px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:8px;padding:.35rem;font-size:.72rem;font-weight:650}.cron-weekdays button.active{color:var(--color-accent-contrast);border-color:var(--color-accent);background:var(--color-accent)}.cron-field-guide{color:var(--color-text-muted);text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;font-size:.68rem;display:grid}.cron-expression-output{color:#d7e2ff;white-space:nowrap;background:#111a35;border-radius:12px;padding:1rem;font:800 clamp(1rem,3vw,1.35rem)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:block;overflow-x:auto}.cron-expression-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cron-reference{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;gap:.7rem;padding:.85rem;display:grid}.cron-reference>span{color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.74rem;display:inline-flex}.cron-reference-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem;display:grid}.cron-reference-row .secondary-button{white-space:nowrap;min-height:42px;margin:0}.cron-reference-row svg,.cron-summary-panel .download-button svg{width:16px}.cron-summary-panel .tool-actions{margin:0}.cron-summary-panel .download-button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.cron-reference svg{width:16px}.cron-occurrences{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cron-occurrences li{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .85rem;display:flex}.cron-occurrences span{color:var(--color-text-muted);font-size:.78rem}.cron-occurrences strong{color:var(--color-accent)}.cron-notes-panel{color:var(--color-text-muted);box-shadow:none;grid-column:1/-1;line-height:1.6}.cron-notes-panel h2{color:var(--color-text)}@media (max-width:850px){.url-workbench{grid-template-columns:1fr}.url-query-panel,.url-result-panel{grid-column:auto}.url-insights,.html-option-grid,.html-minify-options{grid-template-columns:repeat(2,minmax(0,1fr))}.html-editor-grid{grid-template-columns:1fr}.html-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.html-analysis-grid>div:nth-child(3){border-inline-end:0}.html-analysis-grid>div:nth-child(-n+3){border-bottom:1px solid var(--color-border)}.timestamp-workbench,.uuid-workbench{grid-template-columns:1fr}.uuid-builder{grid-row:auto}.uuid-inspector{grid-column:auto}.json-controls,.json-editor-grid,.json-inspector-grid,.sql-workbench,.cron-workbench{grid-template-columns:1fr}.json-controls{align-items:stretch}.sql-options-panel,.cron-summary-panel{position:static}.sql-output-panel,.cron-notes-panel{grid-column:auto}}@media (max-width:560px){.url-section-heading{flex-direction:column;align-items:flex-start}.url-component-grid,.url-credentials>div,.url-insights{grid-template-columns:1fr}.url-path-field{grid-column:auto}.url-query-row{grid-template-columns:28px minmax(0,1fr)}.url-query-row>input:last-of-type,.url-query-row>div{grid-column:2}.url-query-row>div{flex-wrap:wrap}.url-bulk-query,.html-option-grid,.html-minify-options{grid-template-columns:1fr}.html-section-heading{flex-direction:column;align-items:flex-start}.html-editor-panel{padding:.8rem}.html-editor-panel .editor-textarea{min-height:330px}.timestamp-heading{flex-direction:column;align-items:stretch}.timestamp-heading>label{min-width:0}.timestamp-basis{grid-template-columns:1fr}.timestamp-result-list>div{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .6rem}.timestamp-result-list dd{grid-area:2/1/auto/-1}.timestamp-result-list .copy-button{grid-area:1/2}.uuid-version-switch,.uuid-count-row,.uuid-format-grid,.uuid-inspection-grid{grid-template-columns:1fr}.uuid-format-grid>label:first-child{grid-column:auto}.uuid-count-presets{grid-template-columns:repeat(5,minmax(42px,1fr));overflow-x:auto}.json-controls .tab-list{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.json-inspector-heading,.json-duplicate-warning li{flex-direction:column;align-items:flex-start}.json-editor-column{padding:.8rem}.json-editor-column .editor-textarea{min-height:300px}.sql-option-grid{grid-template-columns:1fr}.sql-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sql-analysis-grid>div+div{border-left:0}.sql-analysis-grid>div:nth-child(2n){border-left:1px solid var(--color-border)}.sql-analysis-grid>div:nth-child(n+3){border-top:1px solid var(--color-border)}.cron-weekdays>div{grid-template-columns:repeat(4,minmax(0,1fr))}.cron-field-guide{font-size:.58rem}.cron-occurrences li{flex-direction:column;align-items:flex-start;gap:.2rem}.cron-reference-row{grid-template-columns:1fr}}
.security-workbench{gap:1rem;display:grid}.security-panel,.security-format-note{border:1px solid var(--color-border);background:var(--color-bg);border-radius:16px;min-width:0;padding:clamp(1rem,2.5vw,1.35rem)}.security-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.security-heading h2,.security-format-note h2{margin:0 0 .25rem;font-size:1.1rem;font-weight:650}.security-heading p,.security-format-note p{color:var(--color-text-muted);margin:0;font-size:.84rem}.security-callout{color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-accent) 32%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 7%, var(--color-bg));border-radius:11px;align-items:baseline;gap:.6rem;padding:.8rem 1rem;font-size:.82rem;display:flex}.security-callout span{color:var(--color-text-muted)}.security-callout.danger{border-color:color-mix(in srgb, var(--color-danger) 42%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 7%, var(--color-bg))}.security-callout.danger strong{color:var(--color-text)}.security-field{color:var(--color-text-muted);gap:.35rem;font-size:.78rem;font-weight:600;display:grid}.security-field input,.security-field textarea,.security-field select{border:1px solid var(--color-border);width:100%;min-height:42px;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:9px;padding:.6rem .7rem;font-weight:450}.security-field textarea{resize:vertical;line-height:1.5}.security-field small{color:var(--color-text-muted);justify-self:end;font-size:.7rem;font-weight:450}.security-field small.positive{color:var(--color-success)}.security-actions{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1rem;display:flex}.security-actions.centered{justify-content:center}.security-error{color:var(--color-danger);border-left:3px solid var(--color-danger);background:color-mix(in srgb, var(--color-danger) 7%, var(--color-bg));border-radius:0 8px 8px 0;margin:.75rem 0 0;padding:.7rem .8rem;font-size:.82rem}.security-empty{color:var(--color-text-muted);border:1px dashed var(--color-border);background:var(--color-surface);text-align:center;border-radius:10px;padding:1.5rem 1rem;font-size:.84rem}.security-dropzone{min-height:185px;color:var(--color-text-muted);border:1.5px dashed color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 4%, var(--color-surface));text-align:center;cursor:pointer;border-radius:13px;place-content:center;gap:.35rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.security-dropzone.compact{min-height:115px}.security-dropzone:hover{border-color:var(--color-accent)}.security-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.security-dropzone strong{color:var(--color-text);font-size:.9rem;font-weight:650}.security-dropzone span{font-size:.75rem}.security-check-card{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.65rem;padding:.72rem;display:flex}.security-check-card input{width:17px;height:17px;accent-color:var(--color-accent);flex:none;margin-top:.15rem}.security-check-card>span{gap:.15rem;display:grid}.security-check-card strong{font-size:.8rem;font-weight:650}.security-check-card small{color:var(--color-text-muted);font-size:.7rem;line-height:1.4}.hash-workbench{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1rem;display:grid}.hash-source-panel,.hash-result-panel,.hash-guidance{grid-column:1/-1}.hash-source-panel{gap:1rem;display:grid}.hash-source-panel .security-heading,.hash-options-panel .security-heading,.hash-result-panel .security-heading{margin-bottom:0}.hash-source-panel .tab-list{width:fit-content;margin:0}.hash-source-panel .text-editor{margin-top:1rem}.hash-source-stats{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.hash-source-stats span{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:.3rem .55rem;font-size:.72rem}.hash-options-panel{align-self:start}.hash-option-grid{gap:.75rem;display:grid}.hash-option-grid .option-field{min-width:0}.hash-option-grid .developer-check{margin-top:.05rem}.hash-options-panel .tool-actions,.hash-result-panel .tool-actions{margin-bottom:0}.hash-options-panel .primary-button,.hash-result-panel .secondary-button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.hash-options-panel svg,.hash-result-panel svg{width:17px}.hash-spinner{animation:.8s linear infinite hash-spin}@keyframes hash-spin{to{transform:rotate(360deg)}}.hash-live-note{color:var(--color-text-muted);margin:1rem 0 0;font-size:.78rem}.hash-result-panel{gap:1rem;display:grid}.hash-result-panel .text-editor,.hash-result-panel .tool-actions{margin:0}.hash-result-panel .editor-textarea{overflow-wrap:anywhere;word-break:break-all;min-height:100px}.hash-verifier{border-top:1px solid var(--color-border);gap:.5rem;padding-top:1rem;display:grid}.hash-verifier>label{color:var(--color-text);font-size:.84rem;font-weight:650}.hash-verifier textarea{resize:vertical;width:100%;min-height:76px;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;padding:.7rem .8rem;font:.82rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.hash-verifier textarea:focus{border-color:var(--color-accent);outline:3px solid color-mix(in srgb, var(--color-accent) 18%, transparent)}.hash-guidance{margin:0}.metadata-workbench{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start}@media (max-width:760px){.hash-workbench{grid-template-columns:1fr}.hash-source-panel,.hash-result-panel,.hash-guidance{grid-column:auto}.hash-source-panel .tab-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}.metadata-cleaner{grid-column:1/-1}.metadata-file-summary{gap:.8rem;display:grid}.metadata-file-summary img,.metadata-clean-result img{object-fit:contain;border:1px solid var(--color-border);background:linear-gradient(45deg, var(--color-surface) 25%, transparent 25%), linear-gradient(-45deg, var(--color-surface) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-surface) 75%), linear-gradient(-45deg, transparent 75%, var(--color-surface) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:11px;width:100%;max-height:330px}.metadata-file-summary>div{gap:.2rem;display:grid}.metadata-file-summary strong{overflow-wrap:anywhere}.metadata-file-summary span{color:var(--color-text-muted);font-size:.76rem}.metadata-fields{max-height:610px;overflow:auto}.metadata-fields details{border-top:1px solid var(--color-border)}.metadata-fields summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.75rem .1rem;font-size:.84rem;font-weight:650;display:flex}.metadata-fields summary small{color:var(--color-text-muted);font-weight:450}.metadata-fields dl{gap:0;margin:0 0 .65rem;display:grid}.metadata-fields dl>div{border-radius:6px;grid-template-columns:minmax(120px,.55fr) minmax(0,1fr);gap:.75rem;padding:.48rem .55rem;font-size:.75rem;display:grid}.metadata-fields dl>div:nth-child(odd){background:var(--color-surface)}.metadata-fields dt{color:var(--color-text-muted)}.metadata-fields dd{overflow-wrap:anywhere;margin:0}.metadata-blocks{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem;display:grid}.metadata-clean-result{border:1px solid color-mix(in srgb, var(--color-success) 40%, var(--color-border));background:color-mix(in srgb, var(--color-success) 5%, var(--color-bg));border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(210px,.45fr);align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.metadata-clean-result>div{gap:.25rem;display:grid}.metadata-clean-result span,.metadata-clean-result small{color:var(--color-text-muted);font-size:.74rem}.metadata-clean-result strong{font-size:1.15rem}.metadata-clean-result button{justify-self:start;margin-top:.45rem}.security-tabs,.security-segmented{border:1px solid var(--color-border);background:var(--color-surface);border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.3rem;display:grid}.security-tabs button,.security-segmented button{min-height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px}.security-tabs button[aria-selected=true],.security-segmented button[aria-pressed=true]{color:var(--color-text);background:var(--color-bg);box-shadow:var(--shadow-sm);font-weight:650}.encryptor-panel{gap:1rem;display:grid}.encryptor-panel .security-heading{margin-bottom:0}.encryptor-password-grid,.totp-identity-grid,.totp-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.totp-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.security-password{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;display:grid}.security-password input{background:0 0;border:0;min-width:0}.security-password button{margin:.2rem}.security-result{border:1px solid color-mix(in srgb, var(--color-success) 40%, var(--color-border));background:color-mix(in srgb, var(--color-success) 5%, var(--color-bg));border-radius:11px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.security-result>div,.decrypt-result{gap:.2rem;display:grid}.security-result span,.security-result small,.decrypt-result span{color:var(--color-text-muted);font-size:.72rem}.security-result strong{overflow-wrap:anywhere}.decrypt-result{border-top:1px solid var(--color-border);gap:.65rem;padding-top:.75rem}.decrypt-result textarea{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);resize:vertical;border-radius:9px;padding:.7rem}.security-format-note code{background:var(--color-surface);border-radius:4px;padding:.1rem .25rem}.link-input-panel{gap:.8rem;display:grid}.link-input-panel .security-heading{margin-bottom:0}.link-examples{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.72rem;display:flex}.link-examples button{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;padding:.35rem .55rem}.link-destination{border-top-width:4px}.link-destination.danger{border-top-color:var(--color-danger)}.link-destination.caution{border-top-color:var(--color-warning)}.link-destination.info{border-top-color:var(--color-success)}.link-risk-heading{grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.link-risk-heading>div:first-child{gap:.15rem;display:grid}.link-risk-heading span{color:var(--color-text-muted);font-size:.7rem}.link-risk-meter{background:var(--color-surface);border-radius:999px;height:8px;overflow:hidden}.link-risk-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--color-success), var(--color-warning), var(--color-danger));max-width:100%;height:100%;display:block}.link-parts{gap:.45rem;display:grid}.link-parts>div{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(130px,.3fr) minmax(0,1fr);gap:.75rem;padding:.58rem 0;display:grid}.link-parts dt{color:var(--color-text-muted);font-size:.74rem}.link-parts dd{justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;margin:0;display:flex}.link-parts code,.link-nested code{overflow-wrap:anywhere;min-width:0;font-size:.8rem}.link-parts dd small{color:var(--color-text-muted);font-size:.65rem}.link-findings .security-heading>span{color:var(--color-text-muted);flex:none;font-size:.72rem}.link-findings ul,.link-nested ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.link-findings li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;grid-template-columns:28px minmax(0,1fr);gap:.65rem;padding:.7rem;display:grid}.link-findings li>span{color:#fff;background:var(--color-success);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:grid}.link-findings li.caution>span{color:#1e1e1e;background:var(--color-warning)}.link-findings li.danger>span{background:var(--color-danger)}.link-findings li strong{font-size:.82rem}.link-findings li p{color:var(--color-text-muted);margin:.15rem 0 0;font-size:.75rem}.link-nested li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.65rem;display:flex}.link-guide{text-align:center}.hostname-guide{font-family:var(--font-mono), ui-monospace, monospace;justify-content:center;gap:.25rem;margin:1.2rem 0;display:flex}.hostname-guide span{color:var(--color-text-muted)}.hostname-guide strong{color:var(--color-accent)}.link-guide p{max-width:650px;color:var(--color-text-muted);margin:0 auto;font-size:.82rem}.totp-workbench{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start}.totp-workbench>.security-callout{grid-column:1/-1}.totp-config{gap:.8rem;display:grid}.totp-config .security-heading{margin-bottom:0}.totp-import{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px}.totp-import summary{cursor:pointer;padding:.7rem;font-size:.8rem;font-weight:650}.totp-import>div{gap:.7rem;padding:0 .7rem .7rem;display:grid}.totp-code-panel{position:sticky;top:90px}.totp-dial{aspect-ratio:1;width:min(100%,340px);color:var(--color-text);border:9px solid var(--color-surface);background:radial-gradient(circle, var(--color-bg) 63%, transparent 64%), conic-gradient(var(--color-accent) var(--totp-progress), var(--color-surface) 0);text-align:center;border-radius:50%;place-content:center;justify-items:center;gap:.5rem;margin:1rem auto;display:grid}.totp-dial>span{color:var(--color-text-muted);font-size:.74rem}.totp-dial strong{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(2rem,5vw,3.1rem);font-weight:600}.totp-dial small{color:var(--color-text-muted);font-size:.68rem}.totp-clock-note{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;gap:.2rem;margin-top:1rem;padding:.7rem;display:grid}.totp-clock-note strong{font-size:.76rem}.totp-clock-note span{color:var(--color-text-muted);font-size:.7rem}@media (max-width:800px){.metadata-workbench,.totp-workbench{grid-template-columns:1fr}.metadata-cleaner,.totp-workbench>.security-callout{grid-column:auto}.totp-code-panel{position:static}}@media (max-width:560px){.security-heading,.security-callout,.security-result{flex-direction:column;align-items:stretch}.security-heading>button{align-self:start}.encryptor-password-grid,.totp-identity-grid,.totp-option-grid,.metadata-clean-result,.link-risk-heading,.link-parts>div{grid-template-columns:1fr}.security-actions{grid-template-columns:1fr;display:grid}.security-actions button{width:100%}.metadata-fields dl>div{grid-template-columns:1fr;gap:.2rem}.metadata-clean-result button{width:100%}.link-parts dd{flex-direction:column}.link-nested li{flex-direction:column;align-items:stretch}.hostname-guide{flex-wrap:wrap}}
.media-tester,.character-picker,.keyboard-tester{gap:1.25rem;display:grid}.hardware-status,.keyboard-listening-status{z-index:8;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface) 94%, transparent);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex;position:sticky;top:82px;box-shadow:0 6px 22px #14192d14}.hardware-status.active,.keyboard-listening-status.active{color:var(--color-text);border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border))}.hardware-status>span{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface));border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.78rem;font-weight:650;display:inline-flex}.hardware-status>.recording-indicator{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface))}.hardware-status button,.keyboard-listening-status button{align-items:center;gap:.4rem;margin-left:auto;display:inline-flex}.media-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.device-test-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:14px;align-content:start;gap:1rem;padding:1.2rem;display:grid}.device-test-card.is-active{border-color:color-mix(in srgb, var(--color-accent) 52%, var(--color-border))}.speaker-card{grid-column:1/-1}.device-test-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.device-test-heading h2,.character-browser-heading h2,.character-tray-heading h2,.keyboard-panel-heading h2,.keyboard-section-heading h2,.keyboard-rollover h2{font-size:1.08rem}.device-test-heading p,.character-browser-heading p,.character-tray-heading p,.keyboard-panel-heading p,.keyboard-section-heading p,.keyboard-rollover p{color:var(--color-text-muted);margin-top:.18rem;font-size:.84rem;line-height:1.45}.device-icon{width:42px;height:42px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 9%, var(--color-bg));border-radius:11px;place-items:center;display:grid}.device-state{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:650}.is-active .device-state{color:var(--color-accent)}.camera-preview{background:#121725;border-radius:11px;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.camera-preview video{object-fit:contain;width:100%;min-height:280px;max-height:420px}.camera-preview>div{color:#aeb6c9;place-items:center;gap:.65rem;font-size:.86rem;display:grid;position:absolute}.device-select,.tray-separator{gap:.4rem;display:grid}.device-select>span,.tray-separator>span{color:var(--color-text);font-size:.8rem;font-weight:650}.device-select select,.tray-separator select{width:100%;min-width:0;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);font:inherit;border-radius:8px;padding:.68rem .75rem}.device-actions,.speaker-buttons{flex-wrap:wrap;gap:.55rem;display:flex}.device-actions button,.speaker-buttons button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.speaker-buttons button{flex:130px}.microphone-meter{background:repeating-linear-gradient(90deg, transparent 0 7%, color-mix(in srgb, var(--color-border) 45%, transparent) 7% 7.5%), var(--color-bg);border:1px solid var(--color-border);border-radius:11px;min-height:90px;position:relative;overflow:hidden}.microphone-meter>div{opacity:.78;background:linear-gradient(90deg,#2563eb,#7c3aed,#dc2626);min-width:0;transition:width 70ms linear;position:absolute;inset:0 auto 0 0}.microphone-meter>span{z-index:1;min-height:88px;color:var(--color-text);place-items:center;font-size:.86rem;font-weight:650;display:grid;position:relative}.device-error{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-danger) 22%, var(--color-border));border-radius:8px;padding:.7rem .8rem;font-size:.82rem;line-height:1.5}.microphone-recording{border-top:1px solid var(--color-border);gap:.75rem;padding-top:.9rem;display:grid}.microphone-recording>div:first-child{gap:.2rem;display:grid}.microphone-recording>div:first-child>span,.recording-empty{color:var(--color-text-muted);font-size:.78rem;line-height:1.45}.recording-actions{flex-wrap:wrap;gap:.5rem;display:flex}.recording-actions button{align-items:center;gap:.4rem;display:inline-flex}.microphone-playback{width:100%;min-height:42px}.recording-empty{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:8px;padding:.7rem}.character-picker{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start}.character-browser,.character-tray,.visual-keyboard-panel,.keyboard-latest-event,.keyboard-rollover,.keyboard-event-log{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:14px;padding:1.2rem}.character-tray{gap:1rem;display:grid;position:sticky;top:82px}.character-browser-heading,.character-tray-heading,.keyboard-panel-heading,.keyboard-section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.character-search{background:var(--color-bg);border:1px solid var(--color-border);border-radius:9px;align-items:center;gap:.45rem;width:min(100%,390px);padding:.55rem .7rem;display:flex}.character-search:focus-within{border-color:var(--color-accent);outline:3px solid color-mix(in srgb, var(--color-accent) 16%, transparent)}.character-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.character-search button,.character-favourite,.tray-items button,.recent-characters button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.character-tabs{scrollbar-width:thin;gap:.4rem;margin-top:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.character-tabs button{color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;font:inherit;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.5rem .68rem;font-size:.8rem;display:inline-flex}.character-tabs button[aria-selected=true]{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.recent-characters{color:var(--color-text-muted);align-items:center;gap:.75rem;margin-top:.8rem;font-size:.78rem;display:flex}.recent-characters>div{gap:.3rem;display:flex;overflow-x:auto}.recent-characters button{background:var(--color-bg);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text);border-radius:7px;flex:none}.character-results-summary{color:var(--color-text-muted);gap:.35rem;margin:.85rem 0 .65rem;font-size:.78rem;display:flex}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.character-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;min-width:0;position:relative}.character-card:hover{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border))}.character-add{width:100%;min-height:130px;color:var(--color-text);cursor:pointer;text-align:center;background:0 0;border:0;align-content:center;gap:.25rem;padding:.75rem .55rem;display:grid}.character-add strong{min-height:2.2rem;font-size:1.75rem;line-height:1.2}.character-add span{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:600;overflow:hidden}.character-add small{color:var(--color-text-muted);font-size:.65rem}.character-favourite{border-radius:7px;width:28px;height:28px;position:absolute;top:.35rem;right:.35rem}.character-favourite:hover,.character-favourite.active{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface))}.character-empty,.tray-empty,.keyboard-empty{min-height:150px;color:var(--color-text-muted);text-align:center;align-content:center;place-items:center;gap:.4rem;display:grid}.tray-items{gap:.4rem;max-height:340px;padding:0;list-style:none;display:grid;overflow-y:auto}.tray-items li{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.5rem;display:grid}.tray-items li>span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.tray-items li>div{display:flex}.tray-items button{border-radius:6px;width:27px;height:27px}.tray-items button:hover:not(:disabled){color:var(--color-accent);background:var(--color-surface)}.tray-items button:disabled{opacity:.28}.tray-preview{overflow-wrap:anywhere;min-height:80px;color:var(--color-text);background:var(--color-bg);border:1px dashed var(--color-border);white-space:pre-wrap;border-radius:8px;padding:.8rem;font-size:1.1rem;line-height:1.65}.tray-copy{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.keyboard-listening-status>div{gap:.12rem;display:grid}.keyboard-listening-status span{color:var(--color-text-muted);font-size:.78rem}.visual-keyboard-panel{position:relative;overflow:hidden}.visual-keyboard-panel.is-listening:focus{border-color:var(--color-accent);outline:3px solid color-mix(in srgb, var(--color-accent) 18%, transparent)}.keyboard-layout-control{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.2rem;display:flex}.keyboard-layout-control button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.42rem .65rem}.keyboard-layout-control button[aria-pressed=true]{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 4px #14192d1a}.visual-keyboard{background:#171b25;border-radius:11px;gap:.35rem;width:100%;min-width:0;margin-top:1rem;padding:.75rem;display:grid;overflow-x:auto}.visual-keyboard .keyboard-row{min-width:726px}.visual-keyboard.full .keyboard-row{min-width:896px}.keyboard-row{gap:.32rem;display:flex}.visual-key{color:#c7cede;text-align:center;background:linear-gradient(#343b4a,#272d39);border:1px solid #4b5568;border-radius:6px;flex-basis:0;place-items:center;min-width:37px;min-height:40px;font-size:.68rem;display:grid;position:relative;box-shadow:inset 0 -2px #00000040}.visual-key.pressed{color:#fff;background:#2563eb;border-color:#60a5fa;transform:translateY(1px)}.visual-key.held,.visual-key.repeated{color:#fff;background:#7c3aed;border-color:#c4b5fd}.visual-key.released{color:#c4b5fd;border-color:#7c3aed}.visual-key small{font-size:.55rem;position:absolute;top:2px;right:3px}.keyboard-panel-overlay{pointer-events:none;color:#e4e8f1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f121cb8;border-radius:11px;align-content:center;place-items:center;gap:.5rem;display:grid;position:absolute;inset:62px 1.2rem 1.2rem}.keyboard-diagnostics{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:1rem;display:grid}.keyboard-latest-event dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.keyboard-latest-event dl>div,.rollover-values>div{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;gap:.25rem;padding:.7rem;display:grid}.keyboard-latest-event dt,.rollover-values span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.keyboard-latest-event dd{overflow-wrap:anywhere;font-size:.85rem;font-weight:650}.rollover-values{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:1rem;display:grid}.rollover-values strong{font-size:1.35rem}.keyboard-capture-note{color:var(--color-text-muted);margin-top:.8rem;font-size:.76rem;line-height:1.5}.keyboard-event-log{min-width:0}.keyboard-event-table-wrap{margin-top:.8rem;overflow-x:auto}.keyboard-event-log table{border-collapse:collapse;width:100%;font-size:.78rem}.keyboard-event-log th,.keyboard-event-log td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:.55rem .65rem}.keyboard-event-log th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}@media (max-width:900px){.character-picker{grid-template-columns:1fr}.character-tray{position:static}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.keyboard-diagnostics{grid-template-columns:1fr}}@media (max-width:680px){.hardware-status,.keyboard-listening-status{flex-wrap:wrap;align-items:flex-start;position:static}.hardware-status button,.keyboard-listening-status button{justify-content:center;width:100%;margin-left:0}.media-test-grid{grid-template-columns:1fr}.speaker-card{grid-column:auto}.camera-preview,.camera-preview video{min-height:210px}.character-browser-heading,.character-tray-heading,.keyboard-panel-heading,.keyboard-section-heading{flex-direction:column;align-items:stretch}.character-search{width:100%}.character-grid,.keyboard-latest-event dl{grid-template-columns:repeat(2,minmax(0,1fr))}.rollover-values{grid-template-columns:repeat(3,minmax(0,1fr))}}