/* RedLexi 2026 workspace layer
   Intentionally overlays the legacy stylesheet so existing API and state logic stay intact. */
:root{
  --bg:#f7f7f5;--surface-0:#fff;--surface-1:#f1f1ee;--surface-2:#e8e8e3;--surface-3:#deded8;
  --border:#deded8;--border-hi:#c9c9c1;--text:#171716;--text-2:#6c6b66;--text-3:#a09f98;
  --accent:#d7443e;--accent-2:#b93431;--accent-3:#eb625b;--accent-light:#f8cbc8;--accent-dim:#fff3f1;
  --accent-glow:rgba(215,68,62,.17);--accent-glow2:rgba(215,68,62,.08);
  --sb-bg:#191918;--sb-surface:#232321;--sb-hover:#2c2c29;--sb-active:#353431;--sb-text:#c8c7c0;--sb-text-dim:#7d7c76;--sb-text-hi:#fff;
  --shadow-sm:0 1px 2px rgba(20,20,18,.05),0 1px 8px rgba(20,20,18,.035);
  --shadow-md:0 16px 48px rgba(25,25,22,.10),0 2px 10px rgba(25,25,22,.05);
  --shadow-lg:0 32px 90px rgba(20,20,18,.18),0 8px 24px rgba(20,20,18,.08);
  --sidebar-w:270px;--topbar-h:60px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;
}
html[data-theme="dark"]{
  --bg:#151514;--surface-0:#1d1d1b;--surface-1:#242422;--surface-2:#2c2c29;--surface-3:#373733;
  --border:#343430;--border-hi:#494943;--text:#f2f1ed;--text-2:#aaa9a3;--text-3:#76756f;
  --accent:#e45a52;--accent-2:#f16a63;--accent-3:#ff776e;--accent-light:#6a302d;--accent-dim:#2b1e1c;
  --sb-bg:#10100f;--sb-surface:#191918;--sb-hover:#242422;--sb-active:#2d2d2a;
  --shadow-sm:0 1px 2px rgba(0,0,0,.24);--shadow-md:0 18px 50px rgba(0,0,0,.3);--shadow-lg:0 36px 100px rgba(0,0,0,.48);
}
html,body{background:var(--bg);font-size:14px;letter-spacing:-.006em}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 3%,rgba(215,68,62,.055),transparent 30%),radial-gradient(circle at 15% 90%,rgba(109,93,252,.035),transparent 28%);z-index:0}
.shell{z-index:1}
button,input,textarea,select{letter-spacing:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(215,68,62,.36);outline-offset:2px}
.sidebar{border-right:1px solid rgba(255,255,255,.045);box-shadow:10px 0 34px rgba(0,0,0,.08)}
.sidebar-header{padding:17px 15px 9px}.brand{gap:10px}.brand-logo{width:31px;height:31px;filter:drop-shadow(0 5px 12px rgba(215,68,62,.24))}.brand-name{font-size:16px;font-weight:730}.brand-badge{font-size:9px;font-weight:750;line-height:1;padding:4px 5px;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#aaa8a2;letter-spacing:.08em;margin-left:-4px}
.sidebar-new-chat{padding:9px 11px 5px}.new-chat-btn{height:40px;padding:0 13px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));border-color:rgba(255,255,255,.09);font-weight:560}.new-chat-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.065));transform:translateY(-1px)}
.sidebar-nav{padding:7px 9px 3px;gap:2px}.nav-item{min-height:36px;border-radius:10px;padding:8px 11px;font-size:13px;font-weight:500;transition:.16s ease}.nav-item:hover{transform:translateX(1px)}.nav-item.active{background:linear-gradient(90deg,rgba(215,68,62,.20),rgba(215,68,62,.08));color:#fff;box-shadow:inset 0 0 0 1px rgba(235,98,91,.10)}.nav-item.active svg{color:#f17670}.nav-divider{opacity:.55}
.chat-history-label,.settings-nav-label,.panel-caption{font-size:10px;text-transform:uppercase;letter-spacing:.105em;font-weight:700}.chat-history-item{border-radius:9px}
.sidebar-profile{padding:8px 10px 12px;border-top:1px solid rgba(255,255,255,.055)}.profile-btn{border-radius:12px;padding:9px 10px}.profile-avatar{background:linear-gradient(145deg,#ef6b64,#a92824);box-shadow:0 5px 14px rgba(215,68,62,.25)}
.main-content{background:transparent}.view-panel{background:transparent}.chat-topbar{height:var(--topbar-h);padding:0 18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.model-current{height:36px;padding:0 12px;border-radius:11px;font-weight:650}.model-current:hover{background:var(--surface-1)}.model-dropdown{top:44px;width:365px;border-radius:16px;border-color:var(--border);box-shadow:var(--shadow-lg);padding:7px;background:color-mix(in srgb,var(--surface-0) 96%,transparent);backdrop-filter:blur(22px)}.model-opt{border-radius:10px;padding:10px}.model-opt:hover{background:var(--surface-1)}.model-group-label{padding:9px 9px 5px}.model-toggle-row{border-radius:10px}
.icon-btn{border-radius:10px;transition:.15s ease}.icon-btn:hover{background:var(--surface-1);transform:translateY(-1px)}.topbar-right{gap:3px}.theme-icon-moon{display:none}html[data-theme="dark"] .theme-icon-sun{display:none}html[data-theme="dark"] .theme-icon-moon{display:block}
.sys-drawer{background:color-mix(in srgb,var(--surface-0) 92%,transparent);backdrop-filter:blur(24px);border-bottom-color:var(--border)}.sys-drawer-inner{max-width:920px}.sys-textarea{border-radius:13px;border-color:var(--border);background:var(--surface-0)}
.messages{padding:30px max(22px,calc((100% - 820px)/2)) 190px;scroll-behavior:smooth}.welcome{max-width:900px;margin:auto;padding:6vh 0 20px;align-items:flex-start;text-align:left}.welcome-logo{width:46px;height:46px;margin-bottom:18px;filter:drop-shadow(0 10px 22px rgba(215,68,62,.24))}.welcome h2{font-size:34px;line-height:1.12;letter-spacing:-.045em;font-weight:680}.welcome>p{font-size:15px;margin-top:9px;color:var(--text-2)}.welcome-topline{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;font-weight:730;text-transform:uppercase;letter-spacing:.11em;margin-bottom:12px}.welcome-topline i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px var(--accent-glow2)}
.quick-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:100%;margin-top:32px}.quick-card{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:15px;border-radius:15px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-0) 86%,transparent);box-shadow:var(--shadow-sm);transition:.18s ease}.quick-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,25,22,.08)}.quick-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-1);font-size:16px;flex:0 0 auto}.quick-card strong{display:block;font-size:13.5px;margin-bottom:2px}.quick-card span:last-child{display:block;font-size:12px;line-height:1.45;color:var(--text-2)}.welcome-status-strip{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:11.5px;color:var(--text-3)}.welcome-status-strip b{font-weight:650;color:var(--text-2)}.welcome-status-strip i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.msg-row{max-width:820px;margin:0 auto 28px;gap:14px}.msg-avatar{width:30px;height:30px;border-radius:9px;font-size:10px;font-weight:750;box-shadow:var(--shadow-sm)}.msg-row.ai .msg-avatar{background:transparent;color:#fff;box-shadow:none}.msg-row.user .msg-avatar{background:var(--surface-2);color:var(--text)}.msg-bubble{max-width:calc(100% - 44px)}.msg-meta{margin-bottom:7px}.msg-role{font-weight:680}.msg-content{font-size:14.5px;line-height:1.72}.msg-row.user .msg-content{background:var(--surface-1);padding:12px 15px;border-radius:15px 15px 4px 15px;border:1px solid var(--border)}.msg-actions{opacity:0;transition:.15s}.msg-row:hover .msg-actions{opacity:1}.msg-content pre{border-radius:13px;border:1px solid #33332f;box-shadow:0 8px 24px rgba(0,0,0,.13)}
.input-area{bottom:0;padding:15px max(20px,calc((100% - 820px)/2)) 16px;background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--bg) 83%,transparent) 20%,var(--bg) 55%)}.input-row{min-height:58px;border:1px solid var(--border-hi);border-radius:20px;background:var(--surface-0);box-shadow:0 14px 46px rgba(29,29,26,.10),0 1px 3px rgba(29,29,26,.06);padding:9px 9px 9px 16px;align-items:flex-end;transition:.18s ease}.input-row:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 18px 54px rgba(29,29,26,.12),0 0 0 3px var(--accent-glow2)}.user-textarea{font-size:14.5px;line-height:1.55;max-height:180px;padding:8px 0}.send-btn{width:36px;height:36px;border-radius:11px;background:var(--text);color:var(--surface-0);box-shadow:none}.send-btn:hover{background:var(--accent);transform:translateY(-1px)}html[data-theme="dark"] .send-btn{background:#f4f3ef;color:#171716}.attach-btn{width:36px;height:36px}.input-footer{max-width:100%;padding:7px 5px 0}.input-hint{margin-left:auto}.attachment-tray{display:flex;gap:7px;overflow-x:auto;margin:0 4px 7px;padding:1px}.attachment-chip{display:flex;align-items:center;gap:7px;background:var(--surface-0);border:1px solid var(--border);border-radius:10px;padding:6px 8px;font-size:11.5px;box-shadow:var(--shadow-sm);max-width:220px}.attachment-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chip button{color:var(--text-3);font-size:14px}.attachment-chip button:hover{color:var(--accent)}
.agent-bar{border-radius:13px 13px 0 0;background:var(--accent-dim);border-color:var(--accent-light)}
.page-view{max-width:1180px;padding:48px 46px 80px}.page-header h1,.studio-header h1{font-size:31px;line-height:1.18;letter-spacing:-.04em;font-weight:690}.page-header p,.studio-header p{font-size:14px;color:var(--text-2);margin-top:7px}.primary-btn,.ghost-btn{border-radius:10px;font-weight:600;min-height:36px;transition:.16s ease}.primary-btn{background:var(--text);color:var(--surface-0);box-shadow:0 5px 14px rgba(20,20,18,.12)}.primary-btn:hover{background:var(--accent);transform:translateY(-1px)}html[data-theme="dark"] .primary-btn{background:#f0efeb;color:#171716}html[data-theme="dark"] .primary-btn:hover{background:var(--accent);color:#fff}.ghost-btn{background:var(--surface-0);border-color:var(--border);box-shadow:var(--shadow-sm)}.ghost-btn:hover{background:var(--surface-1);border-color:var(--border-hi);transform:translateY(-1px)}.ghost-btn:disabled{opacity:.55;cursor:default;transform:none}
.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px}.project-card{border-radius:16px;background:var(--surface-0);box-shadow:var(--shadow-sm);min-height:190px;padding:19px;transition:.18s ease}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.project-card.add-card{border-style:dashed;background:transparent;box-shadow:none}.project-card.add-card:hover{background:var(--surface-0)}
.artifacts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px}.artifact-card{border-radius:16px;background:var(--surface-0);box-shadow:var(--shadow-sm);overflow:hidden;transition:.18s ease}.artifact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.artifact-preview{height:120px;background:linear-gradient(145deg,var(--surface-1),var(--surface-2));font-size:38px}.artifact-body{padding:15px}
.customize-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customize-card{border-radius:17px;background:var(--surface-0);box-shadow:var(--shadow-sm);padding:22px}.customize-card:first-child{grid-column:1/-1}.customize-textarea,.settings-input,.settings-select,.key-input-sm,.modal-input{border-radius:10px;background:var(--surface-0);border-color:var(--border)}
.settings-layout{background:transparent}.settings-sidebar{width:245px;background:var(--surface-1);border-right-color:var(--border)}.settings-content{padding:52px 56px 90px;max-width:none}.settings-page{max-width:960px}.settings-page>h2{font-size:29px;letter-spacing:-.04em;margin-bottom:24px}.settings-nav-item{border-radius:9px}.settings-nav-item.active{background:var(--surface-0);box-shadow:var(--shadow-sm);color:var(--text)}.settings-section{border:1px solid var(--border);border-radius:16px;background:var(--surface-0);box-shadow:var(--shadow-sm);padding:20px}.settings-toggle-row{padding:16px 0}.settings-toggle-row:first-child{padding-top:0}.settings-toggle-row:last-child{padding-bottom:0}.settings-field{max-width:560px}.usage-stat{border-radius:14px;background:var(--surface-1)}
.modal-overlay,.search-overlay{background:rgba(18,18,16,.42);backdrop-filter:blur(8px)}.modal{border-radius:18px;border-color:var(--border);background:var(--surface-0);box-shadow:var(--shadow-lg)}.modal-header{padding:17px 19px}.modal-body{padding:20px}.modal-footer{padding:14px 19px}.search-box{border-radius:18px;background:var(--surface-0);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden}.search-input-row{padding:15px 17px}.search-result-item{border-radius:10px}.profile-dropdown{border-radius:14px;box-shadow:var(--shadow-lg)}
.toast{border-radius:12px;box-shadow:var(--shadow-md)}
/* Shared studio */
.studio-shell{height:100%;overflow:auto;padding:38px 38px 70px;max-width:1600px;margin:0 auto}.studio-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.studio-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:760;color:var(--accent);margin-bottom:8px}.studio-select,.studio-input,.studio-textarea{min-height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface-0);padding:8px 11px;font-size:12.5px;box-shadow:var(--shadow-sm)}.studio-input{width:100%}.studio-textarea{width:100%;min-height:110px;resize:vertical;line-height:1.5}.studio-textarea.compact{min-height:92px}.studio-select:hover,.studio-input:focus,.studio-textarea:focus{border-color:var(--border-hi)}.panel-caption{color:var(--text-3);margin:4px 2px 10px}.panel-toolbar{height:46px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface-1)}.toolbar-spacer{flex:1}.toolbar-button{height:29px;padding:0 9px;border-radius:7px;font-size:11.5px;color:var(--text-2)}.toolbar-button:hover{background:var(--surface-2);color:var(--text)}.toolbar-button.icon-only{font-size:16px}.run-button{height:30px;padding:0 11px;border-radius:8px;background:var(--text);color:var(--surface-0);font-size:11.5px;font-weight:650;display:flex;align-items:center;gap:7px}.run-button span{width:6px;height:6px;border-radius:50%;background:#64db8f;box-shadow:0 0 0 3px rgba(100,219,143,.13)}
/* Code */
.code-studio{height:calc(100vh - 170px);min-height:560px;display:grid;grid-template-columns:190px minmax(360px,.9fr) minmax(420px,1.1fr);border:1px solid var(--border);border-radius:17px;overflow:hidden;background:var(--surface-0);box-shadow:var(--shadow-md)}.code-files-panel{padding:13px 10px;background:var(--surface-1);border-right:1px solid var(--border)}.code-file{width:100%;height:36px;display:flex;align-items:center;gap:8px;border-radius:8px;padding:0 9px;font-size:12px;text-align:left;color:var(--text-2)}.code-file.active,.code-file:hover{background:var(--surface-0);color:var(--text);box-shadow:var(--shadow-sm)}.file-dot{width:8px;height:8px;border-radius:3px;display:inline-block;flex:0 0 auto}.file-dot.html{background:#e66f43}.file-dot.css{background:#498cd4}.file-dot.js{background:#e2bf35}.local-badge{font-size:9px;color:var(--text-3);margin-left:auto}.code-file-info{margin-top:20px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-0)}.code-file-info strong,.code-file-info span{display:block}.code-file-info strong{font-size:11.5px}.code-file-info span{font-size:10.5px;color:var(--text-3);line-height:1.45;margin-top:4px}.code-editor-panel{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border);background:#181817;color:#eeede8}.editor-tab{height:100%;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:2px solid var(--accent);font-size:11.5px;color:#dddcd6}.code-editor-panel .panel-toolbar{background:#20201e;border-color:#30302d}.editor-wrap{display:grid;grid-template-columns:48px 1fr;flex:1;min-height:0;background:#181817}.line-numbers{padding:14px 10px;text-align:right;white-space:pre;overflow:hidden;color:#666660;font:12px/1.65 var(--mono);user-select:none;border-right:1px solid #282825}.code-editor{width:100%;height:100%;padding:14px 16px;background:transparent;color:#e9e7df;font:12.5px/1.65 var(--mono);resize:none;white-space:pre;overflow:auto;tab-size:2}.editor-statusbar{height:28px;display:flex;align-items:center;gap:14px;padding:0 11px;background:#232321;border-top:1px solid #30302d;color:#8d8c85;font-size:10px}.editor-statusbar .status-right{margin-left:auto}.preview-panel{display:flex;flex-direction:column;min-width:0;background:#fff}.preview-toolbar{background:var(--surface-1)}.preview-dots{display:flex;gap:5px}.preview-dots span{width:7px;height:7px;border-radius:50%;background:var(--border-hi)}.preview-address{margin:0 10px;flex:1;height:27px;display:flex;align-items:center;padding:0 10px;border-radius:7px;background:var(--surface-0);border:1px solid var(--border);font-size:10.5px;color:var(--text-3)}.code-preview{width:100%;height:100%;border:0;background:#fff}
/* Cowork */
.cowork-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-card{border:1px solid var(--border);border-radius:15px;background:var(--surface-0);box-shadow:var(--shadow-sm);padding:16px}.metric-card .metric-label,.metric-card strong,.metric-card small{display:block}.metric-card .metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-3)}.metric-card strong{font-size:24px;letter-spacing:-.04em;margin:5px 0 1px}.metric-card small{font-size:10.5px;color:var(--text-3)}.metric-card.accent{background:linear-gradient(145deg,#302321,#201d1c);border-color:#4b302e;color:#fff}.metric-card.accent .metric-label,.metric-card.accent small{color:#bdb3af}.cowork-layout{display:grid;grid-template-columns:360px 1fr;gap:14px;min-height:520px}.task-composer-card{border:1px solid var(--border);border-radius:17px;background:var(--surface-0);box-shadow:var(--shadow-sm);padding:20px;align-self:start;position:sticky;top:0}.task-composer-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.task-composer-head h3{font-size:15px}.task-composer-head p{font-size:11.5px;color:var(--text-2);line-height:1.45;margin-top:2px}.composer-orb{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--accent),#7e2623);display:grid;place-items:center;box-shadow:0 10px 20px var(--accent-glow)}.composer-orb span{width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:7px 0 0 -3px #fff,-7px 0 0 -3px #fff}.task-composer-card .studio-input{margin-bottom:9px}.task-composer-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.task-composer-controls .primary-btn{grid-column:1/-1}.integration-note{display:flex;gap:8px;margin-top:14px;padding:10px;border-radius:10px;background:var(--surface-1);font-size:10.5px;color:var(--text-2);line-height:1.45}.integration-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(39,174,96,.10);flex:0 0 auto}.integration-note code{font-family:var(--mono);font-size:10px}.task-board{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:10px;align-items:start}.task-column{border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-1) 76%,transparent);min-height:450px;padding:10px}.task-column-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 8px;font-size:11.5px;font-weight:700}.task-column-head b{min-width:23px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--surface-0);border:1px solid var(--border);font-size:10px}.task-list{display:flex;flex-direction:column;gap:8px}.task-card{border:1px solid var(--border);border-radius:12px;background:var(--surface-0);box-shadow:var(--shadow-sm);padding:13px;cursor:grab;transition:.16s ease}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:750}.task-priority{width:7px;height:7px;border-radius:50%;background:var(--text-3)}.task-priority.high{background:var(--accent)}.task-priority.low{background:var(--green)}.task-card h4{font-size:12.5px;line-height:1.38;margin:8px 0 5px}.task-card p{font-size:10.5px;line-height:1.45;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-progress{height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden;margin:12px 0 6px}.task-progress i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s}.task-card-foot{display:flex;justify-content:space-between;align-items:center;color:var(--text-3);font-size:9.5px}.task-card-actions{display:flex;gap:4px;margin-top:10px}.task-mini-btn{height:26px;padding:0 8px;border-radius:7px;background:var(--surface-1);font-size:10px;color:var(--text-2)}.task-mini-btn:hover{background:var(--surface-2);color:var(--text)}.task-empty{padding:24px 10px;text-align:center;color:var(--text-3);font-size:10.5px;border:1px dashed var(--border);border-radius:11px}
/* Design */
.design-workspace{display:grid;grid-template-columns:285px 1fr;border:1px solid var(--border);border-radius:17px;overflow:hidden;background:var(--surface-0);box-shadow:var(--shadow-md);min-height:650px}.design-controls{padding:18px;background:var(--surface-1);border-right:1px solid var(--border);overflow:auto}.control-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.control-section:last-child{border-bottom:0}.control-label{display:block;font-size:10.5px;font-weight:700;color:var(--text-2);margin:11px 0 6px}.design-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.design-template{border:1px solid var(--border);border-radius:11px;background:var(--surface-0);padding:7px;text-align:left;color:var(--text-2)}.design-template:hover,.design-template.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 2px var(--accent-glow2)}.design-template b{font-size:10px;display:block;margin:5px 2px 1px}.template-thumb{display:block;height:55px;border-radius:7px;background:#222;position:relative;overflow:hidden}.template-thumb::before,.template-thumb::after{content:"";position:absolute}.template-thumb.launch{background:linear-gradient(140deg,#241b1a,#6b2825)}.template-thumb.launch::before{width:40px;height:4px;background:#fff;left:8px;top:15px;box-shadow:0 9px 0 -1px rgba(255,255,255,.45)}.template-thumb.launch::after{width:28px;height:13px;border-radius:5px;background:#e55b54;left:8px;bottom:8px}.template-thumb.editorial{background:#eee9df}.template-thumb.editorial::before{width:34px;height:19px;background:#222;left:8px;top:8px}.template-thumb.editorial::after{width:30px;height:3px;background:#a4a096;left:8px;bottom:10px;box-shadow:0 -7px 0 #cac6bc}.template-thumb.product{background:linear-gradient(150deg,#e8edf4,#b5c8e0)}.template-thumb.product::before{width:35px;height:35px;border-radius:9px;background:#fff;right:8px;bottom:7px;box-shadow:0 4px 10px rgba(0,0,0,.12)}.template-thumb.product::after{width:25px;height:4px;background:#344d6f;left:8px;top:12px;box-shadow:0 8px 0 -1px #6f829d}.template-thumb.deck{background:linear-gradient(135deg,#171717 50%,#d84f48 51%)}.template-thumb.deck::before{width:26px;height:4px;background:#fff;left:9px;bottom:12px;box-shadow:0 -8px 0 -1px rgba(255,255,255,.5)}.design-colors{display:flex;gap:9px}.design-color{width:27px;height:27px;border-radius:9px;background:var(--swatch);border:3px solid var(--surface-0);box-shadow:0 0 0 1px var(--border)}.design-color.active{box-shadow:0 0 0 2px var(--text)}.design-stage{display:flex;flex-direction:column;min-width:0;background:#d9d9d4}.design-stage-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--surface-0);border-bottom:1px solid var(--border);font-size:10.5px;color:var(--text-3)}.zoom-chip{height:25px;padding:0 8px;border-radius:7px;font-size:10px}.zoom-chip.active,.zoom-chip:hover{background:var(--surface-1);color:var(--text)}.design-canvas-wrap{display:grid;place-items:center;flex:1;padding:34px;overflow:auto;background-image:linear-gradient(45deg,rgba(255,255,255,.22) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.22) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.22) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.22) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.design-canvas{--design-accent:#d7443e;width:min(920px,100%);aspect-ratio:16/10;border-radius:4px;background:#1c1817;color:#fff;box-shadow:0 25px 65px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;position:relative}.canvas-nav{height:64px;display:flex;align-items:center;padding:0 34px;gap:30px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px}.canvas-brand{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.canvas-brand-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--design-accent)}.canvas-nav-links{display:flex;gap:20px;color:rgba(255,255,255,.55);margin-left:auto}.canvas-nav button{height:29px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.16);color:#fff}.canvas-content{flex:1;padding:52px 48px 24px;position:relative}.canvas-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:color-mix(in srgb,var(--design-accent) 70%,white);margin-bottom:16px;font-weight:700}.canvas-content h2{font-size:clamp(30px,4vw,54px);max-width:630px;line-height:1.02;letter-spacing:-.055em;font-weight:650;position:relative;z-index:2}.canvas-content>p{max-width:510px;color:rgba(255,255,255,.63);font-size:13px;line-height:1.6;margin-top:17px;position:relative;z-index:2}.canvas-actions{display:flex;align-items:center;gap:18px;margin-top:25px;position:relative;z-index:2;font-size:10px;color:rgba(255,255,255,.65)}.canvas-actions button{height:37px;padding:0 15px;border-radius:10px;background:var(--design-accent);color:#fff;font-size:10.5px;font-weight:650}.canvas-visual{position:absolute;width:330px;height:260px;right:10px;bottom:0}.visual-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:var(--design-accent);filter:blur(70px);opacity:.28;right:0;bottom:-100px}.visual-chat{position:absolute;width:170px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.075);backdrop-filter:blur(15px);box-shadow:0 15px 35px rgba(0,0,0,.18)}.visual-chat i{display:block;width:23px;height:23px;border-radius:8px;background:var(--design-accent);margin-bottom:10px}.visual-chat span{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.22);margin-top:6px}.visual-chat span:nth-of-type(2){width:68%}.visual-chat.one{right:35px;top:30px;transform:rotate(3deg)}.visual-chat.two{left:5px;bottom:20px;transform:rotate(-4deg)}.visual-orbit{position:absolute;right:175px;top:74px;width:80px;height:80px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center}.visual-orbit::before,.visual-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.visual-orbit::before{inset:-15px}.visual-orbit::after{inset:-30px}.visual-orbit b{width:42px;height:42px;border-radius:14px;background:var(--design-accent);display:grid;place-items:center}.canvas-footer{height:54px;padding:0 35px;display:flex;align-items:center;gap:28px;border-top:1px solid rgba(255,255,255,.08);font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.45)}.design-canvas.template-editorial{background:#f1ede4;color:#171716}.template-editorial .canvas-nav{border-color:rgba(0,0,0,.09)}.template-editorial .canvas-nav-links,.template-editorial .canvas-content>p,.template-editorial .canvas-actions,.template-editorial .canvas-footer{color:rgba(0,0,0,.55)}.template-editorial .canvas-nav button{color:#171716;border-color:rgba(0,0,0,.15)}.template-editorial .canvas-footer{border-color:rgba(0,0,0,.1)}.design-canvas.template-product{background:linear-gradient(135deg,#eff3f7,#cad8e9);color:#172334}.template-product .canvas-nav{border-color:rgba(20,40,70,.1)}.template-product .canvas-nav-links,.template-product .canvas-content>p,.template-product .canvas-actions,.template-product .canvas-footer{color:rgba(23,35,52,.58)}.template-product .canvas-nav button{color:#172334;border-color:rgba(20,40,70,.15)}.template-product .canvas-footer{border-color:rgba(20,40,70,.1)}.design-canvas.template-deck{background:linear-gradient(130deg,#151515 0 62%,var(--design-accent) 62%)}.template-deck .canvas-visual{display:none}.template-deck .canvas-content h2{max-width:520px}.template-deck .canvas-kicker{color:#fff}
/* Billing */
.billing-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.billing-heading-row h2{font-size:29px;letter-spacing:-.04em}.billing-cycle{padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-1);display:flex}.billing-cycle button{height:30px;padding:0 10px;border-radius:7px;font-size:10.5px;color:var(--text-2)}.billing-cycle button.active{background:var(--surface-0);color:var(--text);box-shadow:var(--shadow-sm)}.billing-cycle button span{color:var(--green);font-size:9px;margin-left:4px}.billing-current-card{display:grid;grid-template-columns:1.1fr .9fr auto;align-items:center;gap:24px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#211b1a,#312321);color:#fff;box-shadow:var(--shadow-md);margin-bottom:14px}.current-plan-label{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#bdb2ae;font-weight:700}.billing-current-card h3{font-size:20px;margin-top:3px}.billing-current-card p{font-size:11.5px;color:#bdb2ae;margin-top:2px}.current-plan-usage span{font-size:10.5px;color:#d8d0cc}.billing-progress{height:5px;background:rgba(255,255,255,.11);border-radius:5px;overflow:hidden;margin:8px 0 5px}.billing-progress i{height:100%;display:block;background:var(--accent);border-radius:5px}.current-plan-usage small{font-size:9px;color:#8f8581}.billing-current-card .ghost-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.plan-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.pricing-card{position:relative;border:1px solid var(--border);border-radius:16px;background:var(--surface-0);box-shadow:var(--shadow-sm);padding:19px;overflow:hidden}.pricing-card.featured{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 15px 40px var(--accent-glow2)}.pricing-ribbon{position:absolute;right:-36px;top:18px;transform:rotate(38deg);width:145px;text-align:center;background:var(--accent);color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:4px}.pricing-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pricing-name{font-size:15px;font-weight:700}.pricing-pill{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;padding:4px 6px;border-radius:6px;background:var(--surface-1);color:var(--text-3);font-weight:700}.pricing-pill.accent{background:var(--accent-dim);color:var(--accent)}.pricing-price{display:flex;align-items:baseline;gap:5px;margin:17px 0 6px}.pricing-price strong{font-size:31px;letter-spacing:-.05em}.pricing-price span{font-size:10px;color:var(--text-3)}.pricing-card>p{font-size:11.5px;color:var(--text-2);min-height:38px;line-height:1.45}.pricing-action{width:100%;margin:14px 0 13px}.pricing-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}.pricing-card li{font-size:10.5px;color:var(--text-2);padding-left:17px;position:relative}.pricing-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.billing-two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.billing-panel{margin:0}.billing-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.billing-panel h3{font-size:14px}.billing-panel .text-muted{font-size:10.5px;margin-top:2px}.payment-empty{display:flex;align-items:center;gap:14px;margin-top:18px;padding:13px;border:1px dashed var(--border);border-radius:12px}.card-illustration{width:68px;height:42px;border-radius:8px;background:linear-gradient(135deg,#2d2927,#51403c);position:relative;color:#fff;flex:0 0 auto;box-shadow:0 8px 18px rgba(0,0,0,.15)}.card-illustration i:first-child{position:absolute;left:8px;top:9px;width:13px;height:9px;border-radius:3px;background:#d9b366}.card-illustration i:nth-child(2){position:absolute;right:8px;top:9px;width:10px;height:10px;border:1px solid rgba(255,255,255,.4);border-radius:50%}.card-illustration b{position:absolute;left:8px;bottom:6px;font-size:11px;letter-spacing:.12em}.payment-empty strong{font-size:11.5px}.payment-empty p{font-size:10px;color:var(--text-3);margin-top:2px;line-height:1.4}.billing-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.billing-details-grid span small,.billing-details-grid span b{display:block}.billing-details-grid small{font-size:9.5px;color:var(--text-3)}.billing-details-grid b{font-size:11px;margin-top:2px}.invoices-panel{margin-bottom:14px}.invoice-table{margin-top:16px;border:1px solid var(--border);border-radius:11px;overflow:hidden}.invoice-row{display:grid;grid-template-columns:110px 1fr 90px 90px 30px;padding:9px 11px;font-size:9.5px;color:var(--text-3);background:var(--surface-1)}.invoice-empty{text-align:center;padding:27px 10px}.invoice-empty span,.invoice-empty small{display:block}.invoice-empty span{font-size:11.5px;font-weight:650}.invoice-empty small{font-size:9.5px;color:var(--text-3);margin-top:2px}.billing-dev-note{padding:14px;border:1px dashed var(--border-hi);border-radius:12px;background:var(--surface-1)}.billing-dev-note>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:var(--accent);margin-bottom:7px}.billing-dev-note code{font:9.5px/1.4 var(--mono);word-break:break-all}.billing-dev-note p{font-size:10px;color:var(--text-3);margin-top:7px}.payment-modal-card{width:min(540px,calc(100vw - 28px))}.modal-kicker{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:750}.payment-provider-row{display:flex;gap:6px;margin-bottom:17px}.provider-option{height:34px;padding:0 14px;border:1px solid var(--border);border-radius:9px;font-size:11px}.provider-option.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.secure-form-shell label{display:block;font-size:10px;font-weight:650;color:var(--text-2)}.fake-card-input{height:42px;margin-top:6px;padding:0 12px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-0);font-size:11px}.fake-card-input b{font-size:9px;color:var(--text-3);font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.form-grid .modal-input{width:100%;margin-top:6px}.checkout-integration-box{margin-top:17px;padding:13px;border-radius:11px;background:var(--surface-1);border:1px dashed var(--border)}.checkout-integration-box b{font-size:10.5px}.checkout-integration-box p{font-size:10px;color:var(--text-3);line-height:1.45;margin-top:3px}
/* Artifact modal */
.modal-overlay.wide .modal{width:min(1060px,calc(100vw - 32px));height:min(760px,calc(100vh - 42px))}.artifact-modal-card{display:flex;flex-direction:column}.artifact-modal-toolbar{height:45px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface-1);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.artifact-modal-content{flex:1;min-height:0}.artifact-modal-content iframe,.artifact-modal-content pre{width:100%;height:100%;border:0;margin:0}.artifact-modal-content iframe{background:#fff}.artifact-modal-content pre{padding:20px;background:#181817;color:#e8e6df;overflow:auto;font:12px/1.65 var(--mono)}
@media(max-width:1180px){.code-studio{grid-template-columns:155px minmax(320px,.9fr) minmax(330px,1.1fr)}.cowork-layout{grid-template-columns:320px 1fr}.plan-pricing-grid{grid-template-columns:1fr 1fr}.pricing-card:last-child{grid-column:1/-1}.design-workspace{grid-template-columns:245px 1fr}.canvas-nav-links{display:none}}
@media(max-width:900px){:root{--sidebar-w:260px}.sidebar{position:fixed;left:0;top:0;bottom:0;box-shadow:20px 0 60px rgba(0,0,0,.32)}.sidebar.collapsed{transform:translateX(-100%);width:var(--sidebar-w);min-width:var(--sidebar-w);opacity:1}.sidebar:not(.collapsed)::after{content:"";position:fixed;left:var(--sidebar-w);right:0;top:0;bottom:0;background:rgba(0,0,0,.28);z-index:-1}.messages{padding-left:18px;padding-right:18px}.input-area{padding-left:14px;padding-right:14px}.welcome h2{font-size:29px}.studio-shell{padding:26px 18px 60px}.studio-header{align-items:flex-start;flex-direction:column}.studio-header-actions{justify-content:flex-start}.code-studio{height:auto;min-height:850px;grid-template-columns:1fr;grid-template-rows:auto 440px 430px}.code-files-panel{display:flex;align-items:center;gap:5px;overflow:auto;border-right:0;border-bottom:1px solid var(--border)}.code-files-panel .panel-caption,.code-file-info{display:none}.code-file{width:auto;flex:0 0 auto}.code-editor-panel{border-right:0;border-bottom:1px solid var(--border)}.cowork-overview{grid-template-columns:1fr 1fr}.cowork-layout{grid-template-columns:1fr}.task-composer-card{position:static}.task-board{overflow-x:auto}.task-column{min-width:245px}.design-workspace{grid-template-columns:1fr}.design-controls{border-right:0;border-bottom:1px solid var(--border)}.design-template-grid{grid-template-columns:repeat(4,1fr)}.control-section{max-width:650px}.design-canvas-wrap{padding:20px}.plan-pricing-grid{grid-template-columns:1fr}.pricing-card:last-child{grid-column:auto}.billing-two-column{grid-template-columns:1fr}.billing-current-card{grid-template-columns:1fr}.settings-layout{display:block;overflow:auto}.settings-sidebar{width:100%;height:auto;position:static;border-right:0;border-bottom:1px solid var(--border)}.settings-nav{display:flex;overflow:auto;padding:8px}.settings-nav-group{display:flex;gap:4px}.settings-nav-label,.settings-keys-section{display:none}.settings-nav-item{flex:0 0 auto}.settings-content{padding:28px 18px 70px}.settings-back{display:none}}
@media(max-width:620px){.quick-start-grid{grid-template-columns:1fr}.welcome{padding-top:3vh}.welcome h2{font-size:26px}.input-hint{display:none}.topbar-center{position:static;transform:none}.model-dropdown{position:fixed;left:12px;right:12px;top:58px;width:auto}.page-view{padding:30px 18px 70px}.customize-cards{grid-template-columns:1fr}.customize-card:first-child{grid-column:auto}.cowork-overview{grid-template-columns:1fr 1fr}.metric-card{padding:13px}.task-board{grid-template-columns:repeat(3,235px)}.design-template-grid{grid-template-columns:repeat(2,1fr)}.canvas-content{padding:34px 25px 18px}.canvas-visual{opacity:.45;right:-80px}.canvas-nav{padding:0 20px}.canvas-content h2{font-size:31px;max-width:400px}.canvas-content>p{font-size:11px;max-width:350px}.canvas-footer{padding:0 20px;gap:12px;font-size:7px}.billing-heading-row{align-items:flex-start;flex-direction:column}.plan-pricing-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.modal-overlay.wide .modal{width:100vw;height:100vh;border-radius:0}.invoice-row.header{display:none}}

[hidden]{display:none!important}
.billing-current-card h3{color:#fff}
@media(max-width:900px){.sidebar-open-tab{display:none!important}}

/* ═══════════════════════════════════════════════════════════
   COLLAPSED NAVIGATION RAIL
   Keeps core ChatGPT-style actions available with the sidebar closed.
═══════════════════════════════════════════════════════════ */
:root{--sidebar-rail-w:72px}
.sidebar-tools{display:flex;flex-direction:column;gap:2px;padding:2px 9px 5px;flex-shrink:0}
.sidebar-tool{width:100%;min-height:36px;padding:8px 11px;border-radius:10px;display:flex;align-items:center;gap:9px;color:var(--sb-text);font-size:13px;font-weight:500;text-align:left;transition:background .15s,color .15s,transform .15s}
.sidebar-tool:hover{background:var(--sb-hover);color:var(--sb-text-hi);transform:translateX(1px)}
.sidebar-tool svg{flex:0 0 auto;opacity:.67}.sidebar-tool:hover svg{opacity:1}
.sidebar-tool kbd{margin-left:auto;padding:1px 5px;border:1px solid rgba(255,255,255,.09);border-radius:5px;color:var(--sb-text-dim);font:9px/1.6 var(--mono);background:rgba(255,255,255,.035)}
.sidebar-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sidebar-lightbar{margin:7px 10px 3px;padding:5px;display:grid;grid-template-columns:34px 34px 1fr;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.12);flex-shrink:0}
.lightbar-btn{width:34px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--sb-text);transition:.15s ease}
.lightbar-btn:hover{background:rgba(255,255,255,.09);color:var(--sb-text-hi)}
.lightbar-btn .sidebar-label{display:none}
.lightbar-status{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;color:var(--sb-text-dim);font-size:10px;font-weight:650;letter-spacing:.02em}
.lightbar-status i{width:6px;height:6px;border-radius:50%;background:#64d88c;box-shadow:0 0 0 4px rgba(100,216,140,.09)}
html[data-theme="dark"] .lightbar-sun,html:not([data-theme="dark"]) .lightbar-moon{display:none}

.rail-tooltip{position:relative}
.sidebar.collapsed .rail-tooltip::after{content:attr(data-tooltip);position:fixed;left:calc(var(--sidebar-rail-w) + 10px);z-index:180;padding:6px 9px;border-radius:8px;background:#171716;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 28px rgba(0,0,0,.25);font-size:11px;font-weight:580;line-height:1;white-space:nowrap;opacity:0;transform:translateX(-4px);pointer-events:none;transition:opacity .12s,transform .12s}
.sidebar.collapsed .rail-tooltip:hover::after,.sidebar.collapsed .rail-tooltip:focus-visible::after{opacity:1;transform:translateX(0)}

@media(min-width:901px){
  .sidebar{transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1),box-shadow .2s}
  .sidebar.collapsed{width:var(--sidebar-rail-w);min-width:var(--sidebar-rail-w);opacity:1;pointer-events:auto;overflow:visible}
  .sidebar.collapsed .sidebar-header{height:auto;padding:12px 8px 8px;justify-content:center;position:relative}
  .sidebar.collapsed .brand{justify-content:center;cursor:pointer}
  .sidebar.collapsed .brand-name,.sidebar.collapsed .brand-badge{display:none}
  .sidebar.collapsed .brand-logo{width:30px;height:30px}
  .sidebar.collapsed .sidebar-collapse-btn{position:absolute;top:8px;right:8px;transform:rotate(180deg);width:26px;height:26px;opacity:1;pointer-events:auto;background:rgba(255,255,255,.08);color:var(--sb-text);border:1px solid rgba(255,255,255,.10);transition:background .14s,border-color .14s,transform .14s;z-index:5}
  .sidebar.collapsed .sidebar-collapse-btn:hover{background:rgba(215,68,62,.28);border-color:rgba(235,98,91,.45);transform:rotate(180deg) scale(1.08)}
  .sidebar.collapsed .sidebar-new-chat{padding:6px 14px 4px}
  .sidebar.collapsed .new-chat-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:13px;background:linear-gradient(180deg,rgba(235,98,91,.24),rgba(215,68,62,.14));border-color:rgba(235,98,91,.24);color:#fff}
  .sidebar.collapsed .new-chat-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(235,98,91,.34),rgba(215,68,62,.22))}
  .sidebar.collapsed .sidebar-tools{padding:3px 14px 5px;gap:3px}
  .sidebar.collapsed .sidebar-tool{width:44px;height:42px;min-height:42px;padding:0;justify-content:center;border-radius:12px}
  .sidebar.collapsed .sidebar-tool kbd,.sidebar.collapsed .sidebar-label{display:none}
  .sidebar.collapsed .sidebar-nav{padding:5px 14px;gap:3px}
  .sidebar.collapsed .nav-item{width:44px;height:42px;min-height:42px;padding:0;justify-content:center;border-radius:12px;transform:none}
  .sidebar.collapsed .nav-item svg{width:18px;height:18px}
  .sidebar.collapsed .nav-item.active{background:rgba(215,68,62,.18);box-shadow:inset 0 0 0 1px rgba(235,98,91,.14)}
  .sidebar.collapsed .nav-item.active::before{left:-5px;top:11px;bottom:11px;width:3px;border-radius:4px}
  .sidebar.collapsed .nav-divider{width:30px;margin:5px auto}
  .sidebar.collapsed .chat-history{display:none!important}
  .sidebar.collapsed .sidebar-lightbar{margin:auto 14px 4px;padding:5px;width:44px;display:flex;flex-direction:column;gap:3px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}
  .sidebar.collapsed .lightbar-btn{width:32px;height:32px}
  .sidebar.collapsed .lightbar-status{width:32px;height:24px}
  .sidebar.collapsed .lightbar-status .sidebar-label{display:none}
  .sidebar.collapsed .sidebar-profile{padding:4px 14px 12px;border-top:0}
  .sidebar.collapsed .profile-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
  .sidebar.collapsed .profile-btn:hover{background:rgba(255,255,255,.085)}
  .sidebar.collapsed .profile-avatar{width:30px;height:30px}
  .sidebar.collapsed .profile-name,.sidebar.collapsed .profile-chevron{display:none}
  .sidebar.collapsed .profile-dropdown{left:calc(100% + 10px);right:auto;bottom:4px;width:225px}
  .sidebar.collapsed ~ .sidebar-open-tab{display:none!important}
  .sidebar.collapsed ~ .main-content .sidebar-open-btn{display:none}
}

.rail-recents-popover{position:fixed;left:calc(var(--sidebar-rail-w) + 10px);top:122px;width:310px;max-height:min(520px,calc(100vh - 150px));z-index:160;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--surface-0) 94%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 26px 80px rgba(17,17,15,.24),0 4px 16px rgba(17,17,15,.1);overflow:hidden;animation:railPopoverIn .16s ease-out}
@keyframes railPopoverIn{from{opacity:0;transform:translateX(-8px) scale(.985)}to{opacity:1;transform:none}}
.rail-recents-head{padding:15px 15px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.rail-recents-head div span,.rail-recents-head div strong{display:block}.rail-recents-head div span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:750;color:var(--accent)}.rail-recents-head div strong{font-size:14px;margin-top:2px}.rail-recents-head button{width:28px;height:28px;border-radius:8px;color:var(--text-3);font-size:19px}.rail-recents-head button:hover{background:var(--surface-1);color:var(--text)}
.rail-recents-list{padding:7px;overflow:auto;min-height:72px}
.rail-recent-item{width:100%;padding:10px 10px;border-radius:10px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text-2);transition:.13s ease}
.rail-recent-item:hover,.rail-recent-item.active{background:var(--surface-1);color:var(--text)}
.rail-recent-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:var(--surface-2);color:var(--text-2)}
.rail-recent-item.active .rail-recent-icon{background:var(--accent-dim);color:var(--accent)}
.rail-recent-copy{min-width:0;flex:1}.rail-recent-copy strong,.rail-recent-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-recent-copy strong{font-size:11.5px;font-weight:620}.rail-recent-copy small{font-size:9.5px;color:var(--text-3);margin-top:1px}
.rail-recents-empty{padding:28px 16px;text-align:center;color:var(--text-3);font-size:11px;line-height:1.55}
.rail-recents-footer{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);background:var(--surface-1);font-size:10.5px;font-weight:600;color:var(--text-2)}
.rail-recents-footer:hover{color:var(--text);background:var(--surface-2)}

@media(max-width:900px){
  .sidebar-lightbar{margin-top:auto}
  .rail-recents-popover{display:none!important}
  .sidebar.collapsed{transform:translateX(-100%);width:var(--sidebar-w);min-width:var(--sidebar-w);opacity:1;pointer-events:none;overflow:hidden}
  .sidebar.collapsed ~ .main-content .sidebar-open-btn{display:flex}
}

/* ─── Auth-era additions ──────────────────────────────────
   Server holds the CentroSky key; hide the client-side vault UI. */
.settings-keys-section{display:none!important}

/* ─── Markdown output polish (v3 — marked + hljs) ────────
   The atom-one-dark theme sets its own background/colors; make sure
   our pre wrapper doesn't fight it, and improve spacing for prose. */
.msg-content pre code.hljs{background:transparent!important;padding:14px 16px;font-size:13px;line-height:1.55}
.msg-content pre{background:#282c34;padding:0;margin:14px 0}
.msg-content .code-block-wrap{margin:14px 0}
.msg-content p{margin:0 0 12px}
.msg-content p:last-child{margin-bottom:0}
.msg-content ul,.msg-content ol{margin:8px 0 12px;padding-left:26px}
.msg-content li{margin:4px 0}
.msg-content li>p{margin:0}
.msg-content h1,.msg-content h2,.msg-content h3{margin:18px 0 8px;font-weight:660;line-height:1.3}
.msg-content h1{font-size:1.4em}
.msg-content h2{font-size:1.22em}
.msg-content h3{font-size:1.08em}
.msg-content blockquote{margin:10px 0;padding:6px 14px;border-left:3px solid var(--accent-3);background:rgba(215,68,62,.06);border-radius:0 8px 8px 0;color:var(--text-2)}
.msg-content hr{margin:16px 0;border:0;border-top:1px solid var(--border)}
.msg-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
.msg-content th,.msg-content td{padding:8px 12px;border:1px solid var(--border);text-align:left}
.msg-content th{background:var(--surface-1);font-weight:640}
.msg-content a{color:var(--accent-3);text-underline-offset:2px}
.msg-content a:hover{text-decoration:underline}

/* ─── Composer additions (v4): web toggle + stop button ─── */
.web-search-btn{transition:background .14s,color .14s,border-color .14s}
.web-search-btn[aria-pressed="true"]{background:rgba(215,68,62,.14);color:var(--accent-3);border-color:rgba(215,68,62,.35)}
.web-search-btn[aria-pressed="true"]:hover{background:rgba(215,68,62,.22)}
.stop-btn{background:linear-gradient(180deg,#4a4644,#2c2926)!important;color:#f4f3f0!important;border:1px solid rgba(255,255,255,.12)!important}
.stop-btn:hover{background:linear-gradient(180deg,#5c5754,#3a3634)!important}
.web-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:640;
           border-radius:8px;background:rgba(215,68,62,.12);color:var(--accent-3);
           border:1px solid rgba(215,68,62,.22);margin-bottom:8px;letter-spacing:.02em}
.web-sources{margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;
             background:var(--surface-0);font-size:12.5px}
.web-sources-head{font-weight:640;font-size:11px;letter-spacing:.06em;color:var(--text-2);
                  text-transform:uppercase;margin-bottom:6px}
.web-sources ol{margin:0;padding-left:20px}
.web-sources li{margin:3px 0}
.web-sources a{color:var(--accent-3)}
.mic-btn{transition:background .14s,color .14s,border-color .14s}
.mic-btn[aria-pressed="true"]{background:rgba(215,68,62,.14);color:var(--accent-3);border-color:rgba(215,68,62,.35);animation:mic-pulse 1.6s ease-in-out infinite}
@keyframes mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(215,68,62,.4)}50%{box-shadow:0 0 0 6px rgba(215,68,62,0)}}

/* ═══════════════════════════════════════════════════════════
   RESPONSE RELIABILITY / RECOVERY UI
═══════════════════════════════════════════════════════════ */
.thinking-status {
  margin-top: 10px;
  color: var(--text-2);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .01em;
}
#thinking-row[data-state="retrying"] .thinking-status,
#thinking-row[data-state="reconnecting"] .thinking-status {
  color: var(--accent);
}

.response-issue-card {
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border));
  background: color-mix(in srgb, var(--surface-0) 94%, var(--accent) 6%);
  box-shadow: 0 14px 40px rgba(19, 23, 32, .06);
}
.response-state-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--accent);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.response-issue-content {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 12px;
  align-items: start;
  padding: 8px 0 3px;
}
.response-issue-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  color: var(--accent);
  font-weight: 850;
}
.response-issue-content strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-size: 14px;
}
.response-issue-content p {
  margin: 0;
  color: var(--text-2);
  font-size: 13px;
  line-height: 1.55;
}
.response-issue-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding-top: 12px;
}
.response-error-code {
  margin-left: auto;
  color: var(--text-3);
  font: 10px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.response-warning {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, #c88b25 28%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, #c88b25 7%, var(--surface-0));
}
.response-warning div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.response-warning strong {
  color: var(--text);
  font-size: 11px;
  letter-spacing: .02em;
}
.response-warning span {
  color: var(--text-2);
  font-size: 11px;
  line-height: 1.45;
}
.response-warning .warning-retry-btn {
  flex: 0 0 auto;
}
@media (max-width: 640px) {
  .response-issue-actions,
  .response-warning { align-items: stretch; }
  .response-warning { flex-direction: column; }
  .response-error-code { width: 100%; margin-left: 0; }
}

/* RedLexi v6.4 — attachments, calm thinking, health dashboard */
.attachment-tray{display:flex;flex-wrap:wrap;gap:8px;padding:0 8px 8px}.attachment-chip{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:9px;min-width:220px;max-width:330px;padding:8px 8px 8px 9px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface-1) 88%,transparent);box-shadow:0 8px 24px rgba(20,18,16,.04)}.attachment-file-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));color:var(--accent);font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.attachment-file-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.attachment-file-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11.5px}.attachment-file-copy small{color:var(--text-3);font-size:9.5px}.attachment-chip>button{border:0;background:transparent;color:var(--text-3);font-size:18px;cursor:pointer}.attachment-failed{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));opacity:.82}.attachment-spinner{width:15px;height:15px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:rlspin .8s linear infinite}@keyframes rlspin{to{transform:rotate(360deg)}}
.message-attachments{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px}.message-attachments span{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:7px;align-items:center;min-width:160px;max-width:260px;padding:7px 9px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.message-attachments i{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-style:normal}.message-attachments b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.message-attachments small{color:var(--text-3);font-size:9px}
#thinking-row .msg-bubble{position:relative;overflow:hidden}#thinking-row .msg-bubble:after{content:"";position:absolute;inset:0 auto 0 -45%;width:35%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 5%,transparent),transparent);animation:thinkingSweep 2.1s ease-in-out infinite;pointer-events:none}@keyframes thinkingSweep{to{left:115%}}.thinking-status{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--text-3);font-size:10.5px}.thinking-status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);animation:thinkingPulse 1.5s ease-in-out infinite}@keyframes thinkingPulse{50%{opacity:.45;transform:scale(.8)}}
.response-issue-row.calm .response-issue-card{border-color:var(--border);background:color-mix(in srgb,var(--surface-1) 94%,transparent)}.response-issue-row.calm .response-issue-icon{background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));font-size:14px}.response-continue-card{border-color:color-mix(in srgb,var(--accent) 14%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--surface-0))}.response-continue-card .warning-continue-btn{white-space:nowrap;color:var(--accent)}.partial-response .msg-bubble{border-bottom-color:color-mix(in srgb,var(--accent) 20%,var(--border))}
.health-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.health-heading h2{margin:4px 0}.health-actions{display:flex;align-items:center;gap:8px}.settings-select.compact{width:auto;min-width:120px}.health-status-banner{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-1) 96%,transparent),color-mix(in srgb,var(--accent) 3%,var(--surface-1)));box-shadow:0 12px 38px rgba(20,18,16,.04)}.health-status-banner>i{width:10px;height:10px;border-radius:50%;background:#65a66f;box-shadow:0 0 0 6px rgba(101,166,111,.11)}.health-status-banner>div{display:flex;flex-direction:column;gap:3px}.health-status-banner strong{font-size:13px;color:var(--text)}.health-status-banner span{font-size:10.5px;color:var(--text-3)}.health-status-banner>b{padding:6px 9px;border-radius:999px;background:rgba(101,166,111,.1);color:#568d60;font-size:9.5px}.health-status-banner[data-health="watching"]>i{background:#d69b4f;box-shadow:0 0 0 6px rgba(214,155,79,.11)}.health-status-banner[data-health="watching"]>b{background:rgba(214,155,79,.1);color:#a56b22}.health-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.health-metric-grid article{display:flex;min-height:116px;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface-1)}.health-metric-grid small{color:var(--text-3);font-size:9.5px;text-transform:uppercase;letter-spacing:.07em}.health-metric-grid strong{margin:14px 0 8px;color:var(--text);font-size:27px;letter-spacing:-.04em}.health-metric-grid span{margin-top:auto;color:var(--text-3);font-size:9.5px}.health-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:12px}.health-panel{margin:0!important}.health-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.health-panel-head h3{margin:0 0 4px}.health-panel-head p{margin:0;color:var(--text-3);font-size:10.5px}.live-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(101,166,111,.08);color:#568d60;font-size:8.5px;font-weight:700}.live-pill i{width:5px;height:5px;border-radius:50%;background:#65a66f}.health-model-table{display:grid}.health-model-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,1.1fr) 72px;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.health-model-row:first-child{border-top:0}.health-model-row>div:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}.health-model-row strong{font-size:11px}.health-model-row small{color:var(--text-3);font-size:8.5px}.health-reliability{display:flex;align-items:center;gap:8px}.health-reliability>span{flex:1;height:5px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.health-reliability i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#9abf9f))}.health-reliability b{min-width:28px;font-size:9px}.health-model-row em{justify-self:end;padding:4px 6px;border-radius:999px;font-style:normal;font-size:8px;font-weight:700}.health-model-row em.healthy{background:rgba(101,166,111,.1);color:#568d60}.health-model-row em.recovering{background:rgba(214,155,79,.1);color:#a56b22}.health-model-row em.degraded{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.health-chart{display:flex;align-items:stretch;gap:8px;height:185px;padding-top:8px}.health-bar-group{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:7px}.health-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:150px;border-bottom:1px solid var(--border)}.health-bars i,.health-bars b{display:block;width:min(12px,40%);min-height:3px;border-radius:5px 5px 1px 1px}.health-bars i{background:var(--accent)}.health-bars b{background:color-mix(in srgb,var(--accent) 30%,var(--surface-3))}.health-bar-group small{color:var(--text-3);font-size:7.5px;white-space:nowrap}.health-error-list{display:grid}.health-error-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.health-error-row:first-child{border-top:0}.health-error-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));color:var(--accent)}.health-error-row>div{display:flex;flex-direction:column;gap:2px}.health-error-row strong{font-size:10.5px;text-transform:capitalize}.health-error-row small{color:var(--text-3);font-size:8.5px}.health-error-row>b{color:#568d60;font-size:8.5px}.health-empty{display:grid;place-items:center;min-height:110px;color:var(--text-3);font-size:10.5px;text-align:center}.health-empty.success{min-height:70px;color:#568d60}
@media(max-width:900px){.health-metric-grid{grid-template-columns:1fr 1fr}.health-grid{grid-template-columns:1fr}.health-heading{align-items:flex-start;flex-direction:column}.health-actions{width:100%}.health-actions .settings-select{flex:1}}@media(max-width:560px){.health-metric-grid{grid-template-columns:1fr}.health-model-row{grid-template-columns:1fr auto}.health-reliability{grid-column:1/-1}.attachment-chip{min-width:100%;max-width:none}}

/* RedLexi Code AI copilot */
.code-ai-copilot{padding:14px 16px;border-top:1px solid var(--border,#ded9d2);background:color-mix(in srgb,var(--surface,#fff) 94%,var(--accent,#d7443e) 6%);display:grid;gap:10px}
.code-ai-heading{display:flex;align-items:center;gap:10px}.code-ai-heading>div{display:grid;gap:2px}.code-ai-heading strong{font-size:12px}.code-ai-heading small{font-size:10px;color:var(--text-muted,#777)}
.code-ai-mark{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--accent,#d7443e);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--accent,#d7443e) 28%,transparent)}
.code-ai-compose{display:flex;gap:8px}.code-ai-compose input{min-width:0;flex:1;border:1px solid var(--border,#d8d2ca);background:var(--surface,#fff);color:var(--text,#222);border-radius:11px;padding:10px 12px;font:inherit;font-size:12px;outline:none}.code-ai-compose input:focus{border-color:var(--accent,#d7443e);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#d7443e) 12%,transparent)}
.code-ai-suggestions{display:flex;gap:6px;flex-wrap:wrap}.code-ai-suggestions button{border:1px solid var(--border,#d8d2ca);background:transparent;color:var(--text-muted,#6f6862);border-radius:999px;padding:5px 9px;font-size:10px;cursor:pointer}.code-ai-suggestions button:hover{color:var(--text,#222);border-color:color-mix(in srgb,var(--accent,#d7443e) 45%,var(--border,#d8d2ca))}
@media(max-width:760px){.code-ai-compose{align-items:stretch;flex-direction:column}.code-ai-compose .primary-btn{width:100%}}
.attachment-chip-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.attachment-chip-actions button{width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer}.attachment-chip-actions button:hover{background:color-mix(in srgb,var(--text,#222) 8%,transparent)}


/* ═══ RedLexi Code v7 — commercial multi-file coding machine ═══ */
.code-machine-shell{max-width:none;padding:30px 30px 54px;overflow:hidden}.code-machine-header{margin-bottom:16px}.code-header-actions{max-width:760px}.code-machine-status{height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 13px;border:1px solid var(--border);border-bottom:0;border-radius:15px 15px 0 0;background:var(--surface-1);font-size:10.5px}.code-project-identity,.code-runtime-pills{display:flex;align-items:center;gap:8px;min-width:0}.code-project-identity input{width:min(270px,28vw);border:0;background:transparent;color:var(--text);font-weight:700;outline:0}.code-project-identity>span:last-child{color:var(--text-3)}.code-live-dot{width:7px;height:7px;border-radius:50%;background:#56b979;box-shadow:0 0 0 4px rgba(86,185,121,.12)}.code-runtime-pills>span,.code-permission-pill{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-0);color:var(--text-2);font-size:9.5px}.code-permission-pill.on{border-color:rgba(214,155,79,.38);background:rgba(214,155,79,.08);color:#a56b22}.code-machine{height:calc(100vh - 190px);min-height:650px;grid-template-columns:210px minmax(390px,.98fr) minmax(410px,1.02fr);border-radius:0 0 17px 17px}.code-explorer{display:flex;flex-direction:column;padding:0;background:var(--surface-1);overflow:hidden}.code-panel-head{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border)}.code-panel-head>div:first-child{display:grid;gap:1px}.code-panel-head span{font-size:10.5px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.code-panel-head small{font-size:8.5px;color:var(--text-3);text-transform:none;letter-spacing:0}.code-panel-head>div:last-child{display:flex;gap:2px}.code-panel-head button{width:26px;height:26px;border-radius:7px;color:var(--text-3);font-size:15px}.code-panel-head button:hover{background:var(--surface-2);color:var(--text)}.code-panel-head.compact{height:42px;border-top:1px solid var(--border)}.code-file-tree{flex:1;min-height:120px;overflow:auto;padding:7px}.code-folder{display:flex;align-items:center;gap:5px;padding:8px 6px 4px;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.code-file-tree .code-file{position:relative;height:32px;box-shadow:none}.code-file-tree .code-file>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-file-tree .code-file i{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto}.file-dot.other{background:#8e8b84}.code-explorer-section{max-height:210px;display:flex;flex-direction:column}.code-checkpoint-list{overflow:auto;padding:6px}.code-checkpoint{width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px;border-radius:7px;color:var(--text-2);font-size:9.5px;text-align:left}.code-checkpoint:hover{background:var(--surface-0);color:var(--text)}.code-checkpoint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-checkpoint small{color:var(--text-3);font-size:8px}.code-checkpoint-empty{padding:15px 8px;color:var(--text-3);font-size:9px}.code-safety-card{display:flex;gap:9px;margin:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-0)}.code-safety-card>span{color:var(--accent)}.code-safety-card div{display:grid;gap:3px}.code-safety-card strong{font-size:9.5px}.code-safety-card small{font-size:8.5px;line-height:1.4;color:var(--text-3)}.code-workbench{border-right:1px solid #30302d}.code-editor-toolbar{flex:0 0 auto}.editor-tab i{display:none;width:6px;height:6px;border-radius:50%;background:var(--accent)}.editor-tab i.on{display:block}.code-editor-wrap{min-height:180px}.code-agent-composer{flex:0 0 auto;padding:11px 12px 10px;border-top:1px solid #30302d;background:#20201f}.code-agent-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.code-mode-switch{display:flex;gap:2px;padding:2px;border:1px solid #33332f;border-radius:9px;background:#181817}.code-mode-switch button{padding:5px 8px;border-radius:6px;color:#85847d;font-size:9.5px}.code-mode-switch button.active{background:#34332f;color:#fff}.code-scope-select{border:1px solid #34332f;border-radius:8px;background:#181817;color:#aaa;padding:6px 8px;font-size:9.5px}.code-agent-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.code-agent-input-row textarea{min-height:58px;max-height:126px;resize:vertical;border:1px solid #373733;border-radius:11px;background:#181817;color:#eeede8;padding:10px 11px;font:11.5px/1.5 Inter,system-ui;outline:0}.code-agent-input-row textarea:focus{border-color:color-mix(in srgb,var(--accent) 65%,#373733);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.code-agent-run{width:62px;border-radius:11px;background:var(--accent);color:#fff;display:grid;place-items:center;align-content:center;gap:3px;font-size:13px}.code-agent-run b{font-size:9px}.code-agent-run:disabled{opacity:.5}.code-agent-composer .code-ai-suggestions{margin-top:8px}.code-agent-composer .code-ai-suggestions button{border-color:#373733;color:#8d8c86;background:#181817}.code-agent-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#74736d;font-size:8.5px}.code-output-panel{background:var(--surface-0)}.code-output-toolbar{padding-left:8px}.code-output-tabs{display:flex;align-self:stretch}.code-output-tabs button{position:relative;padding:0 9px;color:var(--text-3);font-size:9.5px;border-bottom:2px solid transparent}.code-output-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.code-output-tabs i{display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:3px;padding:0 3px;border-radius:999px;background:var(--surface-2);font-style:normal;font-size:7.5px}.code-viewport-select{height:27px;border:1px solid var(--border);border-radius:7px;background:var(--surface-0);color:var(--text-3);font-size:9px;padding:0 5px}.code-output-body{position:relative;flex:1;min-height:0;overflow:hidden}.code-output-pane{position:absolute;inset:0;display:none;overflow:auto}.code-output-pane.active{display:block}.preview-canvas{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;background:#e9e9e7;transition:.2s;padding:0}.preview-canvas[data-viewport="tablet"]{padding:18px 12%;}.preview-canvas[data-viewport="mobile"]{padding:18px calc(50% - 190px)}.preview-canvas[data-viewport="tablet"] .code-preview,.preview-canvas[data-viewport="mobile"] .code-preview{border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden}.code-console-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--border);font-size:10px;font-weight:700}.code-console-head button,.code-tests-summary button{color:var(--accent);font-size:9px}.code-console{font-family:var(--mono);font-size:9.5px}.code-console-empty{padding:30px 16px;color:var(--text-3);text-align:center}.code-console-row{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:start;padding:8px 11px;border-bottom:1px solid var(--border);background:var(--surface-0)}.code-console-row>span{text-transform:uppercase;font-size:7px;font-weight:800;color:var(--text-3)}.code-console-row code{white-space:pre-wrap;word-break:break-word;color:var(--text-2)}.code-console-row time{color:var(--text-3);font-size:7px}.code-console-row.error{background:rgba(209,70,63,.055)}.code-console-row.error>span{color:#c24c46}.code-console-row.warn>span{color:#b27b31}.code-tests-summary{display:flex;align-items:center;justify-content:space-between;padding:13px;border-bottom:1px solid var(--border);background:var(--surface-1)}.code-tests-summary>div{display:grid;gap:3px}.code-tests-summary strong{font-size:11.5px}.code-tests-summary span{color:var(--text-3);font-size:8.5px}.code-test-list{padding:7px}.code-test{display:grid;grid-template-columns:25px 1fr;gap:9px;padding:10px;border-bottom:1px solid var(--border)}.code-test>i{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(86,185,121,.1);color:#4e9d69;font-style:normal}.code-test.warn>i{background:rgba(214,155,79,.1);color:#a56b22}.code-test.fail>i{background:rgba(209,70,63,.1);color:#b84742}.code-test div{display:grid;gap:2px}.code-test small{color:var(--text-3);font-size:7.5px;text-transform:uppercase;letter-spacing:.07em}.code-test strong{font-size:10px}.code-test p{margin:2px 0 0;color:var(--text-3);font-size:8.5px;line-height:1.4}.code-review-empty{min-height:100%;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center}.code-review-empty>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--accent-dim);color:var(--accent);font-size:20px}.code-review-empty h3{margin:15px 0 5px;font-size:15px}.code-review-empty p{max-width:350px;margin:0;color:var(--text-3);font-size:10.5px;line-height:1.55}.code-review-content{padding:15px}.code-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.code-review-head small{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:800}.code-review-head h3{font-size:16px;margin:5px 0}.code-review-head p{max-width:520px;margin:0;color:var(--text-2);font-size:10.5px;line-height:1.5}.code-review-actions{display:flex;gap:6px;flex:0 0 auto}.code-review-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:14px 0}.code-review-meta span,.code-review-meta code{padding:5px 7px;border-radius:7px;background:var(--surface-1);border:1px solid var(--border);font-size:8.5px;color:var(--text-3)}.code-diff{margin:0;padding:13px;border-radius:11px;background:#151514;color:#d9d7d0;white-space:pre;overflow:auto;font:9.5px/1.55 var(--mono);max-height:58vh}.code-agent-answer{margin-top:12px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-1);white-space:pre-wrap;color:var(--text-2);font-size:10.5px;line-height:1.55}
@media(max-width:1250px){.code-machine{grid-template-columns:180px minmax(350px,.96fr) minmax(360px,1.04fr)}.code-output-tabs button{padding:0 6px}.code-runtime-pills>span:first-child{display:none}}
@media(max-width:980px){.code-machine-shell{overflow:auto;padding:22px 16px 54px}.code-machine-status{border-radius:13px 13px 0 0}.code-runtime-pills>span{display:none}.code-machine{height:auto;min-height:1050px;grid-template-columns:1fr;grid-template-rows:170px 520px 540px}.code-explorer{display:grid;grid-template-columns:1fr 240px;border-right:0;border-bottom:1px solid var(--border)}.code-file-tree{grid-row:2;grid-column:1}.code-explorer>.code-panel-head{grid-row:1;grid-column:1}.code-explorer-section{grid-row:1/3;grid-column:2;border-left:1px solid var(--border);max-height:none}.code-safety-card{display:none}.code-workbench{border-right:0;border-bottom:1px solid #30302d}.code-output-panel{min-height:540px}}
@media(max-width:640px){.code-machine-status{align-items:flex-start;height:auto;padding:9px;flex-direction:column}.code-project-identity input{width:55vw}.code-machine{grid-template-rows:150px 580px 520px}.code-explorer{grid-template-columns:1fr}.code-explorer-section{display:none}.code-agent-topline{align-items:stretch;flex-direction:column}.code-mode-switch{overflow:auto}.code-mode-switch button{flex:1}.code-agent-input-row{grid-template-columns:1fr}.code-agent-run{width:100%;height:38px;display:flex;gap:7px}.code-output-tabs{overflow:auto}.code-output-tabs button{flex:0 0 auto}.code-viewport-select{display:none}.preview-canvas[data-viewport="mobile"],.preview-canvas[data-viewport="tablet"]{padding:0}.code-review-head{flex-direction:column}.code-review-actions{width:100%}.code-review-actions button{flex:1}}


/* Transparent logo polish — keep the identity crisp on every surface. */
.brand { min-width: 0; }
.brand-logo {
  width: 34px !important;
  height: 38px !important;
  filter: drop-shadow(0 7px 14px rgba(215,68,62,.24)) !important;
}
.sidebar.collapsed .brand-logo {
  width: 32px !important;
  height: 36px !important;
}
.welcome-logo {
  width: 68px !important;
  height: 68px !important;
  margin-bottom: 18px !important;
  filter: drop-shadow(0 14px 26px rgba(215,68,62,.25)) !important;
}
.msg-row.ai .msg-avatar {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.msg-row.ai .msg-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  border-radius: 0 !important;
}
.visual-orbit img { object-fit: contain !important; border-radius: 0 !important; }

/* ============================================================
   Create page + bundle & review polish (v9, 2026-07-24)
   ============================================================ */
.create-scroll{height:calc(100% - var(--topbar-h));overflow-y:auto;padding:0 max(24px,calc((100% - 880px)/2)) 80px}
.view-title{font-size:15px;font-weight:700}.view-subtitle{font-size:12px;color:var(--text-3);margin-left:10px}
.create-engine-pill{font-size:11px;font-weight:650;color:var(--text-2);border:1px solid var(--border);border-radius:99px;padding:5px 11px;background:var(--surface-0)}

.create-hero{padding:7vh 0 30px;animation:createFade .3s ease}
@keyframes createFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.create-hero-topline{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;font-weight:730;text-transform:uppercase;letter-spacing:.11em;margin-bottom:12px}
.create-hero-topline i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px var(--accent-glow2)}
.create-hero h1{font-size:33px;line-height:1.12;letter-spacing:-.045em;font-weight:680}
.create-hero-sub{font-size:14.5px;margin-top:9px;color:var(--text-2);max-width:620px}

.create-composer{margin-top:26px;border:1px solid var(--border-hi);border-radius:20px;background:var(--surface-0);box-shadow:0 14px 46px rgba(29,29,26,.10),0 1px 3px rgba(29,29,26,.06);padding:14px 14px 11px;transition:.18s ease}
.create-composer:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 18px 54px rgba(29,29,26,.12),0 0 0 3px var(--accent-glow2)}
.create-composer textarea{width:100%;border:0;background:transparent;resize:vertical;min-height:64px;max-height:220px;font-size:14.5px;line-height:1.55;color:var(--text);font-family:inherit}
.create-composer textarea:focus{outline:none}
.create-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;flex-wrap:wrap}
.create-type-chips{display:flex;gap:6px;flex-wrap:wrap}
.create-type-chips button{font-size:12px;font-weight:600;color:var(--text-2);border:1px solid var(--border);border-radius:99px;padding:6px 12px;background:var(--surface-0);transition:.15s ease;cursor:pointer}
.create-type-chips button:hover{border-color:var(--border-hi);transform:translateY(-1px)}
.create-type-chips button.active{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));color:var(--accent-2);font-weight:680}
.create-composer-actions{display:flex;align-items:center;gap:8px}
.create-composer-actions select{height:36px;border-radius:11px;border:1px solid var(--border);background:var(--surface-0);color:var(--text-2);font-size:12.5px;padding:0 9px}
#createBuildBtn{height:38px;padding:0 17px;border-radius:12px;font-weight:650;display:inline-flex;align-items:center;gap:7px}
#createBuildBtn:disabled{opacity:.6;cursor:wait}

.create-suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;margin-top:20px}
.create-suggestions button{text-align:left;font-size:12.5px;font-weight:560;color:var(--text-2);padding:11px 13px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface-0) 86%,transparent);transition:.16s ease;cursor:pointer}
.create-suggestions button:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-sm)}

.create-build{padding:6vh 0 30px;animation:createFade .3s ease}
.create-build-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.create-build-head small{font-size:11px;font-weight:730;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.create-build-head h2{font-size:24px;letter-spacing:-.03em;margin-top:5px}
.create-build-head p{font-size:13.5px;color:var(--text-2);margin-top:5px;min-height:20px}
.create-build-spin{width:38px;height:38px;flex:0 0 auto}
.create-build-spin span{display:block;width:100%;height:100%;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--accent);animation:createSpin .9s linear infinite}
@keyframes createSpin{to{transform:rotate(360deg)}}
.create-progress{height:5px;border-radius:99px;background:var(--surface-2);margin-top:20px;overflow:hidden}
.create-progress-bar{height:100%;width:6%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-3));transition:width .5s ease;box-shadow:0 0 12px var(--accent-glow)}
.create-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:20px}
.create-file-card{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-0);font-size:12.5px;transition:.2s ease}
.create-file-card.queued{opacity:.55}
.create-file-card.building{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 3px var(--accent-glow2)}
.create-file-card.done{border-color:color-mix(in srgb,#0f9f86 40%,var(--border))}
.create-file-card.failed{border-color:color-mix(in srgb,#d7443e 45%,var(--border));background:var(--accent-dim)}
.cfc-icon{font-size:14px;flex:0 0 auto}
.cfc-path{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:560}
.cfc-state{flex:0 0 auto;font-weight:750;color:var(--text-3)}
.create-file-card.done .cfc-state{color:#0f9f86}.create-file-card.failed .cfc-state{color:var(--accent)}
.cfc-spin{display:block;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface-2);border-top-color:var(--accent);animation:createSpin .8s linear infinite}
.create-build-log{margin-top:20px;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface-0) 70%,transparent);padding:10px 13px;font-size:11.8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2)}
.create-log-row{padding:2px 0}
.create-log-row.ok{color:#0f9f86}.create-log-row.bad{color:var(--accent)}.create-log-row.warn{color:#b8860b}

.create-result{padding:5vh 0 30px;animation:createFade .3s ease}
.create-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.create-result-head small{font-size:11px;font-weight:730;text-transform:uppercase;letter-spacing:.1em;color:#0f9f86}
.create-result-head h2{font-size:26px;letter-spacing:-.035em;margin-top:5px}
.create-result-head p{font-size:13.5px;color:var(--text-2);margin-top:6px;max-width:540px}
.create-result-actions{display:flex;gap:8px;flex-wrap:wrap}
.create-result-actions .primary-btn{height:38px;padding:0 15px;border-radius:12px;font-weight:650}
.create-result-actions .ghost-btn{height:38px;padding:0 14px;border-radius:12px}
.create-result-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--text-2)}
.create-result-meta span{border:1px solid var(--border);border-radius:99px;padding:4px 10px;background:var(--surface-0);font-weight:600}
.create-result-meta code.warn{font-size:11px;background:var(--accent-dim);border:1px solid var(--accent-light);border-radius:8px;padding:3px 8px;color:var(--accent-2)}
.create-result-body{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:14px;margin-top:18px;align-items:start}
.create-result-files{display:flex;flex-direction:column;gap:6px}
.create-result-file{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-0);font-size:12.5px;cursor:pointer;transition:.15s ease}
.create-result-file:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));transform:translateX(2px)}
.crf-path{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.crf-size{flex:0 0 auto;font-size:11px;color:var(--text-3)}
.create-result-preview{border:1px solid var(--border);border-radius:15px;background:var(--surface-0);overflow:hidden;box-shadow:var(--shadow-sm)}
.create-result-preview-hd{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--border);font-size:12px;font-weight:650;color:var(--text-2)}
#createResultPreview{width:100%;height:440px;border:0;background:#fff}
#createResultCode{max-height:440px;overflow:auto;margin:0;padding:14px;font-size:12px;line-height:1.6}
@media(max-width:860px){.create-result-body{grid-template-columns:1fr}.create-hero h1{font-size:26px}}

/* Bundle bar in chat tiles (3+ files) */
.bun-bundle-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border-top:1px solid var(--border);background:linear-gradient(90deg,var(--accent-dim),transparent)}
.bun-bundle-note{font-size:12px;font-weight:650;color:var(--accent-2)}
.bun-bundle-btn{font-size:12px;font-weight:680;color:#fff;background:var(--accent);border:0;border-radius:10px;padding:8px 13px;cursor:pointer;transition:.15s ease;box-shadow:0 4px 12px var(--accent-glow)}
.bun-bundle-btn:hover{background:var(--accent-2);transform:translateY(-1px)}
.bun-bundle-btn:disabled{opacity:.6;cursor:wait}

/* Code review badges */
.code-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:680;border:1px solid var(--border);border-radius:99px;padding:3px 9px;background:var(--surface-0);color:var(--text-2);margin-right:2px}
.code-badge.ok{border-color:color-mix(in srgb,#0f9f86 45%,var(--border));color:#0d8a74;background:color-mix(in srgb,#0f9f86 8%,var(--surface-0))}
.code-badge.warn{border-color:color-mix(in srgb,#b8860b 45%,var(--border));color:#9a7009;background:color-mix(in srgb,#b8860b 8%,var(--surface-0))}
.code-badge.dim{color:var(--text-3);font-weight:600}
#codeBundleBtn{margin-left:auto}

/* Streaming smoothness + surgical/hive badges (v9.2) */
.msg-content.streaming{white-space:pre-wrap;word-break:break-word;font-variant-ligatures:none}
.msg-content.streaming::after{content:"▋";display:inline-block;color:var(--accent);animation:rlCaret 1s steps(2) infinite;margin-left:1px;vertical-align:baseline}
@keyframes rlCaret{50%{opacity:0}}
.code-badge.surgical{border-color:color-mix(in srgb,#6d5dfc 45%,var(--border));color:#5a4ce0;background:color-mix(in srgb,#6d5dfc 8%,var(--surface-0))}
.code-badge.surgical em{font-style:normal;font-weight:750}
.code-badge.surgical em.add{color:#0f9f86}.code-badge.surgical em.rem{color:var(--accent)}
.code-badge.hive{border-color:color-mix(in srgb,#e8a013 48%,var(--border));color:#a06f08;background:color-mix(in srgb,#e8a013 9%,var(--surface-0))}