@import url('/styles.css?v=20260907-4') layer(legacy);

/* The application shell is owned here. Legacy component styles stay in a lower layer. */
:root { color-scheme:dark; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; color:#eaf0f9; background:#080e18; --muted:#92a1b9; --soft:#64748b; --line:#253042; --surface:#121a27; --cyan:#87ccff; --gold:#a3b8ff; --gold-bright:#e2e9ff; --rail:212px; --header:76px; --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px); }
* { box-sizing:border-box; }
html,body { margin:0; width:100%; max-width:100%; height:100%; min-height:0; overflow:hidden; -webkit-text-size-adjust:100%; }
body { background:#0b1018; font-size:16px; line-height:1.5; }
button,input,textarea,select { font:inherit; color:inherit; }
button { cursor:pointer; border:1px solid var(--line); background:#172131; border-radius:10px; letter-spacing:normal; min-height:44px; transition:background .16s,border-color .16s; }
button:hover { border-color:#4e688d; background:#1d2b40; }
button:disabled { opacity:.46; cursor:not-allowed; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid #a3b8ff; outline-offset:4px; }
input,textarea,select { border:1px solid #334157; background:#0d1521; border-radius:9px; min-height:44px; font-size:16px; }
a { color:#a9c8ff; text-underline-offset:3px; }
svg { flex-shrink:0; }
.hidden,[hidden],.legacy-hooks,#universe,.core-identity,.vignette,.scanlines,body > footer { display:none !important; }
button svg,.module-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
::selection { background:#4d6199; color:#fff; }
* { scrollbar-width:thin; scrollbar-color:#3a4a61 transparent; }

.workspace-rail { position:fixed; z-index:35; inset:0 auto 0 0; width:var(--rail); background:#0e1520; border-right:1px solid #222c3c; padding:30px 16px 18px; display:flex; flex-direction:column; }
.workspace-brand { display:flex; align-items:center; gap:12px; padding:0 8px; margin-bottom:48px; text-decoration:none; color:#f5f7fc; font-size:21px; font-weight:700; letter-spacing:.1em; }
.brand-symbol { display:grid; place-items:center; width:38px; height:42px; border-radius:12px; background:#aabaff; color:#111b36; font-size:28px; font-weight:800; letter-spacing:-.1em; }
.workspace-brand small { display:block; color:var(--muted); font-size:11px; letter-spacing:normal; font-weight:400; margin-top:2px; }
.nav-label { color:#7f90a9; font-size:10px; letter-spacing:.13em; padding:0 12px; margin-bottom:14px; }
.command-dock { position:static; transform:none; display:flex; flex-direction:column; width:100%; padding:0; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; gap:6px; }
.command-dock > button { min-height:46px; height:auto; display:flex; padding:11px 13px; gap:13px; border-radius:9px; background:transparent; border:1px solid transparent; color:#9faec4; }
.command-dock > button > span { display:flex; color:inherit; text-shadow:none; }
.command-dock > button > b { font-size:14px; font-weight:500; letter-spacing:0; }
.command-dock > button > i { position:static; margin-left:auto; min-width:21px; height:auto; padding:1px 5px; background:#26344d; color:#adbee1; font-size:11px; }
.command-dock > button > i[data-value="0"] { display:none; }
.command-dock > button.active { background:#263351; color:#cfdbff; border-color:#394b76; box-shadow:none; }
.rail-extra { display:flex; flex-direction:column; flex:1; margin-top:38px; gap:4px; }
.rail-extra > button { display:flex; align-items:center; gap:13px; text-align:left; min-height:44px; padding:10px 13px; border:0; background:transparent; color:#9faec4; font-size:14px; }
.rail-extra > button:hover { background:#182235; color:#e5eeff; }
.rail-foot { margin-top:auto; border-top:1px solid #253042; padding:22px 6px 4px; display:flex; align-items:center; gap:10px; font-size:12px; color:#ccd6e5; }
.rail-foot small { display:block; font-size:11px; color:#8192ad; }
.privacy-dot { width:7px;height:7px;border-radius:50%;background:#65d7ba; }
.workspace-header { position:fixed; z-index:30; left:var(--rail); right:0; top:0; height:var(--header); padding:0 28px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; background:#0b1018ed; border-bottom:1px solid #2b3c54; }
.workspace-breadcrumb { display:flex; align-items:center; gap:14px; color:#7f90a9; font-size:13px; min-width:0; }
.workspace-breadcrumb > span::after { content:"/"; margin-left:14px; color:#425169; }
.workspace-breadcrumb b { font-weight:500; color:#dce5f3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-tools { display:flex;align-items:center;gap:20px;min-width:0;flex-shrink:0; }
#workspace-search { border:0;background:transparent;color:#91a2bc;display:flex;gap:10px;align-items:center;font-size:13px; }
kbd { font:11px inherit; border:1px solid #334158;border-radius:4px;padding:1px 5px; }
.status-pill { padding:6px 10px; font-size:11px;letter-spacing:.02em;border:0;background:#152821;color:#86dbc0;box-shadow:none;white-space:nowrap; }
.status-pill.online { color:#8de0c5;background:#142820;box-shadow:none; }
.status-pill.offline { background:#351c27;color:#ff9aaf; }
.status-pill.pending { color:#e2c795; background:#322a1d; }
.status-pill.thinking { color:#bccaff;background:#263351;animation:none; }
#workspace { position:fixed; inset:var(--header) 0 0 var(--rail); display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,36%); min-width:0; }
#system-overview { overflow:auto; min-width:0; padding:30px 28px 36px; background:radial-gradient(ellipse at 65% 0%,#1a235340,transparent 60%),#0b1018; }
.overview-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:24px; }
.section-kicker { font-size:10px; letter-spacing:.14em; color:#94a9cb; margin-bottom:8px; }
.overview-heading h1 { font-size:34px; letter-spacing:-.045em; font-weight:600; margin:0; line-height:1.15; }
.overview-heading p { margin:8px 0 0; font-size:14px;color:var(--muted); }
.quiet-button { border:0; background:transparent; padding:8px; color:#9babc5; font-size:12px; white-space:nowrap; }
.overview-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px; }
.overview-metrics > button { display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;padding:15px 14px;background:#131c29;border:1px solid #253144;border-radius:12px; min-width:0; }
.overview-metrics > button > span { display:flex;gap:7px;align-items:center;font-size:12px;color:#a0b1cb; }
.overview-metrics svg { width:16px;height:16px;color:#9fb6ff; }
.overview-metrics strong { font-size:26px;line-height:1.1;font-weight:500;letter-spacing:-.04em; }
.overview-metrics small { font-size:10px;color:#8091ad;line-height:1.4; }
.constellation-card { position:relative;border:1px solid #38516c; border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#10233e,#080f1d 70%);box-shadow:inset 0 1px 0 #c6e5ff20,0 18px 65px #0004,0 0 55px #4a80ef0b; }
.constellation-heading { display:flex;justify-content:space-between;align-items:center;padding:12px 18px 0; }
.constellation-heading > div { display:flex;gap:9px;align-items:center;font-size:13px; }
.constellation-heading b { font-weight:500; }
.live-indicator { width:6px;height:6px;border-radius:50%;background:#9db7f3;box-shadow:0 0 12px #7e9aff70; }
#motion-toggle { font-size:18px;width:44px; }
#constellation-stage { position:relative;height:430px;isolation:isolate; }
#constellation { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.constellation-center { position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:114px;height:116px;gap:3px;padding:0 0 2px;border-radius:50%;border:0;background:transparent;box-shadow:none;text-shadow:0 2px 10px #020714,0 0 4px #020714; }
.constellation-center:hover { background:#aacbff0d; }
.core-emblem { display:none; }
.constellation-center b { font-size:12px;letter-spacing:.18em;font-weight:600; }
.constellation-center small { font-size:10px;color:#a7b9db; }
.constellation-node { position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);border:0;background:none;display:flex;flex-direction:column;align-items:center;min-width:106px;padding:8px;line-height:1.4; }
.constellation-node:hover { background:rgba(var(--node-color),.08); }
.module-icon { display:grid;place-items:center;width:44px;height:44px;margin-bottom:8px;border:1px solid rgba(var(--node-color),.5);border-radius:14px;background:linear-gradient(145deg,rgba(var(--node-color),.24),rgba(var(--node-color),.04));color:rgb(var(--node-color));box-shadow:inset 0 1px 0 #ffffff28,0 5px 0 #030a1680,0 0 28px rgba(var(--node-color),.16); }
.constellation-node b { font-size:12px;font-weight:500;text-shadow:0 2px 8px #020a16; }
.constellation-node small { font-size:10px;color:#91a2bf; }
.constellation-node[data-health="warning"] small { color:#f1b287; }
.constellation-node[data-health="unknown"] .module-icon { opacity:.45; }
.constellation-legend { padding:14px 18px;border-top:1px solid #263149;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8698b6; }
.overview-activity { margin-top:24px; }
.activity-head { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px; }
.activity-head h2 { font-size:16px;font-weight:500;margin:0; }
.task-list { display:flex;flex-direction:column;gap:0; }
.task-row { display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid #222d3f;padding:10px 2px;font-size:13px;color:#cad6e8; }
.task-title { font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.task-row small { font-size:10px;color:#99abc8;letter-spacing:0;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.task-empty { font-size:14px;padding:18px 0;color:#92a1b9; }
.system-details { margin-top:22px;border-top:1px solid #253042; }
.system-details summary { display:flex;justify-content:space-between;gap:10px;cursor:pointer;padding:18px 0;font-size:13px;color:#b9c8dd; }
.system-details summary span { font-size:11px;color:#8497b3; }
.system-details .panel { position:static;display:block;width:auto;height:auto;max-height:none;transform:none;clip-path:none;border:0;border-radius:0;background:transparent;padding:10px 0; }
.system-details .panel-title { font-size:12px;color:#a4b4cc;letter-spacing:0; }
.system-details dl { font-size:13px; }
.system-details dt,.system-details dd { font-size:13px;color:#94a8c5; }
.node-row { font-size:13px;min-height:34px; }
.node-row small { font-size:11px;color:#97a8c2; }

/* Dialogue is a grid region, never a persisted floating overlay. */
.chat-panel { position:relative;inset:auto;width:auto;height:100%;max-height:none;min-width:0;min-height:0;transform:none;clip-path:none;padding:0;background:#101824;border:0;border-left:1px solid #293447;box-shadow:none;border-radius:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;overflow:hidden;z-index:1; }
.chat-head { padding:22px 20px 12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;cursor:default;touch-action:auto;border:0; }
.chat-identity .panel-title { font-size:16px;font-weight:500;color:#ebf1fa;letter-spacing:-.015em; }
.chat-state { font-size:10px;color:#8fa4c7;letter-spacing:.02em;margin-top:4px; }
.chat-head-actions { display:flex;flex-wrap:wrap;align-items:center;gap:10px; }
.voice-switch { display:flex;align-items:center;gap:6px;position:relative;cursor:pointer;width:auto;height:44px;border:0;border-radius:0;background:none; }
.voice-switch input { position:absolute;opacity:0;width:1px;height:1px;min-height:0; }
.voice-switch > span { position:relative;display:block;width:30px;height:18px;border-radius:10px;border:1px solid #4d607f;background:#263248; }
.voice-switch > span::before { content:"";position:absolute;width:10px;height:10px;left:3px;top:3px;border-radius:50%;background:#9aaecf;transform:none;box-shadow:none; }
.voice-switch input:checked + span { background:#8fa9fb;border-color:#a5baff; }
.voice-switch input:checked + span::before { transform:translateX(12px);background:#fff; }
.voice-switch input:focus-visible + span { outline:2px solid #c0d0ff;outline-offset:3px; }
.voice-switch em { display:block;font-size:10px;color:#a6b8d3;font-style:normal;letter-spacing:0; }
.chat-window-button { width:36px;height:44px;min-height:44px;font-size:20px;color:#9cafd1;border:0;background:none; }
#chat-resize-handle { display:none; }
.chat-tabs { display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px 18px 14px;border-bottom:1px solid #243045;flex-shrink:0;min-height:50px; }
.chat-tab { font-size:12px;min-height:34px;border:1px solid #2b3a55;border-radius:8px;background:transparent;max-width:190px; }
.chat-tab.active { background:#263654;border-color:#536c9e;color:#d2dfff; }
.chat-tab button,.chat-tab-add { min-width:34px;min-height:34px;font-size:13px;color:inherit; }
.chat-messages { min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;padding:22px 18px;display:block; }
.chat-thread-view { min-height:100%;display:flex;flex-direction:column;gap:20px; }
.welcome-message { padding:24px 12px;margin:auto;max-width:360px;text-align:center;color:#9aacc7;font-size:15px;line-height:1.7; }
.message { display:flex;flex-direction:column;align-items:flex-start;gap:5px; }
.message.user { align-items:flex-end; }
.message-label,.message-meta { color:#94a6c2;font-size:10px;letter-spacing:.02em; }
.bubble { max-width:100%;font-size:15px;line-height:1.65;color:#dfe8f6;background:none;border:0;border-radius:0;padding:0;white-space:pre-wrap;overflow-wrap:anywhere; }
.message.user .bubble { max-width:95%;padding:12px 15px;background:#27364e;border:1px solid #354865;border-radius:14px 14px 3px 14px; }
.message.jarvis .bubble { background:none;border:0;border-radius:0;padding:0; }
.bubble a { color:#adc8ff;text-decoration:underline; }
.bubble.error { color:#ffabbc; }
.chat-scroll-controls { display:flex;justify-content:flex-end;gap:4px;padding:0 18px 6px; }
.chat-scroll-controls button { width:32px;min-height:30px;padding:0;font-size:17px;background:#182337;color:#9db1d2; }
.composer { display:grid;grid-template-columns:40px 40px minmax(0,1fr) 44px;gap:6px;align-items:end;margin:0 16px;padding:10px;border:1px solid #42516d;border-radius:14px;background:#162133; }
#chat-input { font-size:16px;line-height:1.5;background:transparent;border:0;min-height:44px;max-height:110px;resize:none;outline:0;padding:10px 2px;min-width:0;box-shadow:none; }
#chat-input::placeholder { color:#8297b8; }
.round-button { display:grid;place-items:center;width:40px;height:44px;min-height:44px;border:0;border-radius:10px;color:#9eb4d9;background:transparent; }
.round-button svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7; }
.send-button { display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;min-height:44px;border-radius:10px;background:#a2b7ff;border:0;color:#152345;font-size:0; }
.send-button b { font-size:24px; }
.send-button:hover { background:#c2d0ff; }
.chat-hint { display:flex;justify-content:space-between;gap:8px;min-height:30px;padding:8px 20px 12px;color:#8295b5;font-size:9px;letter-spacing:0; }
.chat-hint span:last-child { display:none; }
.chat-attachment { grid-column:1/-1;padding:8px;display:flex;gap:10px;border:0;border-bottom:1px solid #354664;min-width:0; }
.chat-attachment b { font-size:13px;word-break:break-word; }
.chat-attachment small { font-size:11px; }
.chat-attachment button { margin-left:auto;min-width:36px; }
body[data-workspace="dialogue"] #workspace { grid-template-columns:1fr; }
body[data-workspace="dialogue"] #system-overview { display:none; }
body[data-workspace="dialogue"] .chat-panel { border:0; }
body[data-workspace="dialogue"] .chat-messages { padding-left:max(24px,calc((100% - 780px)/2));padding-right:max(24px,calc((100% - 780px)/2)); }
body[data-workspace="dialogue"] .composer { width:min(800px,calc(100% - 40px));justify-self:center; }
body[data-workspace="dialogue"] .chat-head,body[data-workspace="dialogue"] .chat-tabs { padding-left:28px;padding-right:28px; }

/* Full workspace module surfaces. All cards use natural height, never compressed grid tracks. */
.actions-backdrop,.command-launcher-backdrop { display:none; }
.actions-panel,.command-launcher,.browser-monitor { position:fixed;z-index:20;inset:var(--header) 0 0 var(--rail);width:auto;height:auto;max-width:none;max-height:none;min-height:0;transform:none;clip-path:none;border:0;border-radius:0;background:#0e1521;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column;gap:22px;padding:28px 32px;overflow-y:auto;overflow-x:hidden; }
.actions-panel *, .command-launcher *, .browser-monitor * { font-family:inherit;letter-spacing:normal;text-shadow:none; }
.actions-panel :where(p,div,span,strong,b,em,label,button),.command-launcher :where(p,span,strong,b,em,button),.browser-monitor :where(p,div,span,strong,b,em,button) { font-size:14px;line-height:1.5; }
.actions-panel :where(small),.browser-monitor :where(small) { font-size:12px;color:#96a9c7;line-height:1.5; }
.actions-panel :where(p) { color:#a6b7d1; }
.actions-panel :where(button) { min-height:44px;padding:9px 14px;white-space:normal; }
.actions-panel :where(input,textarea,select) { font-size:16px;padding:10px 12px;min-width:0;width:100%; }
.actions-panel .panel-title,.command-launcher h2 { font-size:25px;font-weight:550;line-height:1.2;color:#edf2fb;letter-spacing:-.03em; }
.actions-head,.command-launcher > header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 0 20px;flex-shrink:0;border-bottom:1px solid #29364c;position:relative; }
.actions-subtitle,.command-launcher-description { margin-top:8px;font-size:12px;color:#9aabc5;letter-spacing:0;line-height:1.6; }
.actions-close,.command-launcher-head-actions button,#browser-monitor-close { flex-shrink:0;width:44px;height:44px;padding:0;font-size:26px;line-height:1;background:#1c2940;border:1px solid #354667;border-radius:10px;color:#b9c8e2; }
.actions-note,.command-launcher footer,.browser-monitor-foot { position:static;padding:16px 0 0;margin-top:auto;border-top:1px solid #2a374c;color:#8396b4;font-size:12px;line-height:1.7;letter-spacing:0;flex-shrink:0; }
.actions-list,.integrations-list,.goals-portfolio,.development-list,.devices-list,.core-grid,.core-action-log,.architecture-workspace { min-height:auto;overflow:visible;grid-auto-rows:max-content;align-content:start;flex-shrink:0; }
.actions-list { gap:14px; }
.actions-list > * { min-height:min-content;flex-shrink:0; }
.action-empty { padding:28px;border:1px dashed #34415b;border-radius:12px;color:#93a7c7;font-size:15px;text-align:center; }
.actions-panel :where(article,.action-card,.core-learning-card,.core-connector-card,.eval-lab-card,.core-stat-card) { padding:20px;border:1px solid #2c3a51;border-radius:12px;background:#151f2f;box-shadow:none;clip-path:none;min-width:0; }
.actions-panel :where(article)::before,.eval-lab-card::before { display:none; }
.actions-panel :where(h3,h4) { color:#e2ebf9;font-size:17px;line-height:1.4; }
.action-card > header,.improvement-head,.device-card-head { gap:14px; }
.development-list,.integrations-list,.devices-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start; }
.development-list > *,.devices-list > * { height:auto;min-height:0;max-height:none; }
.development-autonomy,.device-fabric-state,.attention-intro,.missions-intro,.goals-intro { padding:16px 20px;border:1px solid #354b70;border-radius:12px;background:#192640;color:#bed0ec;flex-shrink:0; }
.improvement-card details,.action-card details { margin-top:14px; }
.improvement-card summary,.action-card summary { padding:12px 0;color:#baccef;cursor:pointer; }
.improvement-card :where(pre),.action-card pre { white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6;max-height:420px;overflow:auto; }
.device-card-head { width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;text-align:left;padding:0;background:transparent;border:0; }
.device-card-head i { width:44px;height:44px;font-size:25px;color:#b5c8ef;border-color:#415d83; }
.device-card-head b { display:block;font-size:16px;color:#e3edfa;overflow-wrap:anywhere; }
.device-card-head em { font-size:10px;color:#90dcbf;background:#172e2b; padding:4px 7px;border:0; }
.device-card-summary { display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px; }
.device-card-summary span { color:#a1b4d0; }
.device-card.expanded { grid-column:1/-1; }
.device-summary,.core-metrics,.integrations-summary,.architecture-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex-shrink:0; }
.device-summary > div,.core-metrics > div,.integrations-summary > div,.architecture-summary > div { background:#162032;border:1px solid #2c3a53;border-radius:12px;min-width:0;padding:16px; }
.device-summary b,.core-metrics b,.integrations-summary b,.architecture-summary b { display:block;color:#ecf2fe;font-size:28px;font-weight:500;margin:8px 0;line-height:1.2; }
.device-summary span,.core-metrics span,.architecture-summary span { font-size:12px;color:#8fa2bf; }
.device-toolbar,.device-discovery,.device-filters,.accounts-toolbar-actions { display:flex;gap:8px;flex-wrap:wrap; }
.device-toolbar { justify-content:space-between; }
.device-filters button.active { border-color:#8da7ec;background:#2c3e65;color:#dae4ff; }
.device-capabilities { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.device-capability { padding:12px;background:#111b2b;border-color:#324760;border-radius:8px; }
.account-form,.integration-form-fields,.mail-ru-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.integration-form { grid-template-columns:1fr; }
.account-form label,.integration-form-fields label { display:flex;flex-direction:column;gap:8px;color:#abbdda; }
.account-form-actions,.account-form-state,.mail-ru-help,.integration-form-head,.integration-form-help { grid-column:1/-1; }
.integration-title strong { font-size:18px; }
.integration-actions { display:flex;flex-wrap:wrap;gap:8px; }
.integration-stat { padding:8px 0; }
.core-grid { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:20px; }
.core-learning-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.core-learning-grid > div { padding:12px;background:#101b2d;border-color:#32425c;border-radius:8px; }
.core-learning-grid b { font-size:24px; }
.core-learning-grid span { white-space:normal;font-size:12px; }
.eval-lab-overview { grid-template-columns:120px minmax(0,1fr);gap:20px; }
.eval-lab-vitals { grid-column:1/-1; }
.eval-lab-classes { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.eval-lab-class { padding:12px;border-color:#344867;border-radius:8px; }
.eval-lab-orb { width:108px;height:108px; }
.eval-lab-progress { height:7px; }
.core-action-row { padding:14px;gap:12px;background:#182337;border-color:#2d405c;border-radius:8px; }
.architecture-workspace { display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;min-height:560px; }
.architecture-map-shell { min-height:480px;border-radius:12px;border-color:#34435f;overflow:hidden; }
.architecture-map-scroll { min-height:400px;overflow:auto; }
.architecture-inspector { padding:20px;background:#152033;border-color:#324560;border-radius:12px; }
.architecture-inspector h3 { font-size:20px; }
.architecture-toolbar { flex-wrap:wrap;gap:10px;padding:14px; }
.architecture-toolbar span { font-size:11px; }
.architecture-failure { padding:16px;border-radius:10px;background:#34202c;border-color:#754359; }
.architecture-failure p { white-space:normal;overflow-wrap:anywhere; }
.architecture-connections span { padding:10px;border-radius:8px;background:#111b2c; }
.voice-identity-status { gap:20px; }
.voice-identity-status b { font-size:24px; }
.voice-enrollment blockquote { font-size:24px;padding:24px;border-left:3px solid #98aff2;background:#1c2942; }
.voice-identity-actions { display:flex;flex-wrap:wrap;gap:10px; }
.voice-sample-progress { margin:18px 0; }
.voice-switch input:checked ~ em { color:#d3dfff; }
.command-launcher { gap:22px; }
.command-launcher-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible; }
.command-launcher-grid > button { display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:7px 14px;padding:22px;border:1px solid #2d3e5a;border-radius:14px;background:#162134;min-height:150px; }
.command-launcher-grid > button > span { width:40px;height:40px;font-size:24px;color:#b1c5ff;border-color:#50678f;border-radius:12px;background:#263955; }
.command-launcher-grid > button strong { font-size:16px;color:#e0e9f9; }
.command-launcher-grid > button small { font-size:13px;line-height:1.6;color:#93a8c8; }
.command-launcher-grid > button em { font-size:11px;color:#92aeda; }
.command-launcher h2 { margin:8px 0; }
.command-launcher header small { color:#94a7c5;font-size:11px; }
.browser-monitor { gap:14px; }
.browser-monitor-head { display:flex;justify-content:space-between;gap:12px; }
.browser-monitor-identity b { font-size:21px; }
.browser-address { background:#172237;border-color:#2d405c;border-radius:10px;padding:12px; }
.browser-address div { font-size:14px;overflow-wrap:anywhere;white-space:normal; }
.browser-screen-wrap { flex:none;position:relative;min-height:280px;aspect-ratio:16/9;background:#101722;border:1px solid #32435d;border-radius:12px;overflow:hidden; }
#browser-monitor-frame { width:100%;height:100%;object-fit:contain; }
.browser-monitor-placeholder { min-height:280px;color:#a5badd; }
.browser-scan { display:none; }
.browser-monitor-events { max-height:none;overflow:visible; }
.browser-monitor-info { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.auth-gate { z-index:100; background:#0b1018eb;backdrop-filter:blur(22px); }
.auth-card { padding:40px;border-radius:22px;clip-path:none;background:#141f31;border:1px solid #3d5279;box-shadow:0 35px 120px #0008; }
.auth-card small { font-size:11px;color:#a4b7d6;letter-spacing:.09em; }
.auth-card h2 { font-size:32px; }
.auth-card p { font-size:16px;color:#b0c0d9; }
.auth-card button { font-size:14px;background:#95acfb;color:#17223f;border-radius:10px;border:0;letter-spacing:0; }
.auth-card em { font-size:12px;color:#8ca2c4; }

@media(min-width:1600px) { #constellation-stage { height:430px; } .overview-heading h1 { font-size:40px; } #system-overview { padding:38px; } .overview-metrics > button { padding:20px; } }
@media(max-width:1180px) and (min-width:761px) { :root { --rail:178px; } .workspace-brand { font-size:17px;gap:8px;padding:0; } .workspace-brand small { font-size:9px; } .workspace-rail { padding:24px 10px; } .nav-label { font-size:9px; } #workspace { grid-template-columns:minmax(0,1fr) 350px; } #system-overview { padding:22px 18px; } .overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .overview-heading { align-items:flex-start; } .overview-heading .quiet-button { display:none; } #constellation-stage { height:320px; } .constellation-node { min-width:88px; } .constellation-node b { font-size:11px; } .constellation-node small { font-size:9px; } .constellation-center { width:94px;height:94px; } .constellation-center small { font-size:9px; } .constellation-legend span:last-child { display:none; } #workspace-search span,#workspace-search kbd,.workspace-breadcrumb > span { display:none; } .core-grid { grid-template-columns:1fr; } .command-launcher-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .architecture-workspace { grid-template-columns:1fr; } }
@media(max-width:960px) and (min-width:761px) { #workspace { grid-template-columns:1fr; } body[data-workspace="overview"] .chat-panel { display:none; } #constellation-stage { height:420px; } .overview-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px), (max-width:960px) and (max-height:600px) and (pointer:coarse) {
  :root { --rail:0px;--header:calc(58px + var(--safe-top));--bottom:calc(70px + var(--safe-bottom)); }
  .workspace-rail { inset:auto 0 0;z-index:40;width:100%;height:var(--bottom);padding:5px max(6px,env(safe-area-inset-right,0px)) max(5px,var(--safe-bottom)) max(6px,env(safe-area-inset-left,0px));border:0;border-top:1px solid #2b3850;background:#101a29f5; }
  .workspace-brand,.workspace-rail > .nav-label,.rail-extra { display:none; }
  .command-dock { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px; }
  .command-dock > button { position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:57px;padding:5px 2px;border:0;border-radius:9px; }
  .command-dock > button > b { font-size:10px;letter-spacing:0; }
  .command-dock > button > i { position:absolute;top:0;right:5px;font-size:9px;min-width:14px; }
  .command-dock > button > span svg { width:22px;height:22px; }
  .workspace-header { inset:0 0 auto;height:var(--header);padding:var(--safe-top) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;background:#0d1521;overflow:hidden; }
  .workspace-breadcrumb > span { display:none; }
  .workspace-breadcrumb b { max-width:100%;font-size:16px;line-height:1.4; }
  .workspace-tools { gap:5px; }
  #workspace-search { padding:8px;min-width:40px; }
  #workspace-search span,#workspace-search kbd { display:none; }
  .status-pill { font-size:0; padding:0; width:9px;height:9px;background:#6ed8b6; }
  .status-pill.online { background:#6ed8b6; }
  .status-pill.offline { background:#fc8ca6; }
  #workspace { inset:var(--header) 0 var(--bottom);display:grid;grid-template-columns:1fr; }
  #system-overview { padding:22px 16px 26px; }
  body[data-workspace="overview"] .chat-panel { display:none; }
  .overview-heading { display:block;margin-bottom:22px; }
  .overview-heading h1 { font-size:32px; }
  .overview-heading .quiet-button { display:none; }
  .overview-heading p { font-size:14px; }
  .section-kicker { font-size:9px; }
  .overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px; }
  .overview-metrics > button { padding:15px;gap:8px; }
  .overview-metrics > button > span { font-size:13px; }
  .overview-metrics small { font-size:11px; }
  #constellation-stage { height:330px; }
  .constellation-node { min-width:88px;padding:6px 3px; }
  .constellation-node b { font-size:11px; }
  .constellation-node small { font-size:9px; }
  .module-icon { width:36px;height:36px; }
  .constellation-center { width:100px;height:100px; }
  .constellation-center small { font-size:9px; }
  .constellation-legend { font-size:10px; }
  .constellation-legend span:last-child { display:none; }
  .task-title { font-size:13px; }
  .task-row { grid-template-columns:6px minmax(0,1fr);gap:4px 10px; }
  .task-row small { grid-column:2;max-width:100%; }
  .chat-panel,.chat-panel.is-fullscreen { position:relative;inset:auto;width:auto;height:100%;padding:0;min-width:0;min-height:0;max-width:none;max-height:none;transform:none;border:0;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;background:#101824; }
  .chat-head { padding:12px 16px 4px;gap:6px; }
  .chat-identity .panel-title { font-size:16px; }
  .chat-state { font-size:10px; }
  .chat-head-actions { gap:10px; }
  #chat-fullscreen { display:none; }
  .voice-switch { min-height:44px;height:44px;width:auto;display:flex;border:0;background:none;padding:0; }
  .voice-switch em { font-size:10px; }
  .chat-tabs { padding:6px 12px 10px;min-height:56px; }
  .chat-tab,.chat-tab button,.chat-tab-add { min-height:44px; }
  .chat-messages,body[data-workspace="dialogue"] .chat-messages { padding:20px 16px; }
  .bubble { font-size:16px;line-height:1.65; }
  .chat-scroll-controls { padding-right:14px;padding-bottom:8px; }
  .chat-scroll-controls button { min-height:36px;width:36px; }
  .composer,body[data-workspace="dialogue"] .composer { width:calc(100% - 20px);margin:0 10px;padding:7px;gap:2px;grid-template-columns:40px 36px minmax(0,1fr) 42px;justify-self:stretch; }
  .round-button { width:36px;height:44px; }
  #chat-input { min-height:44px;padding:10px 4px;font-size:16px; }
  .send-button { width:42px;min-width:42px; }
  .chat-hint { padding:7px 16px;min-height:26px;font-size:9px; }
  body[data-workspace="dialogue"] .chat-head,body[data-workspace="dialogue"] .chat-tabs { padding-left:16px;padding-right:16px; }
  .actions-panel,.command-launcher,.browser-monitor { inset:var(--header) 0 var(--bottom);padding:20px 16px;gap:20px;width:auto;height:auto;transform:none; }
  .actions-panel .panel-title,.command-launcher h2 { font-size:22px; }
  .actions-subtitle { font-size:11px; }
  .actions-head,.command-launcher > header { gap:12px; }
  .actions-panel :where(article,.action-card,.core-learning-card,.core-connector-card,.eval-lab-card) { padding:16px; }
  .development-list,.devices-list,.integrations-list,.core-grid,.architecture-workspace,.command-launcher-grid { grid-template-columns:1fr; }
  .command-launcher-grid > button { min-height:116px;padding:18px; }
  .device-summary,.core-metrics,.integrations-summary,.architecture-summary,.core-learning-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .device-summary > div,.core-metrics > div,.integrations-summary > div { padding:14px; }
  .device-card-head { grid-template-columns:40px minmax(0,1fr);gap:10px; }
  .device-card-head em { grid-column:2;justify-self:start; }
  .device-card.expanded { grid-column:auto; }
  .device-capabilities,.account-form,.mail-ru-form,.integration-form-fields { grid-template-columns:1fr; }
  .device-toolbar,.device-discovery,.device-filters { display:flex;flex-wrap:wrap; }
  .device-toolbar button { font-size:12px;padding:9px 11px; }
  .accounts-toolbar { display:flex;flex-direction:column;align-items:stretch;gap:12px; }
  .accounts-toolbar-actions { flex-direction:column; }
  .eval-lab-overview { grid-template-columns:90px minmax(0,1fr);gap:14px; }
  .eval-lab-orb { width:86px;height:86px; }
  .eval-lab-classes { grid-template-columns:1fr; }
  .architecture-workspace { min-height:0; }
  .architecture-map-shell { min-height:380px; }
  .architecture-map-scroll { min-height:320px; }
  .architecture-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .architecture-failure { display:flex;flex-direction:column; }
  .voice-identity-status { align-items:flex-start; }
  .voice-orb { flex-shrink:0;width:60px;height:60px; }
  .voice-enrollment blockquote { font-size:18px;padding:18px;margin-left:0;margin-right:0; }
  .voice-identity-actions { flex-direction:column; }
  .browser-monitor-info { grid-template-columns:1fr; }
  .browser-screen-wrap { min-height:220px; }
  .browser-monitor-placeholder { min-height:220px; }
  .command-launcher-head-actions kbd { display:none; }
  .auth-card { padding:30px 24px; }
  .keyboard-open .workspace-header,.keyboard-open .workspace-rail { display:none; }
  .keyboard-open #workspace { top:var(--visual-viewport-top,0px);bottom:auto;height:var(--visual-viewport-height,100dvh); }
  .keyboard-open .chat-head { padding-top:6px; }
  .keyboard-open .chat-identity,.keyboard-open .chat-tabs { display:none; }
  .keyboard-open .chat-panel { grid-template-rows:auto minmax(0,1fr) auto auto auto; }
  .keyboard-open .chat-hint { display:none; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; } }

/* Final typography and legacy-state normalization. */
.workspace-brand small { font-size:12px; }
.workspace-rail { overflow-y:auto; }
.workspace-brand { margin-bottom:36px;font-size:20px; }
.nav-label { font-size:11px;letter-spacing:.08em; }
.command-dock > button:not(.active) { background:transparent;border-color:transparent;box-shadow:none;color:#9faec4; }
.rail-foot,.rail-foot small { font-size:12px; }
.quiet-button { font-size:13px; }
.overview-heading h1 { text-shadow:none; }
.section-kicker { font-size:11px; }
.overview-heading p { font-size:16px; }
.overview-metrics > button > span { font-size:14px; }
.overview-metrics small { font-size:12px; }
.constellation-node b { font-size:14px; }
.constellation-node small { font-size:12px; }
.constellation-center small { font-size:11px; }
.constellation-legend { font-size:12px; }
.constellation-heading > div { font-size:14px; }
.task-title { font-size:14px; }
.task-row small { font-size:12px; }
.task-row { text-align:left;background:transparent;border-width:0 0 1px;border-radius:0;width:100%; }
.task-row:hover { background:#172133; }
.task-row .task-state { width:6px;height:6px; }
.agent-fleet { padding:20px;background:#151f30;border:1px solid #334460;border-radius:12px; }
.agent-fleet h2 { font-size:18px;margin:0; }
.agent-fleet #fleet-summary { font-size:12px;color:#98accd; }
#fleet-workers { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
#fleet-workers > p { grid-column:1/-1;color:#98acc9; }
.agent-fleet .activity-head { flex-wrap:wrap; }
.selected-task-detail { border-color:#617db5; }
.selected-task-detail p { white-space:pre-wrap; }
.architecture-head-actions { display:flex;gap:8px;flex-shrink:0; }
#integrations-last-check { font-size:20px;white-space:normal;overflow-wrap:normal;overflow:visible; }
.architecture-node rect { fill:#172237;stroke:#445b80; }
.architecture-node:hover rect,.architecture-node.selected rect { fill:#293d61;stroke:#a2baff;filter:none; }
#architecture-health { font-size:17px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal; }
#architecture-health.degraded { color:#f3bd7c; }
#architecture-health.offline { color:#ff8ca4; }
.architecture-node-title { fill:#e2ebfa;font:500 13px -apple-system,BlinkMacSystemFont,sans-serif; }
.architecture-node-subtitle { fill:#9caecc;font:11px -apple-system,BlinkMacSystemFont,sans-serif; }
.architecture-node-status { fill:#b2c6e7;font:10px -apple-system,BlinkMacSystemFont,sans-serif; }
.architecture-lane rect { fill:#101a2a;stroke:#29394f; }
.architecture-lane text { fill:#8fa9ce;font:12px -apple-system,BlinkMacSystemFont,sans-serif; }
.chat-panel { gap:0;align-content:stretch; }
.chat-identity { width:auto;max-width:none; }
.chat-head-actions { margin:0; }
.voice-switch > span::after { display:none; }
.voice-switch em { font-size:12px; }
.chat-tabs { margin:0; }
.chat-tab,.chat-tab[aria-selected="true"] { height:40px;color:#adc0e0;box-shadow:none; }
.chat-tab[aria-selected="true"] { background:#2c3d60;border-color:#627fae;color:#e1eaff; }
.chat-tab-label { font-size:13px; }
.chat-tab-new { width:40px;height:40px;min-height:40px;border-radius:8px;color:#c7d6f0;border-color:#3a4c6a;background:#1c2b42; }
.chat-tab-close { color:#c5d3ef;opacity:1; }
.chat-state { font-size:11px; }
.bubble { font-size:16px; }
.bubble code { padding:2px 5px;border-radius:5px;background:#27364f;font:13px ui-monospace,monospace; }
.bubble strong { color:#eff5ff;font-weight:600; }
.round-button { min-width:40px; }
.send-button b { margin:0; }
.actions-panel .panel-title { border:0;padding:0;margin:0; }
.actions-panel p { font-size:16px; }
.actions-panel,.command-launcher,.browser-monitor { scrollbar-gutter:stable; }
.actions-panel > * { flex-shrink:0; }
.actions-panel :where(article,div,span,b,small,p,button,form,details,summary) { min-width:0;overflow-wrap:anywhere; }
.actions-panel article,.actions-panel form { max-width:100%; }
.actions-panel .action-buttons button { max-width:100%; }
.accounts-toolbar { align-items:flex-start;flex-wrap:wrap; }
.accounts-toolbar > span { max-width:none;text-align:left;color:#8ca3c5;font-size:12px; }
.accounts-toolbar-actions { align-items:stretch; }
.integration-card-head { grid-template-columns:40px minmax(0,1fr); }
.integration-state { grid-column:2;justify-self:start; }
.integration-card-icon { width:36px;height:36px;border-radius:10px; }
.integration-card-title b { font-size:18px;color:#e0ebfc; }
.integration-card-title span { color:#9badc7; }
.integration-health { grid-template-columns:repeat(2,minmax(0,1fr)); }
.integration-health > div:last-child { grid-column:1/-1; }
.integration-health b { white-space:normal;overflow-wrap:anywhere; }
.integration-account { align-items:flex-start;flex-wrap:wrap; }
.integration-account b { white-space:normal;overflow-wrap:anywhere; }
.execution-card > header,.execution-card > footer,.goal-card > header,.goal-card > footer,.cognitive-trace-card > summary { flex-wrap:wrap; }
.execution-card :where(pre,code),.goal-card :where(pre,code) { white-space:pre-wrap;overflow-wrap:anywhere; }
.actions-panel .actions-note { font-size:13px; }
.device-summary,.integrations-summary { padding:0;border:0;background:none; }
.device-group-heading { grid-column:1/-1;font-size:14px;border-radius:8px;padding:16px;background:#162337;border-left-color:#869ee4; }
.development-autonomy { font-size:13px; }
.action-meta { flex-wrap:wrap;gap:8px; }
.action-meta span { color:#a7bfff; }
.action-meta b { color:#a7bddc; }
.action-files span { color:#afbdd4;background:#101b2e;border-color:#32445e;border-radius:6px;font-size:12px;padding:5px 8px; }
.action-buttons { flex-wrap:wrap; }
.core-panel .core-action-log { height:auto; }
.core-panel > * + * { margin-top:0; }
.core-learning-grid small { color:#a3b5d2; }
.eval-class { padding:12px;border-radius:8px;border-color:#324763; }
.eval-lab-progress-copy > strong { font-size:28px; }
@media(max-width:1180px) { .integrations-list,.devices-list,.development-list { grid-template-columns:1fr; } }
@media(max-width:760px), (max-width:960px) and (max-height:600px) and (pointer:coarse) {
  .status-pill { min-height:9px;min-width:9px;flex:0 0 9px;align-self:center;border-radius:50%; }
  .command-dock > button > b { font-size:11px; }
  .chat-head { display:block;padding:14px 16px 4px; }
  .chat-identity { max-width:none;display:flex;align-items:center;justify-content:space-between;gap:12px; }
  .chat-identity .panel-title { margin:0;font-size:15px;white-space:normal;min-width:0; }
  .chat-state { font-size:11px;margin:0;text-align:right;max-width:42%;overflow-wrap:anywhere; }
  .chat-head-actions { justify-content:flex-start;gap:16px;margin-top:3px; }
  .chat-tabs { min-height:56px;margin:0; }
  .chat-tab,.chat-tab-new { height:44px;min-height:44px; }
  .chat-tab-close { min-width:32px;min-height:40px; }
  .constellation-node { min-width:90px; }
  .constellation-node b { font-size:12px; }
  .constellation-node small { font-size:10px; }
  .constellation-legend { font-size:11px; }
  .overview-metrics > button { padding:14px; }
  .overview-metrics small { font-size:12px; }
  .overview-metrics > button { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:12px;min-height:64px; }
  .overview-metrics > button > span { font-size:13px; }
  .overview-metrics > button svg,.overview-metrics small { display:none; }
  .overview-metrics strong { font-size:24px; }
  .chat-scroll-controls button { width:44px;min-height:44px; }
  .composer,body[data-workspace="dialogue"] .composer { display:grid;grid-template-columns:44px 44px minmax(0,1fr) 44px;grid-template-rows:auto;gap:2px;padding:6px;align-items:end; }
  .round-button { min-width:44px;width:44px; }
  #chat-input { font-size:16px;text-align:left; }
  .send-button { width:44px; }
  .keyboard-open .chat-head { padding-top:4px; }
  .keyboard-open .actions-panel,.keyboard-open .command-launcher,.keyboard-open .browser-monitor { top:var(--visual-viewport-top,0px);bottom:auto;height:var(--visual-viewport-height,100dvh);padding-top:14px; }
  .accounts-toolbar-actions { width:100%; }
  .accounts-toolbar > span { max-width:none;width:100%; }
  .device-group-heading { flex-wrap:wrap;gap:8px; }
  .device-group-heading small { flex-basis:100%; }
  .execution-card > header,.execution-card > footer,.goal-card > header,.goal-card > footer { display:flex;flex-direction:column;align-items:flex-start;gap:12px; }
  .execution-card header button { align-self:flex-end; }
  .architecture-head { display:grid;grid-template-columns:minmax(0,1fr) auto; }
  .architecture-head-actions { flex-direction:column; }
  #fleet-workers { grid-template-columns:1fr; }
}

/* Attachments are actual stored results, never inferred from plain answer text. */
.artifact-list { display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;gap:12px;margin:10px 0 0; }
.artifact-card { padding:0;overflow:hidden;min-width:0;max-width:100%;border:1px solid #3e5573;border-radius:16px;background:#152237; }
.artifact-preview { display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;background:#09111e;min-height:100px;overflow:hidden; }
.artifact-preview img { display:block;width:100%;height:auto;max-height:360px;object-fit:contain; }
.artifact-preview-hint { position:absolute;right:10px;bottom:10px;padding:5px 9px;border:1px solid #d2e7ff33;border-radius:8px;background:#081321cf;color:#e4f2ff;font-size:12px; }
.preview-unavailable .artifact-preview-hint { position:static;display:block;margin:14px; }
.artifact-info { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px; }
.artifact-info > div { min-width:0; }
.artifact-info b { display:block;font-size:14px;overflow-wrap:anywhere;color:#e5efff; }
.artifact-info small { display:block;color:#9cb1cf;font-size:12px;margin-top:4px; }
.artifact-info a,.artifact-viewer footer a { display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:9px 12px;border:1px solid #55759d;border-radius:10px;text-decoration:none;background:#233956;color:#d8eeff;font-size:13px; }
.artifact-info a[aria-busy=true] { opacity:.65; }
.artifact-error { color:#ffadbc;font-size:13px;padding:0 14px 14px;margin:0; }
.artifact-report { display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #415f89;border-radius:12px;text-decoration:none;background:#182944; }
.artifact-report b { font-size:13px;color:#accfff; }
.artifact-viewer { position:fixed;inset:0;width:min(1080px,calc(100vw - 32px));max-width:100%;max-height:calc(100dvh - 32px);padding:0;border:1px solid #536f97;border-radius:18px;background:#0c1523;color:#e5efff;box-shadow:0 24px 100px #000a;overflow:auto; }
.artifact-viewer::backdrop { background:#020712db;backdrop-filter:blur(10px); }
.artifact-viewer header { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px; }
.artifact-viewer header b { overflow-wrap:anywhere;min-width:0;font-size:16px; }
.artifact-viewer header button { width:44px;flex-shrink:0;font-size:26px; }
.artifact-viewer > img { display:block;width:100%;max-height:calc(100dvh - 210px);object-fit:contain;background:#060b13; }
.artifact-viewer footer { position:static;inset:auto;transform:none;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:14px 18px;letter-spacing:normal;background:none;pointer-events:auto; }
.artifact-viewer .artifact-error { padding:0; }
@media(max-width:760px) {
  .artifact-info { flex-wrap:wrap;gap:8px;padding:12px; }
  .artifact-info a { margin-left:auto; }
  .artifact-viewer { width:calc(100vw - 20px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px); }
}