:root{--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ink:#10231f;--muted:#65736f;--line:#dfe5e1;--line-strong:#cbd5d0;--paper:#f7f8f5;--surface:#fff;--navy:#0d1e1a;--mint:#b9f6d2;--mint-strong:#72dfa4;--mint-dark:#087a4b;--lime:#d8ff73;--peach:#ffddc2;--danger:#b64343}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}.boot-screen{min-height:100vh;color:var(--muted);grid-auto-flow:column;place-content:center;gap:12px;display:grid}.app-shell{min-height:100vh}.topbar{color:#f7fffb;background:var(--navy);border-bottom:1px solid #263b35;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex}.brand-block,.topbar-actions,.privacy-pill,.ai-status,.heading-meta,.tag-row,.quick-actions,.translate-action,.how-it-works,.json-footer{align-items:center;display:flex}.brand-block{gap:11px}.brand-mark{width:32px;height:32px;color:var(--navy);background:var(--mint);border-radius:9px;place-items:center;display:grid}.brand-name{letter-spacing:-.035em;font-size:19px;font-weight:690}.brand-version{font-family:var(--font-mono);letter-spacing:.13em;color:var(--lime);border:1px solid #597058;border-radius:4px;padding:3px 5px;font-size:9px}.topbar-actions{gap:10px}.ai-status,.privacy-pill{color:#becbc6;border:1px solid #344a43;border-radius:999px;gap:7px;height:32px;padding:0 12px;font-size:12px}.ai-status.is-ready{color:#caffdc;background:#16352b;border-color:#286348}.ai-status.is-warming{color:#fbf1b4}.status-pulse{background:#81908b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #81908b1f}.is-ready .status-pulse{background:var(--mint-strong);box-shadow:0 0 0 4px #72dfa421}.privacy-pill{color:#879791;border-color:#0000}.icon-button,.delete-button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-button{color:#9cada6;width:34px;height:34px}.avatar{background:var(--peach);color:#512c1b;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:750;display:grid}.workspace{grid-template-columns:296px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.sidebar{border-right:1px solid var(--line-strong);background:#f0f3ef;flex-direction:column;min-height:calc(100vh - 68px);padding:20px 15px 16px;display:flex}.new-flow-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;font-size:13px;font-weight:650;display:flex;box-shadow:inset 0 1px #ffffff1f}.new-flow-button:hover{background:#193a32}.search-box{border:1px solid var(--line);color:#7a8984;background:#fff;border-radius:8px;align-items:center;gap:8px;height:38px;margin-top:15px;padding:0 10px;display:flex}.search-box:focus-within{border-color:#8cbba5;box-shadow:0 0 0 3px #72dfa424}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box kbd{font:10px var(--font-mono);color:#98a39f;background:#f9faf8;border:1px solid #d8dfdc;border-radius:4px;padding:2px 4px}.sidebar-label{text-transform:uppercase;letter-spacing:.11em;color:#7d8c87;justify-content:space-between;padding:22px 7px 8px;font-size:10px;font-weight:720;display:flex}.flow-list{flex-direction:column;gap:5px;display:flex}.flow-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:30px 1fr;gap:9px;width:100%;min-height:98px;padding:12px 10px;display:grid}.flow-card:hover{background:#ffffff94}.flow-card.is-active{background:#fff;border-color:#d5ded9;box-shadow:0 7px 18px #1a372e12}.flow-card-icon{color:#3d5c52;background:#e1e9e5;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.is-active .flow-card-icon{background:var(--mint);color:#0a613d}.flow-card-copy{flex-direction:column;min-width:0;display:flex}.flow-card-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.3;overflow:hidden}.flow-card-copy>span{-webkit-line-clamp:2;color:#71807b;-webkit-box-orient:vertical;margin-top:4px;font-size:10.5px;line-height:1.42;display:-webkit-box;overflow:hidden}.flow-card-copy small{color:#91a09a;align-items:center;gap:4px;margin-top:8px;font-size:9.5px;display:flex}.flow-card-copy i,.heading-meta i{background:#a8b3af;border-radius:50%;width:3px;height:3px;margin:0 3px}.local-note{color:#537066;border-top:1px solid #d9e0dc;grid-template-columns:24px 1fr;gap:7px;margin-top:auto;padding:16px 7px 2px;display:grid}.local-note strong,.local-note span{display:block}.local-note strong{font-size:10.5px}.local-note span{color:#7e8f89;margin-top:2px;font-size:9.5px;line-height:1.4}.content{min-width:0;padding:27px clamp(24px,4vw,58px) 30px}.content-heading{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.eyebrow{font:9.5px var(--font-mono);color:#82908c;letter-spacing:.1em}.eyebrow span{color:#b1bbb7;padding:0 4px}h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(25px,2.4vw,34px);line-height:1.08}.heading-meta{color:#7d8985;gap:7px;font-size:10.5px}.heading-meta .valid{color:#0b8551;align-items:center;gap:4px;display:flex}.heading-meta .invalid{color:#a36a2f;align-items:center;gap:4px;display:flex}.delete-button{color:#9ca8a3;border:1px solid var(--line);border-radius:8px;width:36px;height:36px}.delete-button:hover{color:var(--danger);background:#fff6f6;border-color:#e2b9b9}.editor-grid{grid-template-columns:minmax(360px,.92fr) minmax(400px,1.08fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line-strong);background:var(--surface);border-radius:11px;overflow:hidden;box-shadow:0 8px 24px #1f3d330d}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:65px;padding:0 18px;display:flex}.panel-header>div:first-child{align-items:center;gap:10px;display:flex}.panel-header strong,.panel-header small{display:block}.panel-header strong{font-size:12.5px}.panel-header small{color:#899692;margin-top:2px;font-size:9.5px}.panel-icon{color:#486259;background:#eef2ef;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.panel-icon.ai{color:#067b4a;background:#d7fbe6}.char-count{font:9.5px var(--font-mono);color:#94a09c}.json-panel textarea{resize:vertical;color:#27453c;width:100%;height:430px;font:10.5px/1.58 var(--font-mono);tab-size:2;background:#fbfcfa;border:0;outline:0;padding:18px 20px;display:block}.json-panel textarea::placeholder{color:#9da8a4}.json-footer{border-top:1px solid var(--line);color:#9aa5a1;justify-content:space-between;height:39px;padding:0 17px;font-size:9.5px}.json-footer>span:first-child{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:75%;display:flex;overflow:hidden}.parse-ok{color:#128356}.parse-hint{color:#9c784e}.brief-panel{min-height:535px}.generate-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:10.5px;font-weight:650;display:flex}.generate-button:disabled{opacity:.46;cursor:not-allowed}.generation-surface{padding:19px 20px 15px;transition:opacity .2s;position:relative}.generation-surface.is-generating{opacity:.58}.field-label{color:#82908b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:720;display:block}.summary-label{margin-top:16px}.title-input,.summary-input{background:#fbfcfa;border:1px solid #e0e6e2;border-radius:7px;outline:none;width:100%}.title-input:focus,.summary-input:focus{background:#fff;border-color:#79b998;box-shadow:0 0 0 3px #72dfa421}.title-input{height:42px;color:var(--ink);padding:0 12px;font-size:14px;font-weight:650}.summary-input{resize:none;color:#52645e;height:78px;padding:10px 12px;font-size:11.5px;line-height:1.55}.tag-row{gap:6px;min-height:28px;margin-top:10px}.tag,.source-chip{border-radius:999px;padding:4px 8px;font-size:9px}.tag{color:#52675f;background:#edf3ef}.source-chip{color:#7c8c86;border:1px solid #dce4e0;margin-left:auto}.source-chrome-ai{color:#087d4d;background:#edfff5;border-color:#c3efd6}.source-local-fallback{color:#8c641d;background:#fff8e8;border-color:#f0ddb2}.source-unavailable,.source-ai-failed{color:#8a493b;background:#fff3f0;border-color:#efd0c9}.quick-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;min-height:48px;padding:8px 20px}.quick-actions button,.translate-action select{background:#fff;border:1px solid #dbe3df;border-radius:6px;height:29px;font-size:9.5px}.quick-actions button{cursor:pointer;align-items:center;gap:5px;padding:0 9px;display:flex}.quick-actions button:hover{color:#087447;border-color:#8fba9f}.quick-actions button:disabled{opacity:.42;cursor:not-allowed}.translate-action{gap:0;margin-left:auto}.translate-action select{color:#5c6c66;border-right:0;border-radius:6px 0 0 6px;outline:none;padding:0 19px 0 7px}.translate-action button{border-radius:0 6px 6px 0}.quick-actions .undo-button{color:#6b7874}.extras{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:14px 20px 0;display:grid}.translation-card{border:1px solid var(--line);background:#fafbf9;border-radius:8px;padding:11px 12px}.extra-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.extra-title span{font-size:10.5px;font-weight:680}.extra-title small{font:8px var(--font-mono);color:#8b9994}.translation-card strong{font-size:10.5px}.translation-card p{color:#64736e;margin:4px 0 0;font-size:9.5px;line-height:1.45}.model-note{color:#778681;background:#f5f9f6;border:1px solid #dfe8e3;border-radius:8px;grid-template-columns:9px 1fr 16px;align-items:center;gap:9px;min-height:53px;margin:15px 20px 18px;padding:10px 11px;display:grid}.model-dot{background:#c0a45a;border-radius:50%;width:7px;height:7px}.model-dot.ready{background:#20ac6c;box-shadow:0 0 0 4px #20ac6c1a}.model-note strong,.model-note span{display:block}.model-note strong{color:#496159;font-size:9.5px}.model-note span{margin-top:2px;font-size:8.8px;line-height:1.35}.how-it-works{color:#96a19d;justify-content:center;gap:14px;margin-top:22px;font-size:9px}.how-it-works span{align-items:center;gap:6px;display:flex}.how-it-works b{font:8px var(--font-mono);color:#599b79;border:1px solid #cfe0d8;border-radius:4px;padding:3px 4px}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1040px){.editor-grid{grid-template-columns:1fr}.json-panel textarea{height:330px}.privacy-pill{display:none}}@media (max-width:760px){.topbar{padding:0 15px}.brand-version,.ai-status{display:none}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:13px}.flow-list{flex-direction:row;padding-bottom:3px;overflow-x:auto}.flow-card{flex:0 0 235px}.local-note,.sidebar-label{display:none}.content{padding:22px 15px}.editor-grid{grid-template-columns:minmax(0,1fr)}.how-it-works{display:none}.content-heading h1{font-size:25px}.heading-meta{flex-wrap:wrap}.quick-actions{align-items:flex-start}.translate-action{margin-left:0}}