:root{color-scheme:light;--bg: #f5f7fa;--paper: #ffffff;--paper-soft: #f8fafc;--ink: #121826;--muted: #667085;--faint: #8a96a8;--line: #dbe2ea;--line-strong: #c7d0dc;--teal: #0f8f86;--teal-soft: #e5f6f3;--cobalt: #2563eb;--amber: #bd7a19;--danger: #b42318;--success: #087443;--shadow: 0 18px 50px rgba(18, 24, 38, .08);--shadow-small: 0 10px 24px rgba(18, 24, 38, .07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(180deg,#ffffffb8 0,#f5f7faf0 42%,#f5f7fa),linear-gradient(90deg,#0f8f860f,#2563eb0b 52%,#bd7a190b),var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(18,24,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,24,38,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 48%);mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 48%)}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);border-radius:8px;min-height:38px;padding:0 12px;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}button:hover{border-color:color-mix(in srgb,var(--tool-accent, var(--teal)) 36%,var(--line-strong));box-shadow:var(--shadow-small);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--tool-accent, var(--teal)) 22%,transparent);outline-offset:2px}input,textarea,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;line-height:1.45;box-shadow:inset 0 1px #12182608}textarea{resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.appShell{width:min(1420px,calc(100% - 28px));margin:0 auto;padding:16px 0 72px}.topbar{position:sticky;top:12px;z-index:20;display:grid;grid-template-columns:minmax(220px,auto) minmax(260px,1fr) auto;gap:12px;align-items:center;margin-bottom:14px;padding:10px;border:1px solid rgba(199,208,220,.9);border-radius:8px;background:linear-gradient(180deg,#fffffff0,#ffffffd1),linear-gradient(90deg,#0f8f860e,#2563eb0a,#bd7a190a);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--shadow)}.brandButton{justify-content:flex-start;min-height:48px;border-color:transparent;background:transparent;box-shadow:none;padding:4px}.brandButton:hover{background:#ffffffb3}.brandButton strong,.brandButton small{display:block;text-align:left}.brandButton strong{font-size:15px}.brandButton small{color:var(--muted);font-size:12px;margin-top:2px}.brandMark{width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--teal) 20%,var(--line));border-radius:8px;background:linear-gradient(135deg,#f6fffd,#eef5ff);color:var(--teal)}.commandSearch{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;min-height:46px;color:var(--muted)}.commandSearch input{border:0;box-shadow:none;padding:0;background:transparent;color:var(--ink)}.commandSearch input:focus-visible{outline:0}.commandSearch>span{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:6px;color:var(--faint);font-size:12px;padding:3px 6px;white-space:nowrap}.topStatus{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.topStatus span{min-height:36px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#ffffffb3;padding:0 10px;white-space:nowrap}.workspace{display:grid;grid-template-columns:238px minmax(0,1fr) 286px;gap:14px;align-items:start}.adSenseSlot{position:relative;min-width:0;border:1px solid rgba(199,208,220,.92);border-radius:8px;background:linear-gradient(180deg,#ffffffe0,#f8fafcd6),linear-gradient(90deg,#0f8f860b,#2563eb09);box-shadow:var(--shadow-small);overflow:hidden}.adSenseSlot>span{position:absolute;top:7px;right:9px;z-index:1;color:var(--faint);font-size:10px;font-weight:700;text-transform:uppercase}.adSenseSlot ins{display:block;width:100%}.topAd{min-height:96px;margin:0 0 14px}.topAd ins{min-height:90px}.railAd,.railAd ins{min-height:250px}.mobileAd{display:none}.leftRail,.rightRail,.mainPanel{border:1px solid rgba(199,208,220,.92);border-radius:8px;background:#ffffffdb;box-shadow:var(--shadow)}.leftRail{position:sticky;top:88px;padding:14px}.railHeader{padding:4px 4px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.railHeader span,.toolGroup p,.toolHero p,.surfaceHeader p,.outputBlock>span,.metric span,.miniMetric span,.field>span{margin:0;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.railHeader strong{display:block;margin-top:3px}.toolNav{display:grid;gap:16px}.toolGroup{display:grid;gap:6px}.toolNavItem{width:100%;justify-content:flex-start;min-height:38px;border-color:transparent;background:transparent;box-shadow:none;color:#344054}.toolNavItem svg{color:var(--tool-accent, var(--teal))}.toolNavItem.active{border-color:color-mix(in srgb,var(--tool-accent, var(--teal)) 26%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--tool-accent, var(--teal)) 11%,#ffffff),#fff);color:var(--ink);box-shadow:inset 3px 0 0 var(--tool-accent, var(--teal))}.mainPanel{min-width:0;padding:16px}.toolHero{display:flex;align-items:center;gap:14px;padding:4px 4px 18px}.toolIcon{flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;border-radius:8px;border:1px solid color-mix(in srgb,var(--tool-accent, var(--teal)) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--tool-accent, var(--teal)) 13%,#ffffff),#fff);color:var(--tool-accent, var(--teal))}.toolHero h1{margin:3px 0 4px;font-size:30px;line-height:1.1}.toolHero span{color:var(--muted);line-height:1.5}.toolLayout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.8fr);gap:14px;align-items:start}.inputSurface,.resultSurface,.insightBlock{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfcfe)}.inputSurface,.resultSurface{min-width:0;padding:14px}.surfaceHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.surfaceHeader strong{display:block;margin-top:2px}.surfaceActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;min-width:0}.field.full{grid-column:1 / -1}.field small{color:var(--muted);line-height:1.4}.checkboxRow{min-height:43px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);background:#fff}.checkboxRow input{width:16px;height:16px;padding:0}.resultSurface{position:sticky;top:88px}.resultSurface.status-error{border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.resultSurface.status-warning{border-color:color-mix(in srgb,var(--amber) 28%,var(--line))}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric,.miniMetric{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.metric strong,.miniMetric strong{display:block;margin-top:5px;font-size:18px;overflow-wrap:anywhere}.tone-success strong,.tone-success svg{color:var(--success)}.tone-warning strong,.tone-warning svg{color:var(--amber)}.tone-danger strong,.tone-danger svg{color:var(--danger)}.outputBlock{margin-top:12px;border:1px solid #c9d3df;border-radius:8px;overflow:hidden;background:#101828}.outputBlock>span{display:block;padding:9px 11px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.1)}.outputBlock pre{max-height:420px;overflow:auto;padding:12px;color:#eef4ff;font-size:13px;line-height:1.55;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.diagnosticList,.warningList{display:grid;gap:8px;margin-top:12px}.diagnostic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}.diagnostic span{color:var(--muted)}.warningList p{display:flex;gap:7px;margin:0;color:#7a4b12;font-size:13px;line-height:1.5}.rightRail{position:sticky;top:88px;display:grid;gap:12px;padding:12px}.insightBlock{padding:12px}.insightTitle{display:flex;align-items:center;gap:8px;margin-bottom:8px}.insightTitle svg{color:var(--teal)}.insightBlock p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.miniMetrics{display:grid;gap:8px;margin-top:12px}.quickList{display:grid;gap:7px}.quickList button{width:100%;justify-content:flex-start;min-height:36px;box-shadow:none}.emptyShell{min-height:100vh;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.emptyShell h1,.emptyShell p{margin:0}@media(max-width:1180px){.workspace{grid-template-columns:220px minmax(0,1fr)}.rightRail{position:static;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.toolLayout{grid-template-columns:1fr}.resultSurface{position:static}}@media(max-width:820px){.appShell{width:min(100% - 20px,720px);padding-top:10px}.topbar{position:static;grid-template-columns:1fr}.topStatus{flex-wrap:wrap}.workspace{grid-template-columns:1fr}.leftRail,.rightRail{position:static}.leftRail{overflow:hidden}.toolGroup{display:contents}.toolGroup p{display:none}.toolNav{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x proximity}.toolNavItem{flex:0 0 auto;width:auto;min-width:max-content;scroll-snap-align:start}.rightRail{grid-template-columns:1fr}.railAd{display:none}.mobileAd{position:sticky;bottom:10px;z-index:25;display:block;min-height:72px;margin-top:14px}.mobileAd ins{min-height:64px}.fieldGrid,.metricGrid{grid-template-columns:1fr}.toolHero h1{font-size:25px}.surfaceHeader{align-items:flex-start;flex-direction:column}.surfaceActions{width:100%;justify-content:stretch}.surfaceActions button{flex:1}}@media(max-width:520px){.toolHero{align-items:flex-start}.topStatus span,.surfaceActions button{width:100%}}