#reko-studio-v3 .af-ui{ color-scheme: light; --bg:#f2f4f7; --paper:#fff; --ink:#202735; --muted:#606b7c; --line:#dce1e8; --accent:#315dc4; --red:#a42d37; --radius:10px; }
#reko-studio-v3 .af-ui *{ box-sizing:border-box; }
#reko-studio-v3 .af-ui{ margin:0; background:var(--bg); color:var(--ink); font:0.9375rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#reko-studio-v3 .af-ui .af-window{ max-width:1200px; margin:auto; padding:28px 28px 22px; }
#reko-studio-v3 .af-ui .topbar,#reko-studio-v3 .af-ui .brand,#reko-studio-v3 .af-ui .section-title,#reko-studio-v3 .af-ui .actions,#reko-studio-v3 .af-ui .output-footer{ display:flex; align-items:center; justify-content:space-between; gap:18px; }
#reko-studio-v3 .af-ui .topbar{ margin-bottom:24px; }
#reko-studio-v3 .af-ui .brand{ justify-content:flex-start; gap:12px; }
#reko-studio-v3 .af-ui .mark{ display:grid; place-items:center; width:42px; height:42px; background:var(--ink); color:white; border-radius:10px; font-size:1.5rem; font-weight:650; }
#reko-studio-v3 .af-ui h1{ font-size:1.375rem; letter-spacing:-.6px; margin:0; line-height:1.2; }
#reko-studio-v3 .af-ui h2{ font-size:0.9375rem; margin:0; font-weight:650; }
#reko-studio-v3 .af-ui p{ margin:0; }
#reko-studio-v3 .af-ui .brand p{ margin-top:3px; font-size:0.875rem; color:var(--muted); }
#reko-studio-v3 .af-ui .version{ margin-left:8px; padding-left:8px; border-left:1px solid var(--line); }
#reko-studio-v3 .af-ui .status{ padding:6px 13px; border:1px solid var(--line); border-radius:20px; font-size:0.875rem; font-weight:650; background:var(--paper); }
#reko-studio-v3 .af-ui .status[data-state="running"],#reko-studio-v3 .af-ui .status[data-state="starting"]{ color:var(--accent); background:#eef3ff; border-color:#cbd8f5; }
#reko-studio-v3 .af-ui .status[data-state="error"]{ color:var(--red); background:#fff1f1; border-color:#ebc4c8; }
#reko-studio-v3 .af-ui .status[data-state="completed"]{ color:#296046; background:#edf6f0; border-color:#cbdfd2; }
#reko-studio-v3 .af-ui .panel{ border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); margin-bottom:16px; }
#reko-studio-v3 .af-ui .context{ display:grid; grid-template-columns:1.5fr .85fr 1fr .8fr; gap:24px; padding:18px 20px; align-items:start; }
#reko-studio-v3 .af-ui label,#reko-studio-v3 .af-ui .label{ font-size:0.875rem; font-weight:650; display:block; color:var(--muted); margin-bottom:6px; }
#reko-studio-v3 .af-ui select{ font:inherit; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:6px; height:36px; padding:5px 8px; width:100%; }
#reko-studio-v3 .af-ui .context strong{ display:block; font-weight:600; line-height:36px; }
#reko-studio-v3 .af-ui .muted,#reko-studio-v3 .af-ui .path{ color:var(--muted); font-size:0.875rem; }
#reko-studio-v3 .af-ui .context p{ margin-top:5px; }
#reko-studio-v3 .af-ui .path{ overflow-wrap:anywhere; font-family:Consolas,monospace; font-size:0.875rem; }
#reko-studio-v3 .af-ui .composer{ padding:18px 20px 14px; }
#reko-studio-v3 .af-ui .section-title{ margin-bottom:12px; }
#reko-studio-v3 .af-ui .section-title label{ margin:0; color:var(--ink); font-size:0.9375rem; }
#reko-studio-v3 .af-ui textarea{ resize:vertical; width:100%; min-height:122px; max-height:360px; padding:12px; border:1px solid #c9d1de; border-radius:6px; font-size:0.9375rem; line-height:1.5; font-family:inherit; color:var(--ink); }
#reko-studio-v3 .af-ui textarea::placeholder{ color:#798495; }
#reko-studio-v3 .af-ui .actions{ margin-top:12px; }
#reko-studio-v3 .af-ui .actions>div{ display:flex; gap:10px; }
#reko-studio-v3 .af-ui button{ font-weight:600; font-size:0.875rem; line-height:1.4; font-family:inherit; padding:9px 22px; border-radius:7px; border:1px solid var(--line); cursor:pointer; background:white; color:var(--ink); }
#reko-studio-v3 .af-ui .primary{ color:white; background:var(--accent); border-color:var(--accent); }
#reko-studio-v3 .af-ui .stop:enabled{ color:var(--red); border-color:#dba7ae; background:#fff7f7; }
#reko-studio-v3 .af-ui button:disabled{ opacity:.45; cursor:default; }
#reko-studio-v3 .af-ui :focus-visible{ outline:3px solid #8aaafa; outline-offset:3px; }
#reko-studio-v3 .af-ui .output-panel{ padding:16px 20px 0; overflow:hidden; }
#reko-studio-v3 .af-ui .section-title .follow{ font-size:0.875rem; color:var(--muted); display:flex; align-items:center; gap:6px; font-weight:400; }
#reko-studio-v3 .af-ui input[type="checkbox"]{ accent-color:var(--accent); }
#reko-studio-v3 .af-ui .output{ height:340px; min-height:260px; overflow:auto; border-top:1px solid var(--line); padding:8px 0; font:0.875rem/1.65 Consolas,"Cascadia Code",monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
#reko-studio-v3 .af-ui .empty{ color:var(--muted); padding-top:20px; }
#reko-studio-v3 .af-ui .entry{ display:grid; grid-template-columns:86px 1fr; gap:12px; padding:6px 0; }
#reko-studio-v3 .af-ui .entry-source{ color:var(--accent); font:600 0.875rem/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#reko-studio-v3 .af-ui .entry[data-source="codex"] .entry-source{ color:#485267; }
#reko-studio-v3 .af-ui .entry[data-source="stderr"] .entry-source{ color:var(--red); }
#reko-studio-v3 .af-ui .entry[data-source="system"] .entry-text{ color:var(--muted); }
#reko-studio-v3 .af-ui .output-footer{ border-top:1px solid var(--line); padding:10px 0; font-size:0.875rem; color:var(--muted); }
#reko-studio-v3 .af-ui .result{ padding:16px 20px; }
#reko-studio-v3 .af-ui .result .section-title{ margin-bottom:7px; }
#reko-studio-v3 .af-ui pre{ font:0.875rem/1.65 Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; margin:12px 0 0; max-height:420px; overflow:auto; }
#reko-studio-v3 .af-ui a{ color:var(--accent); font-size:0.875rem; text-underline-offset:3px; }
#reko-studio-v3 .af-ui .notice,#reko-studio-v3 .af-ui .error{ padding:11px 16px; margin-bottom:16px; border-radius:7px; font-size:0.875rem; }
#reko-studio-v3 .af-ui .notice{ color:#775310; background:#fff5d9; border:1px solid #e8d397; }
#reko-studio-v3 .af-ui .error{ color:var(--red); background:#fff1f1; border:1px solid #ebc4c8; }
#reko-studio-v3 .af-ui footer{ color:var(--muted); font-size:0.875rem; display:flex; justify-content:space-between; gap:12px; }
#reko-studio-v3 .af-ui [hidden]{ display:none !important; }
@media(max-width:800px){#reko-studio-v3 .af-ui .af-window{ padding:18px 16px; }
#reko-studio-v3 .af-ui .context{ grid-template-columns:1fr 1fr; gap:16px; }
#reko-studio-v3 .af-ui .actions>p{ max-width:42%; }
#reko-studio-v3 .af-ui footer{ display:block; }}
@media(max-width:480px){#reko-studio-v3 .af-ui .topbar{ align-items:flex-start; }
#reko-studio-v3 .af-ui .status{ max-width:160px; }
#reko-studio-v3 .af-ui .context{ grid-template-columns:1fr; }
#reko-studio-v3 .af-ui .actions{ align-items:flex-end; }
#reko-studio-v3 .af-ui .actions>div{ gap:6px; }
#reko-studio-v3 .af-ui button{ padding:9px 14px; }
#reko-studio-v3 .af-ui .entry{ grid-template-columns:66px 1fr; gap:8px; }}
#reko-studio-v3 .af-ui .context > div{ min-width:0; }
#reko-studio-v3 .af-ui .context strong{ overflow-wrap:anywhere; }
#reko-studio-v3 .af-ui .tabs{ display:flex; gap:8px; margin:-8px 0 16px; }
#reko-studio-v3 .af-ui .tabs [aria-current="page"]{ color:var(--accent); border-color:var(--accent); }
#reko-studio-v3 .af-ui .tabs [data-original="settings-open"]{ margin-left:auto; }
#reko-studio-v3 .af-ui .small{ padding:5px 9px; font-size:0.875rem; }
#reko-studio-v3 .af-ui .mini-actions{ display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }
#reko-studio-v3 .af-ui [data-original="role-edit"]{ margin-top:8px; }
#reko-studio-v3 .af-ui .write-choice{ font-weight:400; line-height:1.6; color:var(--ink); }
#reko-studio-v3 .af-ui .history{ padding:20px; }
#reko-studio-v3 .af-ui .table-scroll{ overflow:auto; }
#reko-studio-v3 .af-ui table{ width:100%; border-collapse:collapse; font-size:0.875rem; }
#reko-studio-v3 .af-ui th,#reko-studio-v3 .af-ui td{ text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); }
#reko-studio-v3 .af-ui th{ color:var(--muted); font-size:0.875rem; }
#reko-studio-v3 .af-ui .history-link{ padding:0; border:0; color:var(--accent); background:none; text-align:left; font-size:0.875rem; }
#reko-studio-v3 .af-ui [data-original="history-detail"]{ margin-top:24px; border-top:1px solid var(--line); padding-top:18px; }
#reko-studio-v3 .af-ui [data-original="history-detail"] h2{ margin-top:14px; }
#reko-studio-v3 .af-ui dl{ display:grid; grid-template-columns:150px 1fr; gap:8px 16px; font-size:0.875rem; }
#reko-studio-v3 .af-ui dt{ color:var(--muted); }
#reko-studio-v3 .af-ui dd{ margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
#reko-studio-v3 .af-ui details{ margin:16px 0; }
#reko-studio-v3 .af-ui summary{ cursor:pointer; font-size:0.875rem; }
#reko-studio-v3 .af-ui dialog{ width:min(640px,calc(100% - 32px)); max-height:90vh; overflow:auto; border:1px solid var(--line); border-radius:10px; padding:24px; color:var(--ink); }
#reko-studio-v3 .af-ui dialog::backdrop{ background:#20273555; }
#reko-studio-v3 .af-ui dialog label{ margin-top:14px; }
#reko-studio-v3 .af-ui dialog p{ margin-top:12px; font-size:0.875rem; }
#reko-studio-v3 .af-ui input:not([type="checkbox"]):not([type="hidden"]){ width:100%; font:inherit; padding:9px; border:1px solid var(--line); border-radius:6px; color:var(--ink); }
@media(max-width:480px){#reko-studio-v3 .af-ui dl{ grid-template-columns:1fr; gap:4px; }
#reko-studio-v3 .af-ui dd{ margin-bottom:10px; }}