:root{--bg:#f4f6f8;--panel:#fff;--surface:#fbfcfd;--text-strong:#14181f;--text-muted:#586171;--border:#dce2ea;--accent:#2266d2;--control-active:#eaf1ff;--focus:#2266d247;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--sans);color:var(--text-muted);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,textarea{letter-spacing:0}button:hover{filter:brightness(.98)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex}.brand,.topbar a{color:var(--text-strong);text-decoration:none}.brand{font-weight:700}.topbar nav{gap:14px;font-size:14px;display:flex}.topbar nav a{color:var(--text-muted)}.topbar nav a[aria-current=page]{color:var(--text-strong)}.tool-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:28px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,p{margin:0}h1{color:var(--text-strong);font-size:34px;line-height:1.1}h2{color:var(--text-strong);font-size:14px}.summary{max-width:760px;color:var(--text-muted);margin-top:10px}.mode-control{border:1px solid var(--border);background:var(--panel);border-radius:7px;display:inline-flex;overflow:hidden}.mode-control button,.pane-bar button{min-height:36px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0}.mode-control button{border-right:1px solid var(--border);white-space:nowrap;padding:0 14px}.mode-control button:last-child{border-right:0}.mode-control button.active{color:var(--text-strong);background:var(--control-active)}.workspace{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.pane{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-width:0;min-height:520px;display:flex}.pane:last-child{border-right:0}.pane-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.pane-bar button{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:0 12px}.pane-bar button.primary{color:#fff;border-color:var(--accent);background:var(--accent)}textarea{resize:none;box-sizing:border-box;width:100%;min-height:0;color:var(--text-strong);background:var(--surface);font:14px/1.5 var(--mono);border:0;outline:none;flex:1;padding:16px}textarea:focus{box-shadow:inset 0 0 0 2px var(--focus)}.stats{border-top:1px solid var(--border);background:var(--panel);grid-template-columns:repeat(3,1fr);display:grid}.stats div{border-right:1px solid var(--border);justify-content:center;align-items:baseline;gap:8px;min-height:52px;display:flex}.stats div:last-child{border-right:0}.stats strong{color:var(--text-strong);font-size:18px}.stats span{color:var(--text-muted);font-size:13px}@media (width<=820px){.topbar,.tool-header{padding-inline:18px}.tool-header,.workspace,.stats{grid-template-columns:1fr}.tool-header{align-items:start}.mode-control{width:100%}.mode-control button{flex:1}.pane{border-right:0;border-bottom:1px solid var(--border);min-height:360px}.stats div{border-right:0;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 18px}.stats div:last-child{border-bottom:0}}