:root{--page:#f8f5ef;--surface:#ffffff;--surface-subtle:#f3efe8;--sidebar:#111111;--sidebar-soft:#1b1b1b;--ink:#5a544e;--muted:#8a837a;--soft:#b5aea4;--line:rgba(90,84,78,0.12);--line-strong:rgba(90,84,78,0.18);--primary:#111111;--primary-ink:#ffffff;--accent:#10a37f;--amber:#c9821f;--coral:#c84c5c;--blue:#4d7cfe;--high-bg:#fde8eb;--med-bg:#fff3d8;--low-bg:#eaf1ff;--shadow:0 18px 50px rgba(0,0,0,0.08);--radius:12px;color-scheme:light}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(90,84,78,.18);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(90,84,78,.28)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}body,html{min-height:100vh}body{margin:0;background:var(--page);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.66}h1,h2,h3,p{margin:0}.openai-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr);background:var(--page)}.workspace-sidebar{display:grid;grid-template-rows:auto auto 1fr;grid-gap:18px;gap:18px;min-height:100vh;border-right:1px solid #232323;background:var(--sidebar);color:#f7f7f4;padding:16px}.sidebar-brand{display:flex;align-items:center;gap:12px;min-height:44px}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid #30302d;border-radius:10px;background:#191919;color:#f7f7f4}.brand-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.brand-mark circle{fill:currentColor;stroke:none}h1{font-size:15px;line-height:1.1;letter-spacing:0}.sidebar-brand p{margin-top:2px;color:#aaa9a2;font-size:12px}.sidebar-nav{display:grid;grid-gap:6px;gap:6px}.sidebar-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#e9e9e3;padding:0 10px;text-align:left}.sidebar-item.active,.sidebar-item:hover{border-color:#2f2f2c;background:var(--sidebar-soft)}.sidebar-item span{font-size:14px;font-weight:650}.sidebar-item small{color:#888780;font-size:12px}.sidebar-note{align-self:end;display:grid;grid-gap:6px;gap:6px;border:1px solid #2d2d2a;border-radius:var(--radius);background:#171717;padding:12px}.sidebar-note span{color:#94938c;font-size:12px}.sidebar-note strong{color:#f5f5f0;font-size:13px}.workspace-main{display:grid;min-width:0;min-height:100vh;grid-template-rows:56px minmax(0,1fr) 34px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:rgba(247,247,244,.9);padding:0 18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-context{display:flex;align-items:baseline;gap:8px;min-width:0}.top-context span{color:var(--muted);font-size:13px}.top-context strong{font-size:14px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.button,.mode,.tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:0 13px;font-weight:650;letter-spacing:0;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.button:hover,.mode:hover,.tab:hover{border-color:var(--line-strong);background:var(--surface-subtle)}.button:active,.mode:active,.segment-card:active,.tab:active{transform:translateY(1px)}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-ink)}.button.primary:hover{background:#2a2a2a}.button.ghost{background:transparent}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);grid-gap:14px;gap:14px;min-height:0;padding:14px}.pane{min-width:0;min-height:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.editor-pane{grid-template-rows:auto auto minmax(360px,1fr)}.editor-pane,.inspector{display:grid;overflow:hidden}.inspector{grid-template-rows:auto auto auto minmax(150px,1fr) auto}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 18px;border-bottom:1px solid var(--line)}.pane-header.compact{padding-bottom:14px}.pane-header h2{font-size:15px;line-height:1.2;letter-spacing:0}.app-footer,.pane-header p,.score-class small{color:var(--muted)}.pane-header p{margin-top:3px;font-size:12px}.tabs{display:inline-grid;grid-template-columns:1fr 1fr;min-width:152px;border:1px solid var(--line);border-radius:999px;background:var(--surface-subtle);padding:3px}.tab{min-height:30px;border:0;background:transparent;padding:0 13px;color:var(--muted)}.tab.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 6px rgba(0,0,0,.08)}.notice{margin:14px 18px 0;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface-subtle);color:var(--muted);font-size:13px;line-height:1.45}.editor,.review-view{width:calc(100% - 36px);min-height:360px;margin:14px 18px 18px;border:1px solid var(--line);border-radius:16px;background:#fcfcfa;color:var(--ink);line-height:1.68;font-size:15px}.editor{resize:none;padding:22px;outline:none}.editor:focus{border-color:#b9b9b1;box-shadow:0 0 0 4px rgba(17,17,17,.05)}.review-view{overflow:auto;white-space:pre-wrap;padding:22px}.pill{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:750;border:1px solid var(--line);color:var(--muted);background:var(--surface-subtle);white-space:nowrap}.pill.low{background:var(--low-bg);border-color:#cfdbff;color:#315ebd}.pill.medium{background:var(--med-bg);border-color:#f0d8a8;color:#8c5a13}.pill.high{background:var(--high-bg);border-color:#f2c4ca;color:#99404b}.caveat-section,.rewrite-section,.score-section,.segments-section{padding:16px 18px;border-bottom:1px solid var(--line)}.rewrite-section,.segments-section{min-height:0;overflow:hidden}.rewrite-section{border-bottom:0;overflow:auto}.score-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.eyebrow{color:var(--muted);font-size:11px;font-weight:750;line-height:1.2;text-transform:uppercase}.eyebrow,.score-row strong{display:block;letter-spacing:0}.score-row strong{font-size:44px;line-height:1;margin-top:4px}.score-class{text-align:right;line-height:1.25}.score-class span{display:block;font-weight:750}.meter{width:100%;height:9px;border-radius:999px;margin-top:14px;overflow:hidden;background:#ecece7}.meter span{display:block;width:0;height:100%;border-radius:inherit;transition:width .25s ease,background .2s ease}.error-box{margin:12px 18px 0;border:1px solid #f2c4ca;border-radius:14px;background:var(--high-bg);color:#99404b;padding:10px 12px;font-size:13px}.caveat-section{display:grid;grid-gap:8px;gap:8px;background:#fbfbf8}.caveat-section p{color:var(--muted);font-size:13px;line-height:1.4}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-heading h3{font-size:13px;line-height:1.2;letter-spacing:0}.section-heading span{color:var(--muted);font-size:12px;font-weight:700}.segment-list{display:grid;max-height:260px;grid-gap:8px;gap:8px;overflow:auto;padding-right:4px}.empty-state{border:1px dashed var(--line-strong);border-radius:14px;padding:14px;color:var(--muted);font-size:13px;line-height:1.45;background:#fbfbf8}.segment-card,.suggestion-card{width:100%;border:1px solid var(--line);border-radius:14px;background:#fbfbf8;color:var(--ink);text-align:left}.segment-card{padding:11px}.segment-card.active,.segment-card:hover{border-color:#b8d9cf;background:#f2faf7}.segment-card strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.3}.segment-card p{color:var(--muted);display:-webkit-box;margin-top:7px;overflow:hidden;font-size:13px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.heat{border:0;border-radius:6px;color:inherit;cursor:pointer;padding:2px 4px;outline:1px solid transparent;line-height:inherit;font-size:inherit}.heat.selected,.heat:hover{outline-color:var(--accent)}.heat.high{background:var(--high-bg)}.heat.medium{background:var(--med-bg)}.heat.low{background:var(--low-bg)}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.mode{min-height:36px;padding:0 10px;color:var(--muted);border-radius:12px}.mode.active{border-color:#cfcfc7;background:var(--primary);color:var(--primary-ink)}.selected-box{min-height:80px;margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--muted);background:#fcfcfa;font-size:13px;line-height:1.5}.selected-box.has-selection{color:var(--ink);border-color:var(--line-strong)}.suggestions{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.suggestion-card{padding:12px}.suggestion-card p{line-height:1.5;font-size:13px}.suggestion-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.mini-button{min-height:30px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:0 11px;font-size:12px;font-weight:750}.mini-button.accept{border-color:var(--primary);color:var(--primary-ink);background:var(--primary)}.mini-button.reject:hover{border-color:var(--coral);color:var(--coral)}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:34px;border-top:1px solid var(--line);background:rgba(247,247,244,.92);padding:0 18px;font-size:12px}@media (max-width:1120px){.openai-shell{grid-template-columns:220px minmax(0,1fr)}.app-shell{grid-template-columns:1fr;overflow:auto}.inspector{grid-template-rows:auto}}@media (max-width:760px){.openai-shell{grid-template-columns:1fr}.workspace-sidebar{min-height:auto;grid-template-rows:auto;border-right:0;border-bottom:1px solid #232323}.sidebar-nav,.sidebar-note{display:none}.workspace-main{min-height:auto;grid-template-rows:auto minmax(0,1fr) auto}.app-header{align-items:flex-start;flex-direction:column;padding:12px}.top-actions{justify-content:flex-start}.app-shell{min-height:auto;padding:10px}.pane-header{align-items:flex-start;flex-direction:column}.tab,.tabs{width:100%}.mode-grid{grid-template-columns:1fr}.score-row strong{font-size:38px}.app-footer{align-items:flex-start;flex-direction:column;padding:8px 12px}}