:root{
  --bg:#131313;--stage:#141414;--sidebar:#111;--sidebar-hover:#292929;--panel:#191919;--panel2:#202020;
  --line:#303030;--line-soft:#252525;--text:#ededed;--muted:#a0a0a0;--muted2:#777;
  --brand:#d4ff3f;--brand-strong:#bddd26;--brand-soft:rgba(212,255,63,.12);--brand-quiet:rgba(212,255,63,.055);--brand-surface:rgba(212,255,63,.105);--brand-hover-surface:rgba(212,255,63,.16);--brand-border-subtle:rgba(212,255,63,.16);--brand-border:rgba(212,255,63,.28);--brand-border-hover:rgba(212,255,63,.46);--brand-text:#ededed;--brand-icon:#c1d972;--brand-focus:#d3e78e;--danger:#ff3b3f;--green:#d4ff3f;--amber:#f5b957;
  --shadow:0 24px 80px rgba(0,0,0,.28);--radius:8px;--radius-control:6px;--radius-stop:2px;--radius-message:8px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-pill:6px;--composer-radius:12px;--font-body:14px;--font-code:13px;
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-focus);outline-offset:2px}
.desktop{height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px;padding:12px;background:var(--bg)}
.sidebar{min-width:0;background:var(--sidebar);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}
.sidebar-brand{height:66px;display:flex;align-items:center;gap:10px;padding:11px 14px 8px}.dangercode-mark{width:33px;height:33px;border-radius:var(--radius-sm);display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#dfff72 0,#d4ff3f 32%,#789c00 74%,#232d03 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 5px 20px rgba(212,255,63,.15)}.dangercode-mark span{font-weight:900;font-size:14px;letter-spacing:-.04em}.brand-copy{min-width:0;flex:1;display:flex;flex-direction:column}.brand-copy strong{font-size:16px;letter-spacing:-.01em}.brand-copy small{font-size:13px;color:var(--muted);margin-top:1px}
.navigation-tools{margin:4px 0}.navigation-tools>summary{display:flex;align-items:center;gap:10px;padding:9px 10px;min-height:36px;cursor:pointer;color:var(--muted);font-size:13px;border-radius:var(--radius-pill);list-style:none}.navigation-tools>summary::-webkit-details-marker{display:none}.navigation-tools>summary::after{content:"⌄";margin-left:auto;color:var(--muted2);transition:transform .16s ease}.navigation-tools[open]>summary::after{transform:rotate(180deg)}.navigation-tools>summary:hover,.navigation-tools[open]>summary{background:var(--sidebar-hover);color:var(--text)}.navigation-tools>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.navigation-tools>.nav-item{margin-left:8px;width:calc(100% - 8px)}
.icon-button,.mini-button,.round-button{border:0;background:transparent;cursor:pointer;color:var(--muted);display:grid;place-items:center}.icon-button{width:36px;height:36px;flex:none;padding:0;border-radius:var(--radius-pill);font-size:18px;line-height:1}.icon-button:hover,.mini-button:hover,.round-button:hover{background:#353636;color:white}.mini-button{width:auto;min-width:32px;min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel2);font-size:13px;line-height:1.3}.mini-button.icon-only{width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;font-size:18px}.round-button{width:28px;height:28px;border-radius:50%;border:1px solid #363838;font-size:17px}
.primary-nav{padding:5px 9px 11px;border-bottom:1px solid #303131}.nav-item{width:100%;height:35px;border:0;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;gap:10px;padding:0 10px;color:#c7c8c8;cursor:pointer;text-align:left;font-size:13px}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:#383939;color:white}.nav-icon{width:18px;color:#adadae;font-size:15px;text-align:center}.nav-item.active .nav-icon{color:var(--brand)}
.side-section{padding:12px 9px 8px}.section-title{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:var(--muted);font-size:13px}.section-status{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.project-card{width:100%;border:0;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;gap:9px;padding:8px 9px;cursor:pointer;text-align:left}.project-card:hover,.project-card.selected{background:#393a3a}.folder-icon{font-size:17px;color:#a9aaab}.project-card-copy{min-width:0;display:flex;flex-direction:column}.project-card-copy strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-copy small{margin-top:2px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soft-button{flex:1;border:1px solid var(--line);background:var(--panel2);border-radius:var(--radius-sm);padding:7px 8px;color:var(--text);font-size:13px;cursor:pointer}.soft-button:hover{background:#353636;color:white}
.recent-section{min-height:0;flex:1;display:flex;flex-direction:column}.recent-list{min-height:0;overflow:auto;padding:2px}.recent-task{display:block;width:100%;border:0;background:transparent;border-radius:var(--radius-sm);padding:8px 9px;text-align:left;cursor:pointer}.recent-task:hover{background:#303131}.recent-task strong{display:block;font-weight:500;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-task small{display:flex;gap:7px;margin-top:4px;color:var(--muted);font-size:13px}.recent-task .running{color:var(--brand)}.recent-task .succeeded{color:var(--green)}.recent-task .blocked{color:#ffb36b}.empty-small{padding:9px;color:var(--muted);font-size:13px}
.sidebar-footer{border-top:1px solid var(--line-soft);padding:10px 12px;display:block;flex:none}.sidebar-footer .nav-item{height:36px}
.plan-usage-card{min-width:0;margin:0 0 3px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel2)}
.plan-usage-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;color:var(--muted2);font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.plan-usage-card-heading h2{margin:0;color:inherit;font:inherit}
.plan-usage-card-heading span{white-space:nowrap}
.plan-usage-title{margin:0;color:var(--text);font-size:12px;font-weight:650;line-height:1.35}
.plan-usage-copy{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.4}
.plan-usage-dash{display:block;margin-top:3px;color:var(--muted2);font-size:13px;line-height:1}
.plan-usage-window{margin-top:7px}
.plan-usage-window-heading,.plan-usage-window-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}
.plan-usage-window-heading{color:var(--text);font-size:10px;line-height:1.3}
.plan-usage-window-heading strong{min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.plan-usage-window-heading span{flex:none;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.plan-usage-meter{height:4px;margin-top:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--line)}
.plan-usage-meter span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .2s ease}
.plan-usage-window-meta{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.3}
.plan-usage-reset{margin:2px 0 0;color:var(--muted2);font-size:9px;line-height:1.3}
.main-stage{position:relative;min-width:0;height:calc(100vh - 24px);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#171818;display:grid;grid-template-rows:auto minmax(0,1fr)}.topbar{height:auto;min-height:60px;flex-wrap:wrap;gap:10px;border-bottom:1px solid #2b2c2c;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;background:rgba(24,25,25,.96)}.top-project{min-width:0;display:flex;align-items:center;gap:8px;color:#d3d4d4}.top-project strong{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-folder{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}.status-pill,.context-pill{height:29px;border:1px solid #343535;border-radius:var(--radius-sm);background:#202121;display:flex;align-items:center;gap:7px;padding:0 9px;color:#aaa;font-size:13px;font-weight:650;letter-spacing:.04em}.status-pill{cursor:pointer}.status-pill:hover{border-color:#454646;color:#d6d7d7}.status-pill i{width:7px;height:7px;border-radius:50%;background:#646666}.status-pill i.ready{background:var(--green);box-shadow:0 0 10px rgba(212,255,63,.35)}.status-pill i.loading{background:var(--amber)}.status-pill i.offline{background:var(--danger)}.context-pill{color:#d5d6d6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.context-pill em{font-style:normal;color:var(--brand);font-size:13px}
.view{display:none;min-height:0}.view.active{display:flex}.page-view{overflow:auto;flex-direction:column;padding:34px 40px 60px;gap:18px}.page-header{display:flex;justify-content:space-between;gap:25px}.page-header>.surface-tag{align-self:flex-start;white-space:nowrap;flex:none}.page-header h2{font-size:28px;letter-spacing:-.025em;margin:5px 0 8px}.page-header p{max-width:760px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}.eyebrow{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--brand);letter-spacing:.14em}
#view-agent{flex-direction:column;min-height:0}.agent-scroll{min-height:0;flex:1;overflow:auto;padding:28px 36px 180px}.welcome{max-width:730px;margin:11vh auto 0;text-align:center}.welcome-logo{position:relative;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;color:#c9caca;font-weight:800}.welcome-logo span{position:relative;z-index:2;font-size:14px}.dangercode-orbit{position:absolute;inset:7px;border:2px solid #5c5e5e;border-radius:44% 56% 52% 48%;transform:rotate(28deg);box-shadow:12px 4px 0 -10px var(--brand),-9px 10px 0 -8px #555}.dangercode-orbit:after{content:"";position:absolute;inset:8px;border:2px solid #3d3f3f;border-radius:56% 44% 50% 50%;transform:rotate(-63deg)}.welcome h1{font-size:27px;line-height:1.2;margin:0;color:#e8e9e9;font-weight:540;letter-spacing:-.02em}.welcome h1 span{border-bottom:1px dotted #767878}.welcome p{max-width:640px;margin:12px auto 0;color:var(--muted);font-size:13px;line-height:1.65}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:34px;text-align:left}.quick-card{min-height:110px;border:1px solid #333535;border-radius:var(--radius-sm);background:#191a1a;padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.quick-card:hover{background:#1d1e1e;border-color:#494b4b;transform:translateY(-1px)}.quick-symbol{font-size:17px;color:var(--brand);height:34px}.quick-card strong{font-size:13px;font-weight:580;line-height:1.35}.quick-card small{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.35}
.task-workspace{max-width:900px;margin:28px auto 0}.hidden{display:none!important}.task-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.task-heading h2{margin:5px 0 0;font-size:21px;font-weight:570}.task-state{border:1px solid #3d3f3f;border-radius:var(--radius-pill);padding:5px 9px;color:#aaa;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.activity-feed{display:flex;flex-direction:column;gap:6px}.activity-row{border:1px solid #2e3030;background:#1b1c1c;border-radius:var(--radius-sm);display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px}.activity-icon{width:25px;height:25px;border-radius:var(--radius-sm);background:#282a2a;display:grid;place-items:center;color:#a9aaaa;font:13px ui-monospace,monospace}.activity-icon.hot{color:var(--brand);background:var(--brand-soft)}.activity-copy{min-width:0}.activity-copy strong{display:block;font-size:13px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy small{display:block;margin-top:2px;color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-badge{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.activity-row.pass .activity-badge{color:var(--green)}.activity-row.fail .activity-badge{color:var(--danger)}.technical-log{margin-top:14px;border:1px solid #2e3030;border-radius:var(--radius-sm);background:#141515;overflow:hidden}.technical-log summary{cursor:pointer;padding:9px 11px;color:var(--muted);font-size:13px}.technical-log pre{max-height:330px;overflow:auto;margin:0;padding:12px;border-top:1px solid #282a2a;color:#a8aaaa;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.composer-wrap{position:absolute;left:0;right:0;bottom:0;padding:18px 24px 18px;background:linear-gradient(180deg,rgba(23,24,24,0),#171818 26%,#171818 100%)}.composer{max-width:760px;margin:auto;border:1px solid #353737;border-radius:var(--radius-sm);background:#202121;box-shadow:var(--shadow);overflow:hidden}.composer textarea{display:block;width:100%;min-height:74px;max-height:210px;resize:none;border:0;outline:0;background:transparent;color:#e9eaea;padding:15px 16px 8px;font-size:13px;line-height:1.5}.composer textarea::placeholder{color:var(--muted)}.composer-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 9px}.composer-left,.composer-actions{display:flex;align-items:center;gap:8px}#taskMode{max-width:148px;min-width:0;border:1px solid #3b3c3c;border-radius:var(--radius-sm);background:#262828;color:#c7cbc8;padding:7px;font-size:13px}#taskMode:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.composer-left{min-width:0;flex-wrap:wrap}.mode-label{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.03em}.mode-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);margin-right:4px}.text-button{border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;padding:7px}.text-button:disabled{opacity:.35;cursor:not-allowed}.send-button,.primary-button{border:0;background:var(--brand);color:#0d1004;border-radius:var(--radius-sm);font-weight:650;cursor:pointer;transition:background .16s ease,transform .16s ease}.send-button{padding:8px 10px;font-size:13px}.send-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--brand-strong)}.send-button span{margin-left:5px}.composer-note{max-width:760px;margin:6px auto 0;text-align:center;color:var(--muted);font-size:13px}
.research-toolbar{display:flex;gap:8px;max-width:900px}.research-toolbar input,.inline-form input{flex:1;min-width:0;border:1px solid #373939;border-radius:var(--radius-sm);background:#1d1e1e;color:white;padding:10px 12px;outline:0;font-size:13px}.primary-button{padding:9px 14px;font-size:13px}.provider-chips{display:flex;gap:6px;flex-wrap:wrap}.provider-chip{border:1px solid #343636;border-radius:var(--radius-pill);background:#1d1e1e;color:var(--muted);padding:5px 8px;font-size:13px}.provider-chip-active{border-color:var(--brand-border);background:var(--brand-quiet);color:var(--brand-text)}.research-status{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.research-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:1100px}.research-result{border:1px solid #303232;background:#1c1d1d;border-radius:var(--radius-sm);padding:12px;min-width:0}.research-result-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.research-rank{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.source-kind{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--brand);background:var(--brand-soft);border-radius:var(--radius-pill);padding:4px 6px}.research-result a{display:block;margin-top:8px;color:#dfe0e0;text-decoration:none;font-size:13px;font-weight:580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.research-result a:hover{text-decoration:underline}.research-result p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.research-meta{margin-top:8px;color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace}
.repo-view{overflow:hidden}.repo-layout{width:100%;height:100%;display:grid;grid-template-columns:290px minmax(0,1fr)}.file-panel{border-right:1px solid #2d2f2f;background:#1a1b1b;min-height:0;display:flex;flex-direction:column}.panel-head{height:52px;flex:none;border-bottom:1px solid #2b2d2d;display:flex;align-items:center;justify-content:space-between;padding:0 11px}.panel-head>div{min-width:0;display:flex;flex-direction:column}.panel-head strong{font-size:13px}.panel-head small{margin-top:2px;color:var(--muted);font:13px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files{min-height:0;overflow:auto;padding:5px}.file-row{width:100%;border:0;background:transparent;color:#bfc0c0;border-radius:var(--radius-sm);display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;padding:6px 7px;text-align:left;cursor:pointer;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.file-row:hover{background:#252727}.file-row.directory{color:#e0e1e1}.file-kind{color:var(--muted)}.file-size{color:var(--muted)}.repo-main{min-height:0;overflow:auto;padding:18px}.repo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.repo-card,.surface-card{border:1px solid #303232;background:#1c1d1d;border-radius:var(--radius-sm)}.repo-card{padding:12px}.repo-card span{font:13px ui-monospace,monospace;color:var(--muted)}.repo-card strong{display:block;margin-top:8px;font:700 21px ui-monospace,SFMono-Regular,Menlo,monospace}.repo-card small{display:block;margin-top:3px;color:var(--muted);font-size:13px}.surface-card{padding:13px;margin-top:10px}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.surface-head strong{font-size:13px}.surface-tag{font:13px ui-monospace,monospace;color:var(--muted);border:1px solid #343636;border-radius:var(--radius-pill);padding:4px 6px}.repo-details{color:var(--muted);font-size:13px;line-height:1.65}.repo-detail-group{margin-top:8px}.repo-detail-group strong{display:block;color:#c6c7c7;font-size:13px;margin-bottom:3px}.file-preview-card{min-height:280px}.file-code{margin:0;max-height:420px;overflow:auto;color:#b8baba;background:#151616;border-radius:var(--radius-sm);padding:10px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.worker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:1100px}.worker-card{border:1px solid #303232;border-radius:var(--radius-sm);background:#1c1d1d;padding:13px}.worker-card-head{display:flex;align-items:center;gap:8px}.worker-avatar{width:27px;height:27px;border-radius:var(--radius-sm);display:grid;place-items:center;background:#292b2b;color:var(--brand);font:800 9px ui-monospace,monospace}.worker-card strong{font-size:13px}.worker-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:8px 0}.worker-caps{font:13px ui-monospace,monospace;color:var(--muted);line-height:1.5}
.project-memory-card{max-width:900px;padding:20px}.project-memory-card>label{display:block;margin-bottom:9px;color:#dce2dd;font-size:13px;font-weight:600}.project-memory-card>textarea{display:block;width:100%;min-height:240px;resize:vertical;padding:14px;border:1px solid #343a37;border-radius:var(--radius-sm);background:#151817;color:var(--text);font:inherit;line-height:1.65}.project-memory-card>textarea:focus{outline:2px solid var(--brand-focus);border-color:var(--brand-focus)}.project-memory-card>textarea:disabled{opacity:.65}.project-memory-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.project-memory-footer>small,.project-memory-note,.project-memory-status{color:var(--muted);font-size:12px;line-height:1.6}.project-memory-note{margin:16px 0 0}.project-memory-status{margin:8px 0 0}.project-memory-status[data-state="error"],.project-memory-footer>small[data-state="error"]{color:#ff9a9d}.project-memory-footer .primary-button:disabled{opacity:.45;cursor:not-allowed}
.git-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.git-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #292b2b;padding:8px 0;font-size:13px}.git-row:last-child{border-bottom:0}.git-row span:first-child{color:var(--muted)}.git-row span:last-child{font-family:ui-monospace,monospace}.inline-form{display:flex;gap:7px}.worktree-card{border-top:1px solid #292b2b;padding:9px 0}.worktree-card:first-child{border-top:0}.worktree-card strong{font-size:13px}.worktree-card small{display:block;color:var(--muted);margin-top:3px;font:13px ui-monospace,monospace;overflow-wrap:anywhere}
.runtime-drawer{position:absolute;z-index:50;top:54px;right:0;bottom:0;width:330px;border-left:1px solid #343636;background:#1b1c1c;box-shadow:-20px 0 55px rgba(0,0,0,.25);padding:16px;overflow:auto}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between}.drawer-head h3{margin:4px 0 0;font-size:17px}.context-hero{margin-top:18px;border:1px solid #3f4723;background:linear-gradient(145deg,#212514,#1d1e1e 65%);border-radius:var(--radius-sm);padding:13px}.context-hero span{font:13px ui-monospace,monospace;color:#8da995}.context-hero strong{display:block;margin-top:5px;font:750 26px ui-monospace,monospace}.context-hero small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.context-bar{height:4px;margin-top:11px;background:#333535;border-radius:var(--radius-pill);overflow:hidden}.context-bar i{display:block;height:100%;width:0;background:var(--brand);transition:width .25s ease}.context-bar i.full{width:100%}.runtime-stats{margin-top:11px}.runtime-stat{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #292b2b;font-size:13px}.runtime-stat span:first-child{color:var(--muted)}.runtime-stat span:last-child{font-family:ui-monospace,monospace;text-align:right}.drawer-card{border:1px solid #303232;border-radius:var(--radius-sm);padding:11px;margin-top:11px}.drawer-card strong{font-size:13px}.drawer-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:6px 0 0}.danger-outline{width:100%;margin-top:12px;border:1px solid #583033;background:transparent;color:#d58c8f;border-radius:var(--radius-sm);padding:9px;cursor:pointer;font-size:13px}.danger-outline:hover{background:#2b1819;color:#ffb1b3}
@media(max-width:1100px){.desktop{grid-template-columns:230px minmax(0,1fr)}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.research-results{grid-template-columns:1fr}.worker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repo-layout{grid-template-columns:250px minmax(0,1fr)}.repo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{overflow:auto}.desktop{height:auto;min-height:100vh;display:block;padding:8px}.sidebar{display:none}.main-stage{height:auto;min-height:100vh}.topbar{position:sticky;top:0;z-index:20}.agent-scroll{padding:22px 16px 190px}.welcome{margin-top:7vh}.quick-grid{grid-template-columns:1fr}.composer-wrap{position:fixed}.page-view{padding:26px 16px 160px}.worker-grid,.git-grid{grid-template-columns:1fr}.repo-layout{display:block;height:auto}.file-panel{height:320px;border-right:0;border-bottom:1px solid #2d2f2f}.runtime-drawer{position:fixed;top:54px;width:min(330px,100vw)}}

.browser-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.browser-shot{background:#202121;border:1px solid #343535;border-radius:var(--radius-sm);overflow:hidden}.browser-shot img{display:block;width:100%;height:auto;background:#111}.browser-shot-copy{display:flex;justify-content:space-between;gap:12px;padding:12px 14px}.browser-shot-copy strong{font-size:13px}.browser-shot-copy small{font-size:13px;color:var(--muted);word-break:break-all}.browser-pass{color:#bbd661}.browser-fail{color:#ff5c60}@media(max-width:900px){.browser-evidence{grid-template-columns:1fr}}

/* DangerCode 2.9 continuous agent runtime desktop surface */
html.native-macos .sidebar-brand{padding-left:14px}
html.native-macos .sidebar-brand .dangercode-mark{flex:none}
html.native-macos .sidebar-brand .icon-button{margin-left:auto}
.task-workspace{max-width:980px;margin:18px auto 0}
.task-heading{align-items:flex-start;margin-bottom:16px}
.task-heading h2{max-width:760px;font-size:22px;line-height:1.28;letter-spacing:-.02em;margin:4px 0 0;font-weight:610}
.task-state{margin-top:2px;flex:none}
.conversation-stack,.conversation-history{display:flex;flex-direction:column;gap:22px}
.message-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start}
.message-avatar{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.user-avatar{background:#303232;color:#bfc1c1}.dangercode-avatar{background:transparent;color:inherit;border:0;box-shadow:none}.message-brand-icon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.message-body{min-width:0;border:1px solid #303232;border-radius:var(--radius-sm);background:#1c1d1d;padding:13px 15px;box-shadow:0 12px 34px rgba(0,0,0,.08)}
.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.message-meta strong{font-size:13px}.message-meta span{color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
.message-text,.assistant-answer{color:var(--text);font-size:15px;line-height:1.8;overflow-wrap:anywhere}.message-text{white-space:pre-wrap;color:var(--text);font-size:15px;line-height:1.8}
.answer-placeholder{color:var(--muted);font-size:13px;line-height:1.6;padding:3px 0 2px}
.assistant-answer>*:first-child{margin-top:0}.assistant-answer>*:last-child{margin-bottom:0}.assistant-answer p{margin:0 0 10px}.assistant-answer h1,.assistant-answer h2,.assistant-answer h3{color:#f0f1f1;letter-spacing:-.015em;margin:16px 0 7px}.assistant-answer h1{font-size:20px}.assistant-answer h2{font-size:17px}.assistant-answer h3{font-size:14px}.assistant-answer ul,.assistant-answer ol{margin:7px 0 11px;padding-left:21px}.assistant-answer li{margin:4px 0}.assistant-answer code{font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;background:#272929;border:1px solid #333535;border-radius:var(--radius-sm);padding:1px 4px;color:#e5b5b7}.assistant-answer pre{margin:10px 0;padding:11px 12px;border:1px solid #303232;border-radius:var(--radius-sm);background:#141515;overflow:auto}.assistant-answer pre code{padding:0;border:0;background:transparent;color:#c8caca;white-space:pre;font-size:13px}.assistant-answer .answer-rule{height:1px;background:#303232;margin:14px 0}
.activity-card{margin-left:45px;border:1px solid #303232;border-radius:var(--radius-sm);background:#181919;overflow:hidden}.activity-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #292b2b}.activity-card-head>div{min-width:0;display:flex;align-items:center;gap:8px}.activity-card-head strong{font-size:13px}.activity-card-head small{min-width:0;color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot{width:7px;height:7px;border-radius:50%;background:#585a5a;flex:none}.live-dot.working{background:var(--brand);box-shadow:0 0 10px rgba(212,255,63,.35);animation:dangercodePulse 1.4s ease-in-out infinite}.live-dot.done{background:var(--green)}.live-dot.failed{background:var(--danger)}
@keyframes dangercodePulse{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
.controller-metrics{display:flex;gap:6px;flex-wrap:wrap;padding:8px 11px;border-bottom:1px solid #292b2b;background:#151616}.controller-metrics span{border:1px solid #303232;border-radius:var(--radius-pill);padding:4px 7px;color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.controller-metrics span.hot{color:#ff7477;border-color:#593033;background:rgba(255,59,63,.07)}.controller-metrics span.good{color:var(--green);border-color:#3f4529;background:rgba(174,211,52,.06)}
.activity-feed{display:grid;gap:0}.activity-row{border:0;border-top:1px solid #252727;border-radius:0;background:transparent;padding:8px 11px;grid-template-columns:24px minmax(0,1fr) auto}.activity-row:first-child{border-top:0}.activity-icon{width:22px;height:22px;border-radius:var(--radius-sm)}.activity-copy strong{font-size:13px}.activity-copy small{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-badge{font-size:13px}
.technical-log{margin:14px 0 0 45px}.technical-log summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.technical-log summary small{color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.technical-log pre{min-height:140px;max-height:420px;font-size:13px;line-height:1.7;padding:18px;background:#0e1411;color:#c2dccb}
.composer{border-color:#3a3c3c;background:#1f2020;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.015)}.composer:focus-within{border-color:#4b5332;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 0 1px rgba(212,255,63,.08)}
.composer-note{display:flex;justify-content:center;gap:16px}.shortcut-hint{color:var(--muted)}
.send-button{min-width:58px}.send-button:disabled{opacity:.45;cursor:not-allowed}
.task-state.running{color:#e2f79d;border-color:#4b5626;background:#202315}.task-state.succeeded{color:#cbe27d;border-color:#4b5626;background:#202315}.task-state.failed,.task-state.blocked,.task-state.cancelled,.task-state.timed_out{color:#ff8f93;border-color:#653336;background:#2a1819}
@media(max-width:760px){html.native-macos .sidebar-brand{padding-left:14px}.activity-card,.technical-log{margin-left:0}.message-row{grid-template-columns:28px minmax(0,1fr)}.message-avatar{width:27px;height:27px}.task-heading h2{font-size:18px}}

.copy-answer{margin-left:auto;border:1px solid #343636;background:#242626;color:var(--muted);border-radius:var(--radius-sm);padding:4px 7px;font-size:13px;cursor:pointer}.copy-answer:hover:not(:disabled){color:#fff;border-color:#4a4c4c}.copy-answer:disabled{opacity:.35;cursor:not-allowed}

.danger-soft{color:#d58c8f!important;border-color:#563033!important}.danger-soft:hover,.danger-soft.armed{background:#32191b!important;color:#ffb3b5!important}.recent-task{position:relative;padding:0 36px 0 0}.recent-open{display:block;width:100%;border:0;background:transparent;color:inherit;padding:8px 9px;text-align:left;cursor:pointer}.recent-delete{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:25px;height:25px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.recent-delete:hover,.recent-delete.armed{background:#3a1d1f;color:#ff9699}.modal-backdrop{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,6,6,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-builder{width:min(560px,100%);border:1px solid #3b3d3d;border-radius:var(--radius-md);background:#1d1e1e;padding:26px;box-shadow:0 35px 120px rgba(0,0,0,.62)}.project-builder h2{margin:7px 0 8px;font-size:23px}.project-builder>p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.project-builder label{display:grid;gap:7px;margin-top:14px;color:#bfc1c1;font-size:13px}.project-builder input,.project-builder textarea{width:100%;border:1px solid #3a3c3c;background:#151616;color:#eee;padding:12px 14px;resize:vertical}.project-builder-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.project-builder-actions .soft-button{flex:0 0 auto;padding-inline:18px}.project-builder>small{display:block;margin-top:12px;color:var(--muted);font-size:13px}.project-builder>small.error{color:#ff9295}


/* Shared shape tokens: one rounded surface system. */
button:not(.run-orb),input,textarea,select{border-radius:var(--radius-sm)}
.sidebar .nav-item,.soft-button,.primary-button,.danger-outline,.text-button,.copy-answer,.mini-button,.status-pill,.context-pill,.task-state,.provider-chip,.surface-tag,.controller-metrics span{border-radius:var(--radius-pill)}
.project-card,.recent-task,.workspace-project,.quick-card,.surface-card,.activity-card,.message-body,.technical-log,.drawer-card,.browser-shot,.repo-card,.worker-card{border-radius:var(--radius-lg)}
.activity-row,.research-result,.worktree-card{border-radius:var(--radius-sm)}
.composer{border-radius:var(--composer-radius)}
.round-button{border-radius:50%;width:40px;height:40px}
.context-bar,.context-bar i{border-radius:var(--radius-pill)}
.context-pill{padding-inline:12px}
input[type=search],input[type=url],.inline-form input{border-radius:var(--radius-pill)}

.sidebar-brand{min-height:68px}.dangercode-mark{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(212,255,63,.22),rgba(19,20,20,.98) 62%);border:1px solid rgba(212,255,63,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 28px rgba(212,255,63,.18)}
.dangercode-xmark span{position:absolute;inset:0;display:block}.dangercode-xmark:before,.dangercode-xmark:after{content:"";position:absolute;left:50%;top:50%;width:66%;height:17%;border-radius:var(--radius-pill);background:linear-gradient(90deg,#dfff72,#d4ff3f 46%,#5e7a00);box-shadow:0 0 14px rgba(212,255,63,.35);transform-origin:center}.dangercode-xmark:before{transform:translate(-50%,-50%) rotate(45deg)}.dangercode-xmark:after{transform:translate(-50%,-50%) rotate(-45deg)}
.hero-mark{position:absolute;inset:10px;border-radius:var(--radius-md)}.welcome-logo{width:64px;height:64px;border-radius:var(--radius-md);background:#141515;border:1px solid #343636;box-shadow:0 20px 60px rgba(0,0,0,.38)}
.agent-scroll{scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:205px}.task-workspace{max-width:980px}.composer-wrap{padding:18px 26px 20px;pointer-events:none}.composer,.composer-note{pointer-events:auto}.composer{max-width:800px;border-radius:var(--composer-radius);background:rgba(31,32,32,.97);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 28px 90px rgba(0,0,0,.42);overflow:visible}.composer textarea{border-radius:var(--radius-lg);min-height:76px;max-height:260px;padding:18px 19px 10px}.composer-footer{padding:8px 10px 10px}.round-button{width:34px;height:34px;border-radius:50%}
.composer-actions{gap:9px}.composer-context{height:38px;min-width:58px;border:1px solid #3b3d3d;border-radius:var(--radius-pill);display:flex;align-items:center;gap:7px;padding:0 9px;color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:#1a1b1b}.composer-context i{position:relative;width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--brand) var(--ctx-angle,0deg),#343636 0)}.composer-context i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#1a1b1b}
.send-button.run-orb{position:relative;width:52px;height:52px;min-width:52px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--brand);box-shadow:0 6px 22px var(--brand-soft);transition:transform .16s ease,background .16s ease}.send-button.run-orb:hover:not(:disabled){transform:translateY(-1px)}.run-orb span{margin:0}.run-arrow{font-size:25px;line-height:1}.run-stop{display:none;width:14px;height:14px;border-radius:var(--radius-stop);background:white}.run-orb.running .run-arrow{display:none}.run-orb.running .run-stop{display:block}.send-button.run-orb.running{background:var(--danger);box-shadow:none}.send-button.run-orb:disabled{cursor:wait;opacity:.65}
.jump-latest{position:absolute;right:32px;bottom:178px;z-index:8;border:1px solid #3c3e3e;border-radius:var(--radius-pill);background:#252626;color:#c7c8c8;padding:8px 12px;font-size:13px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}.jump-latest:hover{background:#303131;color:white}.context-pill,.status-pill{border-radius:var(--radius-pill)}
@media(max-width:980px){.composer-context{display:none}.agent-scroll{padding-left:20px;padding-right:20px}.composer-wrap{padding-left:14px;padding-right:14px}.jump-latest{right:18px}}
.settings-label{display:grid;gap:8px;margin:16px 0;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.04em}.settings-label input,.settings-label select{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#121313;color:var(--text);padding:12px 13px;font:inherit}.settings-label input:focus,.settings-label select:focus{outline:1px solid var(--brand);border-color:var(--brand)}
.recent-actions{position:absolute;right:6px;top:50%;display:flex;gap:2px;transform:translateY(-50%)}.recent-action,.recent-delete{width:25px;height:25px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.recent-actions .recent-delete{position:static;right:auto;top:auto;transform:none}.recent-action:hover{background:#30383a;color:#d2d4d4}

/* DangerCode project studio: conversation and a real, isolated local-site preview. */
.project-choices{display:grid;gap:6px;margin-top:10px;max-height:240px;overflow:auto}
.workspace-project{display:grid;gap:4px;text-align:left;width:100%;min-width:0;padding:9px 12px;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;border-radius:var(--radius-xs)}
.workspace-project strong,.workspace-project small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-project small{font-size:13px;color:var(--muted)}
.workspace-project.selected{border-color:transparent;background:var(--sidebar-hover);color:var(--text)}.workspace-project:hover{background:var(--sidebar-hover)}.workspace-project:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.workspace-status{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 18px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}
.main-stage{grid-template-rows:auto minmax(0,1fr)}
.top-project button{max-width:clamp(140px,24vw,400px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;padding:0;color:inherit;font-size:13px;font-weight:550;cursor:pointer;text-align:left}
#connectionStatus{color:#e3b577}.project-builder{max-height:85vh;overflow:auto}
#view-agent.active{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,40%);grid-template-rows:minmax(0,1fr) auto;position:relative;min-width:0;overflow:hidden}
#view-agent>.agent-scroll{grid-column:1;grid-row:1;width:100%;min-width:0;flex:none;padding-bottom:34px}
.studio-preview{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;margin:14px 14px 14px 0;border:1px solid #343636;border-radius:var(--radius-md);background:#111212;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.studio-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 12px;border-bottom:1px solid #2c2e2e;background:#191a1a}
.studio-preview-title,.studio-preview-actions{display:flex;align-items:center;gap:9px;min-width:0}.studio-preview-title strong{font-size:13px;font-weight:650}.preview-state{color:var(--muted);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.preview-state.ready{color:#bfdf55}.preview-state.error{color:#f08b8d}
.preview-icon-button,.preview-open{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #373939;border-radius:var(--radius-pill);background:#222424;color:#c7c9c9;padding:0 10px;font-size:13px;text-decoration:none;cursor:pointer}.preview-icon-button{width:30px;padding:0;font-size:15px}.preview-icon-button:hover,.preview-open:hover{border-color:#58615a;background:#292c2b;color:#fff}.preview-icon-button:focus-visible,.preview-open:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.studio-preview-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;padding:28px;text-align:center;color:var(--muted)}.studio-preview-empty strong{color:#c4c7c7;font-size:13px;font-weight:600}.studio-preview-empty>span:last-child{max-width:310px;font-size:13px;line-height:1.6}.studio-preview-empty code{color:#a9c6b0;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.preview-empty-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #39413b;border-radius:var(--radius-sm);background:#19211b;color:var(--brand);font-size:17px}
.studio-preview-frame{display:block;flex:1;width:100%;height:100%;min-height:0;border:0;background:#fff;color-scheme:light}
#view-agent>.composer-wrap{grid-column:1/-1;grid-row:2;position:relative;left:auto;right:auto;bottom:auto}
@media(max-width:1100px) and (min-width:761px){#view-agent.active{grid-template-columns:minmax(0,1fr) minmax(270px,42%)}}
@media(max-width:760px){#view-agent.active{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(320px,1fr) minmax(260px,42vh) auto;min-height:calc(100vh - 54px);height:auto;overflow:visible}#view-agent>.agent-scroll{grid-column:1;grid-row:1;min-height:320px;padding:22px 16px 24px}#view-agent>.studio-preview{grid-column:1;grid-row:2;min-height:250px;margin:0 14px 12px}#view-agent>.composer-wrap{grid-column:1;grid-row:3;position:relative;left:auto;right:auto;bottom:auto}.studio-preview-head{min-height:44px}}

/* Task result and optional preview are independent from model/transport diagnostics. */
.controller-details{margin:10px 0;color:var(--muted);font-size:13px}.controller-details summary{cursor:pointer}.controller-details .controller-metrics{margin-top:10px}
.result-status{padding:4px 10px;border-radius:var(--radius-pill);background:#29302b;color:#cfdbd1;font-size:13px}.result-status[data-state="accepted"]{background:#313916;color:#a8f4bb}.result-status[data-state="failed"]{background:#412427;color:#ffd0d2}
.preview-notice{margin:0;padding:9px 12px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);line-height:1.5}
.studio-preview-title{flex-wrap:wrap}.preview-state{font-size:13px;line-height:1.4}.studio-preview-title strong{font-size:13px}
.desktop[data-preview="hidden"] #view-agent.active{grid-template-columns:minmax(0,1fr)}.desktop[data-preview="hidden"] #studioPreview{display:none}
#uiLanguage{min-height:36px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);padding:6px 10px;font-size:13px}#togglePreview{font-size:13px}
@media(max-width:760px){.desktop[data-preview="hidden"] #view-agent.active{grid-template-rows:minmax(0,1fr) auto}.desktop[data-preview="hidden"] #view-agent>.composer-wrap{grid-row:2}.top-actions{gap:6px}.status-pill{font-size:13px}}

/* Workspace tools stay in the task view, independently of preview availability. */
[hidden]{display:none!important}
.studio-inspector,.stage-card{max-width:980px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);margin:0 auto 20px;overflow:hidden}
.studio-inspector>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;min-height:48px}
.studio-inspector>summary span{font-size:13px;font-weight:650}.studio-inspector>summary span:before{content:"▸";display:inline-block;margin-right:8px;color:var(--muted)}.studio-inspector[open]>summary span:before{transform:rotate(90deg)}
.studio-inspector>summary small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:13px ui-monospace,monospace}.studio-inspector section{padding:0 14px 12px}
.studio-tabs{display:flex;gap:5px;padding:0 12px 12px;flex-wrap:wrap}.studio-tabs button{border:1px solid transparent;padding:8px 12px;background:transparent;color:var(--muted);cursor:pointer;border-radius:var(--radius-pill);font-size:13px}.studio-tabs button[aria-selected="true"]{color:var(--text);border-color:#3b5141;background:#233229}
.studio-list{max-height:180px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.studio-source{border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:10px;overflow:hidden}.studio-source summary{padding:10px 12px;font:13px ui-monospace,monospace;cursor:pointer;overflow-wrap:anywhere}.studio-source pre{margin:0;padding:18px;max-height:420px;overflow:auto;background:var(--bg);font:13px/1.7 ui-monospace,monospace;white-space:pre}
.studio-note{color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0 2px}.studio-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:10px 8px;border-top:1px solid var(--line-soft)}.studio-item:first-child{border-top:0}.studio-item strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.studio-item small{grid-column:1/-1;color:var(--muted);font:13px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}.studio-item-state{align-self:start;color:var(--muted);font-size:13px}
.studio-context{display:grid;gap:6px;margin:0 14px 12px;padding:10px 12px;background:var(--bg);border-radius:var(--radius-sm);color:var(--muted);font-size:13px;line-height:1.6}.studio-context strong{font-weight:500;color:var(--text);overflow-wrap:anywhere}.studio-section-title{font-size:13px;margin:18px 8px 6px}
.studio-change-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.studio-change-columns>div{min-width:0;background:var(--bg)}.studio-change-columns h4{font-size:13px;font-weight:550;padding:10px 12px;margin:0;color:var(--muted)}.studio-source>.studio-note{padding:0 12px 10px}.studio-item>.mini-button{grid-column:1/-1;justify-self:start}.studio-operation{color:var(--text);font:13px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;margin:12px 0 0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg)}
.stage-card{padding:16px;margin:0 0 20px}.stage-heading{display:grid;gap:6px}.stage-heading strong{font-size:14px}.stage-heading small{color:var(--muted);font-size:13px;line-height:1.6}.studio-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:14px 0 0;counter-reset:stage}
.studio-stage{display:grid;grid-template-columns:24px minmax(0,1fr);gap:3px 8px;padding:11px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);color:var(--muted);counter-increment:stage}.studio-stage:before{content:counter(stage);grid-row:1/3;align-self:center;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font-size:13px}.studio-stage strong{font-size:13px;font-weight:550}.studio-stage small{font-size:13px}.studio-stage.active{color:var(--text);background:var(--brand-soft);border-color:#5e6642}.studio-stage.confirmed:before{content:"✓";color:#a8f4bb;border-color:#5e6642}.studio-stage.paused,.studio-stage.stale{border-color:#765333;color:#f3ca8d}.studio-blocker{font-size:13px;line-height:1.6;padding:12px;border-radius:var(--radius-sm);background:#38291f;color:#f3ca8d;overflow-wrap:anywhere}
.welcome{margin-top:clamp(24px,6vh,70px)}.activity-copy small{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.controller-details{padding:0 12px}.technical-log summary small,.shortcut-hint{color:var(--muted)}
@media(max-width:760px){.studio-inspector>summary{align-items:flex-start;flex-direction:column;gap:5px}.studio-inspector>summary small{max-width:100%}.studio-tabs button{font-size:13px;padding:8px 10px}.studio-stages{grid-template-columns:1fr}.studio-item{grid-template-columns:minmax(0,1fr)}.studio-source pre{max-height:200px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.topbar{height:auto;min-height:54px;flex-wrap:wrap;gap:8px;padding:10px 14px}.top-actions{flex-wrap:wrap;max-width:100%}.main-stage{grid-template-rows:auto minmax(0,1fr)}}
@media(max-width:980px){.studio-change-columns{grid-template-columns:minmax(0,1fr)}}
.compact-navigation{display:none;border:1px solid var(--line);padding:8px 10px;background:var(--panel);color:var(--text);font-size:13px}
@media(max-width:760px){.compact-navigation{display:inline-block}.studio-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-stage{padding:8px;grid-template-columns:20px minmax(0,1fr);gap:4px}.studio-stage:before{width:20px;height:20px}.status-pill{max-width:100%;white-space:normal}}

.stage-details{margin-top:12px}.stage-details>summary{cursor:pointer;color:var(--muted);font-size:13px;padding:6px 0}.stage-details>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}


/* Conversation workspace: projects/history in navigation, details on demand. */
.sidebar>.sidebar-brand,.sidebar>.product-switch,.sidebar>.primary-nav,.sidebar>.project-tools-section,.sidebar>.sidebar-footer{flex-shrink:0}
.desktop{grid-template-columns:250px minmax(0,1fr)}
@media(max-width:760px){.desktop{display:block}}

/* Sidebar hierarchy shared by browser and native WKWebView. */
.sidebar-brand{height:72px;min-height:72px;padding:14px;gap:10px}.brand-copy strong{font-size:15px;white-space:nowrap}.brand-copy small{font-size:12px;white-space:nowrap}.sidebar-brand .dangercode-mark{flex:none;width:30px;height:30px}.sidebar-brand .icon-button{width:30px;height:30px;font-size:16px}
.primary-nav{padding:0 12px 10px;border-bottom:0}#newTaskNav,.primary-nav .new-session-button{height:40px;background:transparent;color:var(--text);font-weight:600;border-radius:var(--radius-control)}#newTaskNav .nav-icon,.primary-nav .new-session-button .nav-icon{color:var(--brand-icon)}#newTaskNav:hover,.primary-nav .new-session-button:hover{background:var(--sidebar-hover);color:var(--text)}#newTaskNav:focus-visible,.primary-nav .new-session-button:focus-visible{outline:2px solid var(--brand-icon);outline-offset:2px}
.project-tools-section{padding:0 12px 5px}.project-tools-section .navigation-tools{margin:0}.project-tools-section .navigation-tools>.nav-item{height:34px}
.project-section{padding:12px 12px 4px}.project-section .section-title{padding:0 4px}.project-choices{gap:3px;margin-top:8px;max-height:170px}.workspace-project strong{font-size:13px;font-weight:500}.workspace-project .project-live-state{font-size:12px}.recent-section{padding:12px 12px 8px}.recent-section .section-title{padding:0 4px}.empty-small{font-size:13px;line-height:1.6;padding:10px 4px}
.project-menu{position:relative;z-index:30}.project-menu>summary{list-style:none;cursor:pointer}.project-menu>summary::-webkit-details-marker{display:none}.project-menu>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.project-menu-list{position:absolute;right:0;top:36px;width:210px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.project-menu-list button{display:block;width:100%;padding:10px 12px;border:0;border-radius:var(--radius-pill);background:transparent;text-align:left;cursor:pointer;font-size:13px}.project-menu-list button:hover{background:var(--sidebar-hover)}.project-menu-list button.danger-soft{color:#eea4a4}

/* Real local workspace menu; subscription status is distinct from provider entitlement. */
.workspace-menu{position:relative;margin-top:0}.workspace-menu strong{font-size:13px}.workspace-menu small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.workspace-menu-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sidebar-hover)}.workspace-menu-panel{position:fixed;z-index:150;bottom:auto;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow)}.workspace-menu-panel p{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;margin:8px 0}.workspace-menu button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* Recorded stage messages share the conversation layout; diagnostics stay optional. */
#activityCard{margin-left:0;border:0;background:transparent;overflow:visible;box-shadow:none;border-radius:0}
#activityCard .activity-card-head{border:0;padding:0 0 10px 45px}
#activityCard>.controller-details{margin:0 0 14px 45px;padding:0}
.progress-conversation{display:flex;flex-direction:column;gap:24px}
.progress-message .message-body,.assistant-message .message-body{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.progress-message-title{margin:0 0 8px;color:var(--text);font-size:16px;font-weight:600;line-height:1.5}
.progress-message-summary{margin:0;color:var(--muted);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.progress-message-details{margin-top:12px}
.progress-message-details>summary{cursor:pointer;color:var(--muted);font-size:13px;line-height:1.6}
.progress-message-events{margin-top:10px}
.progress-message .activity-row{border-radius:0;padding:8px 0}
@media(max-width:760px){#activityCard .activity-card-head{padding-left:0}#activityCard>.controller-details{margin-left:0}.progress-message .message-body{padding:0;border:0;border-radius:0;background:transparent}.activity-card-head>div{flex-wrap:wrap}.progress-message-title{font-size:15px}}

.task-debug-details{margin-bottom:16px}.task-debug-details>summary{cursor:pointer;color:var(--muted);font-size:13px;padding:8px 0}.task-debug-details[open]>.task-heading{margin-top:12px}

/* Evidence-backed skills and recorded screenshots; shared web/native surface. */
.progress-head-actions{display:flex;align-items:center;gap:12px}
.progress-skills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.skill-chip{--skill-color:#8cd5e8;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;padding:9px 13px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--skill-color) 30%,transparent);background:color-mix(in srgb,var(--skill-color) 9%,#1d1e1e);color:var(--skill-color)}
.skill-chip strong{font-size:12px;overflow-wrap:anywhere}.skill-chip small{font-size:12px;color:#c1c7c7}.skill-chip-icon{font-size:17px;line-height:1}
.skill-design{--skill-color:#e7a7d7}.skill-backend{--skill-color:#ecc084}.skill-checks{--skill-color:#a1d5a8}.skill-research{--skill-color:#b9b0f1}.skill-media{--skill-color:#94bddf}
.progress-files{display:grid;gap:6px;margin-top:12px}.progress-file{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background:#232626}
.progress-file strong{font:12px var(--mono,monospace);overflow-wrap:anywhere;min-width:0}.progress-file small{color:#b6bebe;font-size:12px;margin-left:auto}.progress-file-icon{color:#a1d5a8}
.screenshot-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.studio-screenshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.studio-screenshot{min-width:0;border:1px solid #343838;border-radius:var(--radius-md);overflow:hidden;background:#1d1f1f}.studio-screenshot-image{display:block;width:100%;border:0;background:#141717;padding:0;cursor:zoom-in;border-radius:0}.studio-screenshot-image img{display:block;width:100%;height:320px;object-fit:contain;object-position:top}.studio-screenshot.expanded{grid-column:1/-1}.studio-screenshot.expanded img{height:auto}.studio-screenshot.expanded .studio-screenshot-image{cursor:zoom-out}.studio-screenshot-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 16px;font-size:13px}.studio-screenshot-caption small{color:#b9c2c2}.studio-screenshot-caption .screenshot-stale{color:#e5bd87}
@media(max-width:760px){.studio-screenshots{grid-template-columns:minmax(0,1fr)}.progress-head-actions{gap:8px}.skill-chip{padding:8px 11px}.studio-screenshot-image img{height:260px}}

.project-switch-status{margin:8px 10px;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.project-switch-status[data-state="error"]{color:#ffb5a7}

.progress-milestones{display:grid;gap:10px;margin-top:14px;min-width:0}.progress-milestones .progress-skills{margin:0;align-items:center}.progress-milestones .progress-skills>small{color:#b6bebe;font-size:12px}.progress-milestones .progress-file{min-width:0}

select[data-custom-control]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;border:0!important;pointer-events:none}
.dc-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:64px;max-width:100%;height:36px;padding:0 12px;background:#222626;color:#e4e9e5;border:1px solid #3b4140;border-radius:var(--radius-xs);font:inherit;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dc-select-trigger::after{content:"⌄";color:#a8b6ad;flex-shrink:0}.dc-select-trigger:disabled{opacity:.5;cursor:default}.dc-select-trigger:focus-visible,.dc-select-option:focus-visible{outline:2px solid #bad857;outline-offset:2px}.settings-label>.dc-select-trigger{width:100%;margin-top:6px}.dc-select-trigger[hidden]{display:none}
.dc-select-menu{position:fixed;z-index:10000;display:flex;flex-direction:column;box-sizing:border-box;padding:8px;background:#202524;color:#e5ece7;border:1px solid #47504b;border-radius:var(--radius-sm);box-shadow:0 18px 60px #0009;overflow:hidden;max-width:calc(100vw - 24px)}
.dc-select-options{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;touch-action:pan-y}.dc-select-option{display:block;width:100%;border:0;background:transparent;color:inherit;border-radius:var(--radius-xs);padding:10px 12px;text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere}.dc-select-option:hover,.dc-select-option:focus{background:var(--sidebar-hover)}.dc-select-option[aria-selected=true]{background:var(--brand-surface);color:var(--brand-text)}.dc-select-option:disabled{opacity:.45;cursor:default}.dc-select-search{box-sizing:border-box;width:100%;min-height:38px;margin-bottom:8px;border-radius:var(--radius-xs);border:1px solid var(--brand-border-subtle);background:var(--panel);color:inherit;padding:8px 12px}.dc-select-empty{padding:8px 12px;color:#b6bebe}
@media(max-width:760px){.dc-select-menu{border-radius:var(--radius-sm)}.dc-select-option{min-height:44px}.composer-left .dc-select-trigger{max-width:170px}}

.history-load-older{align-self:center;margin:0 0 4px;padding:8px 16px;border:1px solid rgba(181,235,0,.22);border-radius:var(--radius-pill);background:rgba(181,235,0,.06);color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.history-load-older:hover:not(:disabled){background:rgba(181,235,0,.12);border-color:rgba(181,235,0,.42)}.history-load-older:disabled{opacity:.65;cursor:wait}.history-execution{margin:0 0 18px 48px;min-width:0}.history-execution>summary{color:var(--muted);font-size:13px;cursor:pointer;padding:8px 0}.history-execution .progress-message{margin-top:12px}

@media(min-width:761px){.top-actions .compact-navigation{display:none!important}}

/* Library settings: typed public resources, bounded scrolling and stable controls. */



/* Keep the Code conversation visually asymmetric: user on the right, agent on the left. */
.user-message{grid-template-columns:minmax(0,1fr) 34px}
.user-message .message-avatar{grid-column:2;grid-row:1;border-radius:50%;background:var(--brand-surface);color:#d8ffe1;box-shadow:inset 0 0 0 1px var(--brand-border)}
.user-message .message-body{grid-column:1;grid-row:1;justify-self:end;width:fit-content;max-width:min(100%,76ch);border-radius:var(--radius-message);border-color:var(--brand-border-subtle);background:var(--brand-quiet);box-shadow:0 12px 28px rgba(212,255,63,.04)}
.user-message .message-meta strong,.user-message .message-text{color:#effff2}
.user-message .message-meta span{color:#a8d9b2}
@media(max-width:760px){.user-message{grid-template-columns:minmax(0,1fr) 28px}.user-message .message-body{max-width:100%}}

/* Model connections are grouped by who operates the model and who pays for it. */
.connection-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.connection-lane{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(145deg,#222424,#1b1c1c)}
.connection-lane.is-selected{border-color:var(--brand-border);background:var(--brand-quiet);box-shadow:inset 0 0 0 1px var(--brand-border-subtle)}
.connection-lane-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}
.connection-lane-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-quiet);color:var(--brand-icon);font-size:17px}
.connection-lane h3{margin:0;font-size:15px;letter-spacing:-.01em}
.connection-lane p{flex:1;margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.connection-lane .soft-button{width:100%;flex:none}
.managed-lane{background:linear-gradient(145deg,#211f27,#1b1c1c)}
.managed-lane .connection-lane-icon{border-color:rgba(183,147,255,.25);background:rgba(183,147,255,.08);color:#c7a8ff}
.managed-lane .soft-button:disabled{opacity:.55;cursor:not-allowed}
.settings-section[hidden],#modelCenterManaged[hidden],#modelCenterConnect[hidden],#modelEnterpriseOptions[hidden],#savedModelConnectionsSection[hidden]{display:none!important}
.settings-section{display:flex;flex-direction:column;gap:20px;min-width:0}
.settings-section-tabs{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--line)}
.settings-section-tabs button{padding:10px 16px;border:0;background:transparent;border-radius:var(--radius-control);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.settings-section-tabs button[aria-selected=true]{background:var(--brand-quiet);color:var(--text);box-shadow:inset 0 0 0 1px var(--brand-border)}
.model-active-summary{display:flex;align-items:center;gap:10px;color:var(--text);font-size:13px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}
.model-active-summary>span:nth-child(2){min-width:0;overflow-wrap:anywhere;flex:1}.model-active-summary small{color:var(--muted);white-space:nowrap}.model-active-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none}
.model-connection-capabilities{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;background:var(--panel)}.model-connection-capabilities summary{cursor:pointer;font-size:12px;color:var(--text)}.model-connection-capabilities summary span{display:inline-block;margin-left:12px;color:var(--muted);font-size:11px}.model-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.model-capability-item{min-width:0}.model-capability-item dt{font-size:11px;color:var(--muted)}.model-capability-item dd{margin:5px 0 0;font-size:12px;overflow-wrap:anywhere}.model-connection-capabilities>p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.model-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.model-category-tabs button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 10px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.model-category-tabs button>span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-control);background:var(--panel2);color:var(--muted);font-size:19px}
.model-category-tabs strong{font-size:14px;font-weight:600}.model-category-tabs small{font-size:11px;color:var(--muted)}
.model-category-tabs button[aria-selected=true]{border-color:var(--brand-border);background:var(--brand-quiet)}.model-category-tabs button[aria-selected=true]>span{background:var(--brand);color:#1b2106}
#modelCenterConnect{display:flex;flex-direction:column;gap:18px;min-width:0}.model-directory-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-directory-head h3,.saved-model-section h3{margin:0;font-size:17px}.model-directory-head p,.saved-model-section>p{margin:6px 0 0;color:var(--muted);font-size:12px}.model-directory-search input{width:100%;box-sizing:border-box}
.model-capability-note{margin:-10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.model-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.model-provider-card{display:flex;flex-direction:column;gap:12px;padding:16px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md)}.model-provider-card.is-selected{border-color:var(--brand-border);background:var(--brand-quiet)}
.model-provider-heading{display:flex;align-items:center;gap:10px;min-width:0}.model-provider-heading h3{margin:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.model-provider-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-control);font-size:11px;font-weight:600;color:var(--muted)}.is-selected .model-provider-icon{color:#1b2106;background:var(--brand);border-color:var(--brand-border)}
.model-provider-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;flex:1}.model-provider-badge{align-self:flex-start;font-size:10px;color:var(--muted);padding:4px 7px;border-radius:var(--radius-pill);border:1px solid var(--line)}.is-selected .model-provider-badge{color:var(--text);border-color:var(--brand-border)}.model-provider-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.model-provider-actions .soft-button{font-size:12px;padding:7px 10px}.model-doc-link{font-size:11px;color:var(--muted);text-decoration:none}.model-doc-link:hover{color:var(--text);text-decoration:underline}
.model-enterprise-options summary,.model-advanced-options summary{cursor:pointer;font-size:13px}.model-enterprise-options summary span{font-size:11px;color:var(--muted);margin-left:10px}.model-enterprise-row{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line);margin-top:12px}.model-enterprise-row strong{font-size:12px}.model-enterprise-row p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.saved-model-section{display:flex;flex-direction:column;gap:10px}.saved-model-connection{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:8px;padding:10px 12px}.saved-model-connection.is-selected{border-color:var(--brand-border);background:var(--brand-quiet)}.saved-model-select{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;flex:1;min-width:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer;font:inherit}.saved-model-select strong{font-size:12px;overflow-wrap:anywhere}.saved-model-select small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.saved-model-remove{border:0;background:none;color:var(--muted);cursor:pointer;font-size:20px;padding:4px 8px}.saved-model-remove:hover{color:var(--text)}
.model-managed-card{padding:28px;line-height:1.6}.model-managed-card h3{font-size:24px;margin:16px 0 10px}.model-managed-card p{max-width:680px;color:var(--muted);font-size:14px}.model-managed-features{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.model-managed-features span{border:1px solid var(--brand-border);border-radius:var(--radius-control);padding:8px 12px;font-size:12px;color:var(--text);background:var(--brand-quiet)}
.model-advanced-options{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.model-advanced-options .settings-label{margin-top:12px}.model-search-overview h3{margin:10px 0}.model-search-overview p{font-size:13px;line-height:1.6;color:var(--muted)}.model-catalog-refresh{font-size:11px;padding:6px 9px;margin-left:auto}
@media(max-width:1100px){.model-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-category-tabs button{padding:12px}.model-category-tabs small{font-size:10px}}
@media(max-width:700px){.model-provider-grid{grid-template-columns:1fr}.model-category-tabs button{grid-template-columns:1fr;text-align:center;justify-items:center}.model-category-tabs button>span{grid-row:auto}.model-enterprise-row{grid-template-columns:1fr}.model-active-summary small{display:none}.settings-section-tabs button{padding:10px;font-size:12px}}
@media(max-width:700px){.model-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-connection-capabilities summary span{display:block;margin:7px 0 0}}
.settings-subheading{margin-top:8px}
.settings-subheading h2{font-size:19px;margin:4px 0 4px}
.settings-label small{font-weight:400;letter-spacing:0;line-height:1.5}
.model-settings-status{display:block;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}
.research-disclosure{display:flex;align-items:flex-start;gap:10px;margin:16px 0;color:var(--muted);font-size:13px;line-height:1.5}.research-disclosure input{width:16px;height:16px;margin:1px 0 0;flex:0 0 16px;accent-color:var(--brand)}.research-disclosure:focus-within{color:var(--text)}
.mojeek-search-card{padding:0;overflow:hidden}.mojeek-search-summary{display:flex;align-items:center;gap:12px;min-height:58px;padding:11px 14px;cursor:pointer;list-style:none}.mojeek-search-summary::-webkit-details-marker{display:none}.mojeek-search-summary>span:first-child{display:grid;gap:4px;min-width:0;flex:1}.mojeek-search-summary strong{font-size:13px}.mojeek-search-summary small{color:var(--muted);font-size:12px}.mojeek-search-summary::after{content:"+";color:var(--brand-icon);font-size:18px;line-height:1}.mojeek-search-card[open] .mojeek-search-summary{border-bottom:1px solid #303232}.mojeek-search-card[open] .mojeek-search-summary::after{content:"−"}.mojeek-search-summary:focus-visible{outline:2px solid var(--brand-focus);outline-offset:-3px}.mojeek-search-details{padding:1px 14px 14px}.mojeek-search-details p{margin:10px 0;line-height:1.6}.mojeek-search-details p strong{color:var(--text)}.mojeek-search-details form{margin-top:16px;padding-top:12px;border-top:1px solid #303232}
@media(max-width:1050px){.connection-lanes{grid-template-columns:1fr}.connection-lane{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.connection-lane-top{grid-column:1/-1}.connection-lane h3,.connection-lane p{grid-column:1}.connection-lane .soft-button{grid-column:2;grid-row:2/4;width:auto;min-width:150px}}
@media(max-width:760px){.connection-lane{display:flex;align-items:stretch}.connection-lane .soft-button{width:100%;min-width:0}.settings-subheading{margin-top:0}}

/* WEBDANGER source templates in the DangerCode Library */
.library-mode-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%;max-width:1280px;box-sizing:border-box;margin:0 0 22px;padding:8px;border:1px solid #2b3830;border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(212,255,63,.035),transparent 45%),#171a18}
.library-mode-switch [role=tab]{display:flex;min-width:0;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid #2c332e;border-radius:var(--radius-control);background:#1a1d1b;color:var(--muted,#a5aaaa);font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.library-mode-switch [role=tab]:hover{background:#202722;border-color:#3d5a43;color:#e6f7e9}
.library-mode-switch [role=tab][aria-selected=true]{background:var(--brand-surface);border-color:var(--brand-border);color:var(--brand-text);box-shadow:inset 0 0 0 1px var(--brand-quiet)}
.library-mode-switch [role=tab]>span:first-child{font-size:16px;color:var(--brand-icon)}
.library-mode-switch [role=tab]>span:first-child{display:grid;width:16px;height:16px;flex:0 0 16px;place-items:center}
.library-mode-switch [role=tab]>span:first-child svg{width:16px;height:16px}
.library-mode-switch [role=tab][aria-selected=true]>span:first-child{color:var(--brand-focus)}
.library-mode-switch [role=tab] small{display:grid;place-items:center;min-width:23px;height:21px;padding:0 7px;border-radius:var(--radius-pill,999px);background:var(--brand-quiet);color:var(--brand-text);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.library-mode-pane[hidden]{display:none!important}
@media(max-width:1080px){.library-mode-switch{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.library-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px}.library-mode-switch [role=tab]{min-height:40px;padding:0 9px;font-size:11px}}
@media(max-width:520px){.library-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.library-mode-switch [role=tab]{gap:7px}.library-mode-switch [role=tab]>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
#libraryCatalog{max-width:1180px;margin:0 auto;padding:0 0 38px}
.library-collection{display:grid;gap:15px}
.library-collection-heading{display:flex;align-items:flex-start;gap:14px;padding:8px 0 2px}
.library-collection-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(212,255,63,.18);border-radius:var(--radius-xs);background:rgba(212,255,63,.07);color:#cfe979}
.library-collection-heading h2{margin:0;color:#f0f2f0;font-size:22px;letter-spacing:-.035em}
.library-collection-heading p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.library-subfilters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:2px 0}
.library-subfilter{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid #353938;border-radius:var(--radius-pill,999px);background:#1b1d1c;color:#adb4b0;font:inherit;font-size:12px;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.library-subfilter:hover{border-color:#5a643a;background:#202721;color:#e7f8ec}
.library-subfilter.is-selected{border-color:rgba(212,255,63,.4);background:rgba(212,255,63,.09);color:#b8f4c8}
.library-subfilter small{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-pill,999px);background:rgba(255,255,255,.07);color:#c4ccc7;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.library-search-row{display:flex;align-items:center;gap:12px}
.library-search-field{display:flex;align-items:center;gap:9px;min-width:200px;max-width:620px;min-height:42px;flex:1;padding:0 13px;border:1px solid #373b39;border-radius:var(--radius-xs);background:#191b1a;color:#929c96}
.library-search-field:focus-within{border-color:#667436;box-shadow:0 0 0 3px rgba(212,255,63,.06)}
.library-search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#edf2ee;font:inherit;font-size:13px}
.library-search-field input::placeholder{color:#7f8983}
.library-results-count{flex:none;color:#99a39d;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.library-results-hint,.library-preferences-status{margin:0;color:#89948e;font-size:11px;line-height:1.5}
.library-search-suggestions:empty{display:none}
.library-search-suggestions{display:grid;gap:12px;margin:8px 0 16px}
.library-search-heading{margin:0;font-size:13px;font-weight:600;color:#d8e5dc}
.library-search-status{margin:0;color:#89948e;font-size:12px;line-height:1.5}
.library-search-suggestions .library-card-open{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;text-align:left}
.library-search-suggestions .library-card-open strong{font-size:14px}
.library-list{display:grid;gap:9px}
.library-card{min-width:0;border:1px solid #303633;border-radius:var(--radius-message);background:linear-gradient(140deg,rgba(255,255,255,.018),transparent 56%),#1a1c1b;overflow:hidden;transition:border-color .16s,background .16s}
.library-card:hover,.library-card[open]{border-color:#405047;background-color:#1d201e}
.library-card>summary{display:grid;grid-template-columns:minmax(180px,auto) auto minmax(0,1fr) 18px;align-items:center;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}
.library-card>summary::-webkit-details-marker,.library-provider-directory>summary::-webkit-details-marker{display:none}
.library-card-title{display:flex;align-items:center;gap:9px;min-width:0;color:#eef2ef}
.library-card-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:590}
.library-card-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid #353b37;border-radius:var(--radius-control);background:#202421;color:#cfe38d}
.library-origin{justify-self:start;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border:1px solid #344139;border-radius:var(--radius-pill,999px);background:rgba(123,138,74,.08);color:#b6c9ba;font-size:10px}
.library-origin[data-origin=danger-code]{border-color:rgba(212,255,63,.22);color:#d5e896}
.library-card-description{overflow:hidden;color:#9da7a1;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.library-card-chevron,.library-provider-chevron{color:#87928b;transition:transform .16s}
.library-card[open] .library-card-chevron,.library-provider-directory[open] .library-provider-chevron{transform:rotate(90deg)}
.library-card-actions{display:flex;align-items:center;gap:9px;padding:0 15px 10px 52px}
.library-favorite-button{display:grid;place-items:center;width:30px;height:29px;border:1px solid #3a403c;border-radius:var(--radius-control);background:#202321;color:#aab5ae;font-size:17px;line-height:1;cursor:pointer;transition:color .16s,border-color .16s,background .16s}
.library-favorite-button[aria-pressed=true]{border-color:rgba(212,255,63,.28);background:rgba(212,255,63,.08);color:#d9f08d}
.library-favorite-button:disabled{opacity:.45;cursor:wait}
.library-card-actions small{color:#87928b;font-size:10px}
.library-status,.library-card-full-description{margin:0;padding:0 15px 10px 52px;color:#aeb8b2;font-size:12px;line-height:1.55}
.library-card>pre{max-height:230px;overflow:auto;margin:0 15px 10px 52px;padding:11px 13px;border:1px solid #2e3430;border-radius:var(--radius-control);background:#151716;color:#c3cec7;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.library-card>small{display:block;padding:0 15px 10px 52px;color:#86918a;font-size:10px}
.library-source-details{margin:0 14px 13px 52px;padding:9px 11px;border:1px solid #2e3530;border-radius:var(--radius-control);background:rgba(10,12,11,.35)}
.library-source-details>summary{display:flex;align-items:center;gap:8px;color:#c3d0c7;font-size:11px;cursor:pointer;list-style:none}
.library-source-details>summary span:nth-child(2){flex:1}
.library-source-details>small{display:block;margin:8px 0 0;color:#a1aba5;font-size:10px;overflow-wrap:anywhere}
.library-source-details .library-source-hash{color:#7f8983;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.library-source-details>a,.library-provider-actions>a{display:inline-flex;margin:9px 12px 0 0;color:#d1e590;font-size:11px;text-decoration:none}
.library-source-details>a:hover,.library-provider-actions>a:hover{text-decoration:underline}
.library-marketplace{display:grid;gap:12px;padding:12px;border:1px solid #303a33;border-radius:var(--radius-md);background:radial-gradient(ellipse at 8% 0,rgba(212,255,63,.075),transparent 43%),linear-gradient(150deg,#1b201d,#191b1a 68%)}
.library-marketplace-stats{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}
.library-marketplace-stat{display:flex;min-width:120px;flex:1;flex-direction:column;gap:3px;padding:9px 11px;border:1px solid #303832;border-radius:var(--radius-control);background:rgba(12,15,13,.42)}
.library-marketplace-stat strong{color:#f1f5f1;font-size:18px;font-weight:660;letter-spacing:-.03em;line-height:1.1}
.library-marketplace-stat small{color:#9ea9a1;font-size:10px}
.library-publishers-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:2px}
.library-publishers-heading h3{margin:0;color:#e9efea;font-size:13px;font-weight:620}
.library-publishers-heading>small{color:#87938b;font-size:10px;text-align:right}
.library-shelf{display:grid;gap:8px;padding-top:11px;border-top:1px solid #303a33}
.library-shelf-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.library-shelf-heading h3{margin:0;color:#e6eee8;font-size:12px;font-weight:620}
.library-shelf-heading>small{color:#87938b;font-size:10px}
.library-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.library-shelf-card{display:grid;min-width:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #333c36;border-radius:var(--radius-xs);background:rgba(12,15,13,.36);color:#edf2ee;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.library-shelf-card:hover{transform:translateY(-1px);border-color:#47684f;background:#202722}
.library-shelf-card.is-selected{border-color:rgba(212,255,63,.38);background:rgba(212,255,63,.07)}
.library-shelf-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #36413a;border-radius:var(--radius-control);background:#202521;color:#9be7ad}
.library-shelf-icon svg{width:15px;height:15px}
.library-shelf-copy{display:grid;min-width:0;gap:3px}
.library-shelf-copy strong{overflow:hidden;font-size:11px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}
.library-shelf-copy small{overflow:hidden;color:#87948b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.library-shelf-card>b{display:grid;min-width:23px;height:23px;place-items:center;padding:0 5px;border-radius:var(--radius-pill);background:rgba(255,255,255,.06);color:#cbd5cd;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.library-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.library-provider-grid.featured{padding:0}
.library-provider-card{--publisher-accent:#bfd86b;position:relative;display:flex;min-width:0;min-height:190px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:13px;border:1px solid #343d37;border-radius:var(--radius-message);background:radial-gradient(ellipse at 4% 0,color-mix(in srgb,var(--publisher-accent) 11%,transparent),transparent 55%),linear-gradient(155deg,#1d211f,#191b1a 72%);transition:transform .16s,border-color .16s,background .16s}
.library-provider-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--publisher-accent) 42%,#343d37);background-color:#1e2320}
.library-provider-card.is-blocked{--publisher-accent:#da8687}
.library-provider-card[data-provider=agentic-awesome-skills]{--publisher-accent:#d3e88b}
.library-provider-card[data-provider=wshobson-agents]{--publisher-accent:#86b8ff}
.library-provider-card[data-provider=ruflo]{--publisher-accent:#c3a0ff}
.library-provider-card[data-provider=superpowers]{--publisher-accent:#e9b7f4}
.library-provider-card[data-provider=trail-of-bits-skills]{--publisher-accent:#f4bf79}
.library-provider-card[data-provider=anthropic-skills]{--publisher-accent:#e9a78d}
.library-provider-card[data-provider=bmad-method]{--publisher-accent:#f0c77a}
.library-provider-card[data-provider=agentsys]{--publisher-accent:#72d4d2}
.library-provider-top{display:grid;width:100%;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:7px}
.library-provider-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--publisher-accent) 30%,transparent);border-radius:var(--radius-control);background:color-mix(in srgb,var(--publisher-accent) 10%,#1b1e1c);color:var(--publisher-accent);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em}
.library-provider-top>strong{min-width:0;overflow:hidden;color:#edf2ee;font-size:11px;font-weight:620;line-height:1.25;text-overflow:ellipsis}
.library-provider-state{grid-column:2/4;justify-self:start;margin-top:1px;padding:3px 6px;border:1px solid #38413b;border-radius:var(--radius-pill);background:#222624;color:#aebbb2;font-size:8px;line-height:1.2;white-space:nowrap}
.library-provider-state.state-bundled{border-color:color-mix(in srgb,var(--publisher-accent) 30%,transparent);background:color-mix(in srgb,var(--publisher-accent) 8%,#1a201c);color:#b9e9c3}
.library-provider-state.state-partial{border-color:#545c39;background:#1d2a21;color:#bceac7}
.library-provider-state.state-snapshot{border-color:#56513a;background:#29271e;color:#d9cd9a}
.library-provider-state.state-license-review{border-color:#59482a;background:#292318;color:#e8c784}
.library-provider-state.state-blocked{border-color:#573235;background:#281b1c;color:#e7a4a6}
.library-provider-count{display:block;margin-top:10px;color:var(--publisher-accent);font-size:17px;font-weight:670;letter-spacing:-.035em;line-height:1.15}
.library-provider-installed{display:block;margin-top:3px;color:#a4b1a8;font-size:9px}
.library-provider-license{display:block;max-width:100%;margin-top:7px;overflow:hidden;color:#c1ccc4;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.library-provider-summary,.library-provider-policy{display:-webkit-box;width:100%;margin:6px 0 0;overflow:hidden;color:#9aa69e;font-size:9px;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.library-provider-policy{color:#79877f;font-size:8px;-webkit-line-clamp:2}
.library-provider-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:9px}
.library-provider-actions>a{display:inline-flex;margin:0;color:#a6dfb3;font-size:9px;text-decoration:none}
.library-provider-actions>a:hover{text-decoration:underline}
.library-provider-actions>button{min-height:26px;padding:0 8px;border:1px solid #3c5443;border-radius:var(--radius-pill);background:#202a23;color:#bce9c7;font:inherit;font-size:9px;cursor:pointer}
.library-provider-actions>button:hover{border-color:#7a8556;background:#243229}
.library-provider-actions>.library-provider-zip{min-height:31px;align-items:center;padding:0 12px;border:1px solid rgba(212,255,63,.24);border-radius:var(--radius-pill);background:rgba(212,255,63,.085);color:#a7efb7;font-weight:620;text-decoration:none}
.library-provider-actions>.library-provider-zip:hover{border-color:rgba(212,255,63,.44);background:rgba(212,255,63,.14);color:#d4ffdc;text-decoration:none}
.library-more-publishers{border-top:1px solid #303a33;padding-top:9px}
.library-more-publishers>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#b4c1b8;font-size:11px;cursor:pointer;list-style:none}
.library-more-publishers>summary::-webkit-details-marker{display:none}
.library-more-publishers .library-provider-grid{padding-top:10px}
.library-load-more{grid-column:1/-1;min-height:38px;border:1px solid #37453a;border-radius:var(--radius-pill);background:#1b211d;color:#bce7c6;font-size:11px;cursor:pointer}
.library-load-more:hover{border-color:#7a8556;background:#222b24}
.library-card-actions.is-catalog-only{padding-top:0;color:#c6ad7b}
.library-card-actions.is-catalog-only .library-icon{color:#d4b97e}
@media(max-width:1180px){.library-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.library-card>summary{grid-template-columns:minmax(0,1fr) auto 18px;gap:8px}.library-card-description{grid-column:1/-1;grid-row:2}.library-card-chevron{grid-column:3;grid-row:1}.library-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.library-collection-heading h2{font-size:19px}.library-subfilter{min-height:32px;padding:0 9px;font-size:11px}.library-search-row{align-items:stretch;flex-direction:column;gap:6px}.library-results-count{align-self:flex-end}.library-card>summary{grid-template-columns:minmax(0,1fr) auto 16px;padding:11px}.library-origin{grid-column:1;grid-row:2;margin-left:36px}.library-card-description{grid-column:1/-1;grid-row:3;white-space:normal}.library-card-actions,.library-status,.library-card-full-description{padding-left:47px}.library-card>pre{margin-left:11px}.library-source-details{margin-left:11px}.library-marketplace{padding:9px;border-radius:var(--radius-message)}.library-marketplace-stat{min-width:96px;padding:8px}.library-marketplace-stat strong{font-size:15px}.library-publishers-heading{align-items:flex-start;flex-direction:column;gap:4px}.library-publishers-heading>small{text-align:left}.library-provider-grid{grid-template-columns:1fr;gap:8px}.library-provider-card{min-height:170px;padding:11px}.library-provider-top{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.library-provider-mark{width:27px;height:27px}.library-provider-state{grid-column:auto}.library-provider-top>strong{font-size:11px}.library-provider-count{font-size:17px}}

/* Publisher store and fixed detail sheet. Source cards never expand inside the results grid. */
.library-mode-switch{gap:5px}
.library-collection-heading{margin-bottom:2px}
.library-collection-heading p{max-width:850px}
.library-marketplace{gap:14px;padding:16px;border-radius:var(--radius-sm);background:radial-gradient(ellipse at 12% 0,rgba(212,255,63,.065),transparent 48%),linear-gradient(155deg,#1b1e1c,#181a19 75%)}
.library-marketplace-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.library-marketplace-stat{min-width:0;padding:12px 14px;border-radius:var(--radius-xs)}
.library-marketplace-stat strong{font-size:20px}
.library-marketplace-ready{margin:0;padding:10px 12px;border:1px solid rgba(141,155,96,.2);border-radius:var(--radius-xs);background:rgba(212,255,63,.035);color:#aebbb1;font-size:11px;line-height:1.5}
.library-publishers-heading{margin:4px 0 0}
.library-publishers-heading h3{font-size:15px}
.library-publishers-heading>small{max-width:55%;font-size:10px;line-height:1.45}
.library-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.library-provider-grid.featured{padding:0}
.library-provider-card{min-height:236px;padding:15px;border-radius:var(--radius-sm);cursor:default}
.library-provider-card:hover{transform:translateY(-2px)}
.library-provider-card.is-favorite{border-color:color-mix(in srgb,var(--publisher-accent) 48%,#343d37)}
.library-provider-card.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--publisher-accent) 45%,transparent)}
.library-provider-top{grid-template-columns:34px minmax(0,1fr);gap:9px}
.library-provider-mark{width:34px;height:34px;border-radius:var(--radius-control);font-size:10px}
.library-provider-top>strong{font-size:13px}
.library-provider-state{grid-column:2;max-width:100%;margin-top:-4px;font-size:9px}
.library-provider-open{align-self:flex-start;margin:12px 0 0;padding:0;border:0;background:transparent;color:#c9d2cc;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.library-provider-open:hover{color:#d9ef91}
.library-provider-metrics{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px}
.library-provider-metric{display:flex;min-width:0;align-items:baseline;gap:6px;padding:7px 8px;border:1px solid #303a33;border-radius:var(--radius-control);background:rgba(10,13,11,.32)}
.library-provider-metric strong{color:var(--publisher-accent);font-size:13px;font-weight:700}
.library-provider-metric small{overflow:hidden;color:#aab4ad;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.library-provider-installed{font-size:10px;line-height:1.4}
.library-provider-license{margin-top:8px;font-size:10px}
.library-provider-summary{margin-top:7px;font-size:10px;line-height:1.5;-webkit-line-clamp:2}
.library-provider-actions{width:100%;gap:8px;padding-top:13px}
.library-provider-actions>button{min-height:31px;padding:0 11px;border-radius:var(--radius-pill);font-size:10px}
.library-provider-actions>a{font-size:10px}
.library-provider-actions>.library-favorite-button{width:31px;min-width:31px;height:31px;padding:0;border:1px solid #3a403c;border-radius:50%;background:#202321;color:#aab5ae;font-size:17px}
.library-provider-actions>.library-favorite-button[aria-pressed=true]{border-color:rgba(212,255,63,.34);background:rgba(212,255,63,.09);color:#d9f08d}
.library-more-publishers{display:none}
.library-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.library-card{min-height:150px;border-radius:var(--radius-sm)}
.library-card-open{display:grid;width:100%;min-width:0;align-content:start;justify-items:start;gap:9px;padding:15px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.library-card-open:hover .library-card-title strong{color:#a4edb7}
.library-card-title{width:100%;gap:9px}
.library-card-title strong{font-size:13px}
.library-card-description{display:-webkit-box;width:100%;min-height:31px;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.library-card-open .library-origin{max-width:100%;justify-self:start}
.library-selection-policy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 18px;padding:12px 15px;border:1px solid #454b30;border-radius:var(--radius-message);background:#1a241d;color:#aebbb1;font-size:11px;line-height:1.5}
.library-selection-policy>.library-icon{width:17px;height:17px;color:var(--accent)}
.library-selection-policy>strong{color:#d5f4dd;font-size:11px}
.library-connection-status{display:inline-flex;align-items:center;gap:6px;min-height:23px;padding:3px 9px;border:1px solid #384039;border-radius:var(--radius-pill);background:#222823;color:#aeb8b1;font-size:9px;font-weight:600;line-height:1.4}
.library-connection-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.library-connection-status[data-state=ready]{border-color:#545f31;background:#2b301b;color:#9cebb1}
.library-connection-status[data-state=reference]{color:#a8aaa7;background:#242624}
.library-card-open .library-connection-status[data-state=review]{color:#ffcf91}
.library-card{display:flex;flex-direction:column}
.library-card-open{flex:1}
.library-type-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #38443b;border-radius:var(--radius-pill);background:#202621;color:#b9e4c3;font-size:9px}
.library-source-path{display:-webkit-box;width:100%;overflow:hidden;color:#78847c;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.library-variant-count,.library-usage-count{color:#92a198;font-size:9px}
.library-card-actions{padding:0 15px 13px}
.library-list{align-items:stretch;grid-auto-rows:auto}
#libraryCatalog{container-type:inline-size}
.library-list>.library-card{min-height:242px;border-radius:var(--radius-md);border-color:#303b34;background:#1c211e;overflow:hidden;transition:border-color .15s,background .15s}
.library-list>.library-card:hover{border-color:#4e7659;background:#202823}
.library-list>.library-card.is-favorite{border-color:#859b3b;background:#1d2a21}
.library-card-open{padding:18px 18px 12px;gap:10px}
.library-card-title{align-items:flex-start;min-height:38px}
.library-card-title strong{display:-webkit-box;overflow:hidden;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.35;font-weight:650}
.library-card-icon{flex:0 0 32px;width:32px;height:32px;border-radius:var(--radius-control)}
.library-card-description{min-height:45px;-webkit-line-clamp:3;font-size:11px;line-height:1.5;color:#adb9b0}
.library-card-open .library-origin{margin-left:0;grid-column:auto;grid-row:auto;border:0;padding:0;background:transparent;font-size:10px;color:#8dba99;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library-card-open .library-connection-status{border:0;background:transparent;padding:0;min-height:20px;font-size:10px;font-weight:500;color:#a9b4ac}
.library-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:0 18px 16px}
.library-card-preview{border:0;background:transparent;padding:6px 0;color:#b8ddc2;font-size:11px;font-weight:600;cursor:pointer}
.library-card-preview:hover{color:#fff}
.library-card-actions>.library-favorite-button{margin:0;width:32px;min-width:32px;height:32px;border:1px solid #3b5042;border-radius:50%;background:#222d26;color:#b0c1b5;font-size:19px}
.library-card-actions>.library-favorite-button[aria-pressed=true]{border-color:#b2e700;background:var(--brand);color:#1e2408}
.library-card-open:focus-visible,.library-card-preview:focus-visible,.library-safety-button:focus-visible{outline:2px solid #b2e700;outline-offset:-3px}
.library-safety-button{border:1px solid #3b5042;border-radius:var(--radius-pill);padding:10px 14px;background:#202b23;color:#c4e4cd;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.library-safety-button:hover{border-color:#b2e700;color:#fff}
.library-safety-panel{padding:18px;border:1px solid #344b3b;border-radius:var(--radius-sm);background:#1a231d}
.library-safety-panel h3{margin:0 0 12px;font-size:14px}
.library-safety-status{font-size:12px;color:#a7e6b8;font-weight:650}
.library-safety-status[data-state=review]{color:#ffcf91}
.library-safety-issue{display:grid;gap:8px;padding:15px;border:1px solid #5b4936;border-radius:var(--radius-message);background:#29251f}
.library-safety-issue small{color:#bdb5a9;line-height:1.6}
.library-source-disclosure{border:1px solid #34463a;border-radius:var(--radius-message);padding:12px 15px}
.library-source-disclosure>summary{cursor:pointer;color:#b4cfbc;font-size:12px;font-weight:600}
.library-source-disclosure>.library-dialog-facts{margin-top:14px}
.library-safety-panel>.library-dialog-excerpt{max-height:320px;overflow:auto;margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.library-safety-panel>.library-dialog-caption{display:block;overflow-wrap:anywhere;line-height:1.6}
@container (min-width:760px){#libraryCatalog .library-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:500px) and (max-width:759px){#libraryCatalog .library-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:499px){#libraryCatalog .library-list{grid-template-columns:minmax(0,1fr)}}
.library-card-full-description,.library-status{padding-right:15px;padding-left:15px}
.library-card>pre{margin-left:15px}
.library-card>small{padding-left:15px}
.library-source-details{margin-left:15px}
.library-empty-state{grid-column:1/-1;margin:8px 0;padding:26px;border:1px dashed #39433c;border-radius:var(--radius-message);color:#a8b2ab;text-align:center;font-size:12px}
.library-load-more{grid-column:1/-1}
.library-detail-backdrop{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:22px;background:rgba(5,7,6,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.library-detail-backdrop[hidden]{display:none!important}
.library-detail-panel{position:relative;display:flex;width:min(780px,100%);max-height:min(86vh,860px);min-height:0;flex-direction:column;overflow:hidden;border:1px solid #39443d;border-radius:var(--radius-md);background:radial-gradient(ellipse at 10% 0,rgba(212,255,63,.075),transparent 38%),#1b1e1c;box-shadow:0 28px 90px rgba(0,0,0,.55);outline:0}
.library-detail-close{position:absolute;top:15px;right:15px;z-index:1;display:grid;width:35px;height:35px;place-items:center;border:1px solid #3b433d;border-radius:50%;background:#202421;color:#d3ddd6;font-size:21px;cursor:pointer}
.library-detail-close:hover{border-color:#639271;color:#fff}
.library-detail-header{padding:27px 30px 18px;border-bottom:1px solid #303733}
.library-detail-header .eyebrow{color:#d0e880;font-size:9px;letter-spacing:.14em}
.library-detail-header h2{max-width:calc(100% - 35px);margin:9px 0 6px;color:#f0f4f0;font-size:25px;letter-spacing:-.04em}
.library-detail-header p{margin:0;color:#a2ada5;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.library-detail-content{display:grid;gap:15px;min-height:0;overflow:auto;padding:22px 30px 28px;overscroll-behavior:contain}
.library-dialog-lede,.library-dialog-note{margin:0;color:#c0cac3;font-size:13px;line-height:1.65}
.library-dialog-summary{margin:0;color:#94a198;font-size:11px;line-height:1.5}
.library-dialog-note{padding:12px 14px;border:1px solid #3b4032;border-radius:var(--radius-xs);background:rgba(164,134,61,.07);color:#c9c09c;font-size:11px}
.library-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.library-capability-card{display:grid;min-width:0;grid-template-columns:28px 1fr;grid-template-rows:auto auto auto;align-items:center;gap:2px 9px;padding:12px;border:1px solid #343d37;border-radius:var(--radius-xs);background:#1e2220;color:#e5eee7;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}
.library-capability-card:hover{border-color:#74804a;background:#222a24}
.library-capability-card>.library-icon{grid-row:1/4;color:#d1e68b}
.library-capability-card>strong{font-size:16px}
.library-capability-card>span:nth-of-type(2){color:#9ca9a0;font-size:9px}
.library-capability-card>small{color:#748178;font-size:8px;line-height:1.35}
.library-dialog-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.library-dialog-fact{display:flex;min-width:0;flex-direction:column;gap:6px;padding:12px;border:1px solid #303833;border-radius:var(--radius-xs);background:rgba(10,13,11,.28)}
.library-dialog-fact>small{color:#87948c;font-size:9px;letter-spacing:.08em}
.library-dialog-fact>strong{color:#e0e8e2;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.library-dialog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-top:2px}
.library-dialog-actions>a,.library-dialog-primary{display:inline-flex;min-height:36px;align-items:center;padding:0 13px;border:1px solid #3c5142;border-radius:var(--radius-pill);background:#202923;color:#c4e8cd;font:inherit;font-size:11px;text-decoration:none;cursor:pointer}
.library-dialog-actions>a:hover,.library-dialog-primary:hover{border-color:#86925c;background:#253329}
.library-dialog-primary{border-color:transparent;background:#b2e700;color:#1a2006;font-weight:650}
.library-dialog-primary:hover{background:#c6f232}
.library-dialog-actions>.library-dialog-download{border-color:rgba(212,255,63,.22);background:rgba(212,255,63,.08);color:#a1edb2}
.library-dialog-actions>.library-dialog-download:hover{border-color:rgba(212,255,63,.42);background:rgba(212,255,63,.14)}
.library-dialog-excerpt{max-height:320px;overflow:auto;margin:0;padding:15px;border:1px solid #303833;border-radius:var(--radius-xs);background:#141715;color:#cbd6ce;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.library-dialog-caption{color:#86938a;font-size:10px}
@media(max-width:980px){.library-provider-grid,.library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.library-detail-panel{width:min(720px,100%)}}
@media(max-width:620px){.library-provider-grid,.library-list{grid-template-columns:1fr}.library-provider-card{min-height:205px}.library-marketplace{padding:10px}.library-marketplace-stats{grid-template-columns:1fr 1fr}.library-marketplace-stat:last-child{grid-column:1/-1}.library-publishers-heading,.library-shelf-heading{align-items:flex-start;flex-direction:column;gap:5px}.library-publishers-heading>small,.library-shelf-heading>small{max-width:none;text-align:left}.library-shelf-grid{grid-template-columns:1fr}.library-detail-backdrop{padding:8px}.library-detail-panel{max-height:94vh;border-radius:var(--radius-sm)}.library-detail-header{padding:23px 18px 16px}.library-detail-header h2{font-size:21px}.library-detail-content{gap:12px;padding:17px 18px 22px}.library-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-dialog-facts{grid-template-columns:1fr 1fr}.library-card{min-height:136px}}
@media(prefers-reduced-motion:reduce){.library-provider-card,.library-card-open,.library-capability-card{transition:none!important}.library-provider-card:hover{transform:none}}
.template-library{max-width:1440px;margin:0 auto;padding:0 0 42px}
.template-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:10px 0 24px}
.template-kicker{display:block;color:#91dda6;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.template-library-heading h2{margin:10px 0 8px;color:#f1f3f1;font-size:clamp(25px,3vw,38px);letter-spacing:-.045em;line-height:1.08}
.template-library-heading p{max-width:680px;margin:0;color:var(--muted,#a5aaaa);font-size:13px;line-height:1.65}
.template-metrics{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:7px;flex:0 0 auto}
.template-metric{min-width:88px;padding:10px 12px;border:1px solid #303636;border-radius:var(--radius-control);background:#1b1e1e}
.template-metric strong,.template-metric span{display:block}
.template-metric strong{color:#f0f2f1;font:600 17px ui-monospace,SFMono-Regular,Menlo,monospace}
.template-metric span{margin-top:3px;color:#a4adab;font-size:10px}
.template-access-note{display:flex;gap:13px;align-items:flex-start;margin:0 0 20px;padding:14px 16px;border:1px solid rgba(171,195,90,.2);border-radius:var(--radius-message);background:linear-gradient(110deg,rgba(114,133,51,.11),rgba(35,40,38,.36))}
.template-access-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:var(--radius-control);background:rgba(178,205,87,.13);color:#9ae8ad;font-size:15px}
.template-access-note strong{display:block;color:#e1e8e3;font-size:12px}
.template-access-note p{margin:5px 0 0;color:#a8b0ac;font-size:12px;line-height:1.55}
.template-toolbar{display:flex;gap:10px;margin:18px 0 12px}
.template-search,.template-category-filter{box-sizing:border-box;min-height:42px;border:1px solid #373d3d;border-radius:var(--radius-control);background:#1a1d1d;color:#e8ebea;padding:0 13px;font:inherit;font-size:12px;outline:none}
.template-search{flex:1;min-width:160px}
.template-search::placeholder{color:#89918e}
.template-search:focus,.template-category-filter:focus{border-color:#a8bc66;box-shadow:0 0 0 3px rgba(166,193,74,.12)}
.template-category-filter{min-width:190px}
.template-result-count{margin:0 0 12px;color:#9ba4a1;font-size:11px}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.template-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #303636;border-radius:var(--radius-message);background:linear-gradient(155deg,#202424,#1b1e1e 72%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.template-card:hover{transform:translateY(-2px);border-color:#495650;box-shadow:0 16px 36px rgba(0,0,0,.18)}
.template-card-cover{position:relative;display:grid;place-items:center;aspect-ratio:1.78;background:radial-gradient(ellipse at 50% 10%,rgba(161,183,87,.18),transparent 62%),linear-gradient(135deg,#292d2c,#202525);overflow:hidden}
.template-card-cover:after{position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);content:""}
.template-thumbnail{width:100%;height:100%;object-fit:cover}
.template-monogram{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(151,229,170,.3);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(147,171,66,.25),rgba(40,53,45,.7));color:#c5f5cf;font:600 22px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.07em}
.template-live-preview-frame{position:absolute;z-index:0;top:0;left:0;width:400%;height:760px;border:0;background:#f4f2ed;transform:scale(.25);transform-origin:top left;pointer-events:none}
.template-card-cover.has-live-preview:after{z-index:1;pointer-events:none}
.template-origin{position:absolute;z-index:2;top:11px;left:11px;padding:5px 8px;border:1px solid rgba(231,241,234,.12);border-radius:var(--radius-xs);background:rgba(18,21,20,.72);color:#d3ddd6;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.template-preview-link{position:absolute;z-index:3;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:0 10px;border:1px solid rgba(165,222,176,.28);border-radius:var(--radius-control);background:rgba(18,23,20,.86);backdrop-filter:blur(10px);color:#d8f5df;font:650 10px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;cursor:pointer;appearance:none;transition:background .16s,border-color .16s,transform .16s}
.template-preview-link:hover{transform:translateY(-1px);border-color:rgba(165,222,176,.56);background:rgba(42,46,28,.94)}
.template-preview-dialog{box-sizing:border-box;width:min(96vw,1440px);height:min(92vh,960px);max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid #39413c;border-radius:var(--radius-message);background:#181b19;color:#eff2f0;box-shadow:0 28px 100px rgba(0,0,0,.55)}
.template-preview-dialog::backdrop{background:rgba(7,8,5,.78);backdrop-filter:blur(8px)}
.template-preview-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:14px;height:58px;padding:0 16px;border-bottom:1px solid #303632}
.template-preview-dialog-label{display:flex;min-width:0;flex-direction:column;gap:4px}
.template-preview-dialog-label .template-kicker{font-size:9px}
.template-preview-dialog-title{overflow:hidden;color:#edf2ee;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.template-preview-dialog-close{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border:1px solid #3d4641;border-radius:var(--radius-control);background:#222724;color:#e7ece8;font:400 22px/1 system-ui,sans-serif;cursor:pointer}
.template-preview-dialog-close:hover{border-color:#b4c775;background:#2a352d}
.template-preview-dialog-stage{position:relative;height:calc(100% - 58px);background:#171c19}
.template-preview-dialog-frame{display:block;width:100%;height:100%;border:0;background:#f4f2ed;opacity:0;transition:opacity .24s ease}
.template-preview-dialog-frame.is-ready{opacity:1}
.template-preview-message-content{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;background:#171c19;color:#c7d2ca;text-align:center;font-size:14px}
.template-preview-message-content[hidden]{display:none}
.template-preview-message-content .soft-button{border-color:#42634d;background:#353b22;color:#bcf4cc}
.template-preview-status{position:absolute;z-index:2;left:10px;bottom:12px;max-width:55%;padding:5px 8px;border-radius:var(--radius-control);background:rgba(18,23,20,.88);color:#b9c8be;font-size:10px}
.template-card-content{display:flex;flex:1;flex-direction:column;padding:14px}
.template-card-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9aa5a0;font-size:10px}
.template-category{overflow:hidden;color:#9fe2b1;text-overflow:ellipsis;white-space:nowrap}
.template-pages{flex:0 0 auto;color:#a0a8a5}
.template-card h3{margin:10px 0 6px;color:#f1f3f2;font-size:15px;letter-spacing:-.02em;line-height:1.35}
.template-summary{display:-webkit-box;min-height:54px;margin:0;color:#a9b1ae;font-size:11px;line-height:1.6;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.template-tags{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 0}
.template-tags span{max-width:100%;overflow:hidden;padding:4px 7px;border-radius:var(--radius-xs);background:#292e2d;color:#bbc4bf;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.template-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px}
.template-link-button,.template-use-button,.template-download-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border-radius:var(--radius-control);text-decoration:none;font:600 11px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.template-link-button{border:1px solid #3c4340;background:transparent;color:#d4dbd7}
.template-link-button:hover{background:#292e2c}
.template-access-button{gap:8px}
.template-plan-label{padding:3px 5px;border-radius:var(--radius-sm);background:rgba(181,207,96,.1);color:#9fe6ad;font-size:9px;letter-spacing:.04em}
.template-use-button{min-height:36px;padding:0 15px;border:1px solid var(--brand);border-radius:var(--radius-pill,999px);background:var(--brand);color:#0d1004;font-weight:700;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.template-use-button:not(:disabled):hover{transform:translateY(-1px);border-color:var(--brand-strong);background:var(--brand-strong);color:#0d1004}
.template-use-button:disabled,.template-use-button[aria-disabled="true"]{border-color:var(--line);background:var(--panel2);color:var(--muted);box-shadow:none;cursor:not-allowed}
.template-download-button{border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.template-download-button:hover{border-color:var(--brand-border);background:var(--brand-quiet)}
.template-use-button{margin-left:auto}
.template-preview-only{margin-left:auto;color:#aab1ae;font-size:10px}
.template-live-preview-frame{opacity:0;transition:opacity .24s ease}
.template-live-preview-frame.is-ready{opacity:1}
.template-card-cover.has-live-preview .template-thumbnail,.template-card-cover.has-live-preview .template-monogram{visibility:visible}
@media(prefers-reduced-motion:reduce){.template-live-preview-frame{transition:none}}
@media(max-width:600px){.template-preview-dialog{width:100vw;height:100dvh;border-radius:0}.template-preview-dialog-header{height:54px;padding:0 12px}.template-preview-dialog-stage{height:calc(100% - 54px)}}
.template-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0}
.template-pager span{color:#b7bfbc;font-size:11px}
.template-pager button:disabled{opacity:.45;cursor:default}
.template-catalog-freshness{margin:18px 0 0;color:#7f8985;font-size:10px}
.template-empty,.template-state{display:grid;justify-items:center;gap:7px;padding:45px 18px;text-align:center}
.template-empty strong,.template-state h3{margin:0;color:#e3e8e5;font-size:15px}
.template-empty p,.template-state p{max-width:460px;margin:0 0 7px;color:#9ea7a3;font-size:12px;line-height:1.6}
.template-state-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-message);background:#373c26;color:#a2eab2;font-size:20px}
.template-state .soft-button{min-height:34px}
.template-import-dialog{box-sizing:border-box;width:min(610px,calc(100vw - 28px));max-width:none;max-height:min(92vh,900px);padding:0;overflow:auto;border:1px solid #414846;border-radius:var(--radius-md);background:#1b1e1d;color:#ecf0ed;box-shadow:0 32px 100px rgba(0,0,0,.65)}
.template-import-dialog::backdrop{background:rgba(7,9,8,.74);backdrop-filter:blur(8px)}
.template-import-form{padding:25px}
.template-dialog-top{display:flex;align-items:center;justify-content:space-between}
.template-dialog-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid #414744;border-radius:var(--radius-control);background:#262b29;color:#e7ece8;font-size:20px;cursor:pointer}
.template-import-form h2{margin:13px 0 5px;color:#f1f4f1;font-size:24px;letter-spacing:-.04em}
.template-dialog-lead{margin:0;color:#a9b4ae;font-size:12px}
.template-source-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.template-source-note,.template-trust-note{padding:10px 12px;border:1px solid #343b37;border-radius:var(--radius-control);background:#222624;color:#aeb8b2;font-size:11px;line-height:1.55}
.template-plan-link{color:#9fe6ad;text-decoration:underline;text-underline-offset:2px}
.template-import-dialog [hidden]{display:none!important}
.template-field{display:grid;gap:7px;margin-top:15px;color:#d1d8d3;font-size:11px;font-weight:600}
.template-field input,.template-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #3d4641;border-radius:var(--radius-control);background:#151817;color:#edf2ee;padding:10px 11px;font:400 12px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none}
.template-field input:focus,.template-field textarea:focus{border-color:#abc065;box-shadow:0 0 0 3px rgba(166,193,74,.12)}
.template-field input[type=file]{padding:9px}
.template-field textarea{min-height:100px;resize:vertical;line-height:1.55}
.template-parent-row{display:flex;gap:8px}
.template-parent-row input{flex:1}
.template-parent-row .soft-button{flex:0 0 auto;min-height:39px}
.template-file-hint{margin:7px 0 0;color:#929d97;font-size:10px}
.template-trust-note{margin:13px 0 0;color:#abb5af}
.template-dialog-status{min-height:17px;margin:11px 0 0;color:#b4c0b8;font-size:11px;line-height:1.45}
.template-dialog-status.is-error{color:#ffaaaa}
.template-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}
.template-dialog-actions button{min-height:39px}
.template-dialog-actions button:disabled,.template-dialog-close:disabled{opacity:.55;cursor:wait}
.template-import-dialog :focus-visible,.template-library :focus-visible{outline:2px solid #9be6ad;outline-offset:2px}
@media(max-width:1100px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-library-heading{align-items:flex-start;flex-direction:column}.template-metrics{width:100%;max-width:420px}}
@media(max-width:680px){.library-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:4px;overflow:visible;border-radius:var(--radius-pill,999px)}.library-mode-switch [role=tab]{justify-content:center;gap:6px;min-width:0;min-height:38px;padding:0 8px;font-size:11px}.library-mode-switch [role=tab]>span:nth-of-type(2){white-space:nowrap}.template-grid{grid-template-columns:1fr}.template-toolbar{flex-direction:column}.template-category-filter{min-height:42px}.template-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.template-metric{min-width:0;padding:9px 8px}.template-metric strong{font-size:15px}.template-metric span{font-size:9px}.template-import-form{padding:19px}.template-import-form h2{font-size:21px}.template-parent-row{align-items:stretch;flex-direction:column}.template-parent-row .soft-button{width:100%}.template-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.template-dialog-actions button{padding-inline:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.template-card,.library-mode-switch [role=tab],.template-use-button{transition:none}.template-card:hover,.template-use-button:not(:disabled):hover{transform:none}}
.research-diagnostics{max-width:1100px;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.research-diagnostics[hidden]{display:none}
.library-inventory-state{display:flex;min-height:220px;align-items:center;gap:16px;padding:24px;border:1px solid #303b33;border-radius:var(--radius-md);background:radial-gradient(ellipse at 12% 0,rgba(212,255,63,.06),transparent 50%),#191c1a}
.library-inventory-state-copy h2{margin:0;color:#eef3ef;font-size:20px;letter-spacing:-.035em}
.library-inventory-state-copy p{margin:8px 0 0;color:#9ca79f;font-size:12px;line-height:1.55}
.library-inventory-state>.library-dialog-primary{margin-left:auto;flex:none}
@media(max-width:620px){.library-inventory-state{align-items:flex-start;flex-direction:column;min-height:170px;padding:18px}.library-inventory-state>.library-dialog-primary{margin-left:0}}
.library-type-filter{display:inline-flex;align-items:center;gap:7px;color:#87948c;font-size:10px}
.library-type-filter>select{min-width:160px;min-height:34px;padding:0 30px 0 12px;border:1px solid #353938;border-radius:var(--radius-pill,999px);background:#1b1d1c;color:#c8d2cb;font:inherit;font-size:11px;color-scheme:dark}
.library-type-filter>select:focus-visible{outline:2px solid rgba(212,255,63,.45);outline-offset:2px}
.library-marketplace-ready{margin:0;padding:10px 12px;border:1px solid rgba(141,155,96,.2);border-radius:var(--radius-xs);background:rgba(212,255,63,.035);color:#aebbb1;font-size:11px;line-height:1.5}
.library-dialog-summary{margin:0;color:#94a198;font-size:11px;line-height:1.5}
.library-capability-card{grid-template-rows:auto auto auto}
.library-capability-card>.library-icon{grid-row:1/4}
.library-capability-card>span:nth-of-type(2){color:#9ca9a0;font-size:9px}
.library-capability-card>small{color:#748178;font-size:8px;line-height:1.35}
.library-dialog-actions>.library-dialog-download{border-color:rgba(212,255,63,.22);background:rgba(212,255,63,.08);color:#a1edb2}
.library-dialog-actions>.library-dialog-download:hover{border-color:rgba(212,255,63,.42);background:rgba(212,255,63,.14)}
@media(max-width:620px){.library-type-filter{flex:1 1 100%;justify-content:space-between}.library-type-filter>select{flex:1;max-width:none}}

/* Store, favorites and personal setup share one library navigation. */
.library-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto 18px}
.library-mode-switch [role=tab]{justify-content:center;min-height:46px;padding:0 16px;text-align:center}
.library-template-favorites[hidden]{display:none!important}
.library-mode-pane[hidden],#libraryWebsiteTemplatesPane[hidden],#libraryCatalog[hidden]{display:none!important}
.library-store-templates{width:100%;min-width:0}
.library-template-favorites{max-width:1180px;margin:0 auto 10px}
.template-favorites-heading{margin:5px 0 14px}
.template-favorites-heading h2{margin:6px 0;color:#eaf0eb;font-size:20px;letter-spacing:-.035em}
.template-favorites-heading p{margin:0;color:#97a39a;font-size:11px;line-height:1.5}
.template-favorite-button{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #405546;border-radius:50%;background:rgba(212,255,63,.06);color:#a2edb3;font-size:18px;cursor:pointer}
.template-favorite-button:hover,.template-favorite-button[aria-pressed=true]{border-color:#96a563;background:rgba(212,255,63,.13);color:#d8ffe0}
.template-card-actions{align-items:center}
.main-stage>.topbar[hidden],.main-stage>.workspace-status[hidden]{display:none!important}
.desktop[data-active-view="library"] .main-stage>.topbar,.desktop[data-active-view="library"] .main-stage>.workspace-status{display:none!important}
.desktop[data-active-view="library"] .main-stage{grid-template-rows:minmax(0,1fr)}
@media(max-width:680px){.library-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.library-mode-switch [role=tab]{gap:7px;min-width:0;padding:0 9px;font-size:11px}.library-mode-switch [role=tab]>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-mode-switch [role=tab] small{min-width:20px;padding:0 5px;font-size:9px}}

/* One green, fully rounded navigation system for Library sections and types. */
.library-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,900px);max-width:900px;margin:0 auto 12px;padding:6px;border:1px solid rgba(212,255,63,.22);border-radius:var(--radius-pill,999px);background:#141815;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.library-mode-switch [role=tab]{display:grid;grid-template-columns:16px minmax(0,1fr) 46px;align-items:center;justify-items:center;gap:7px;min-width:0;min-height:46px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-pill,999px);background:transparent;color:#aab4ad;text-align:center;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}
.library-mode-switch [role=tab]:hover{border-color:rgba(212,255,63,.3);background:rgba(212,255,63,.07);color:#e5f7e9}
.library-mode-switch [role=tab][aria-selected=true]{border-color:var(--brand,#d4ff3f);background:var(--brand,#d4ff3f);color:#101306;font-weight:700;box-shadow:0 3px 15px rgba(212,255,63,.16),inset 0 1px 0 rgba(255,255,255,.22)}
.library-mode-switch [role=tab]>span:first-child{color:currentColor}
.library-mode-switch [role=tab]>span:nth-child(2){width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library-mode-switch [role=tab] small{width:46px;min-width:46px;height:20px;box-sizing:border-box;padding:0 3px;border-radius:var(--radius-pill,999px);background:rgba(212,255,63,.1);color:#a6eeb6;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.library-mode-switch [role=tab][aria-selected=true] small{background:rgba(0,0,0,.14);color:#101306;font-weight:700}
.library-category-switch{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:min(100%,1280px);margin:0 auto;padding:0;border:0;border-radius:0;background:transparent}
.library-category-switch [role=tab]{display:grid;grid-template-columns:15px minmax(0,1fr) 42px;align-items:center;justify-items:center;min-width:0;min-height:38px;gap:6px;padding:0 8px;border:1px solid rgba(85,124,94,.27);border-radius:var(--radius-pill,999px);background:#1b201c;color:#adb8b0;font:inherit;font-size:11px;font-weight:540;cursor:pointer;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}
.library-category-switch [role=tab]:hover{border-color:rgba(212,255,63,.38);background:#222a23;color:#e4f6e8}
.library-category-switch [role=tab][aria-selected=true]{border-color:var(--brand,#d4ff3f);background:var(--brand,#d4ff3f);color:#101306;font-weight:700;box-shadow:0 2px 10px rgba(212,255,63,.11)}
.library-category-switch [role=tab]>span:first-child{display:grid;width:15px;height:15px;flex:0 0 15px;place-items:center;color:#c1d972}
.library-category-switch [role=tab][aria-selected=true]>span:first-child{color:#101306}
.library-category-switch [role=tab]>span:first-child svg{width:15px;height:15px}
.library-category-switch [role=tab]>span:last-child{width:100%;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.library-category-switch [role=tab] small{display:grid;width:42px;min-width:42px;height:19px;box-sizing:border-box;place-items:center;padding:0 3px;border-radius:var(--radius-pill,999px);background:rgba(212,255,63,.1);color:#a6eeb6;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.library-category-switch [role=tab][aria-selected=true] small{background:rgba(0,0,0,.13);color:#101306;font-weight:700}
.library-mode-description{width:min(100%,1280px);margin:-3px auto 2px;color:#929e95;font-size:11px;line-height:1.45;text-align:center}
.library-category-notice{width:min(100%,880px);box-sizing:border-box;margin:12px auto;padding:22px 24px;border:1px solid rgba(212,255,63,.18);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 0 0,rgba(212,255,63,.08),transparent 58%),#191d1a}
.library-category-notice[hidden]{display:none!important}
.library-category-notice strong{display:block;color:#e8efe9;font-size:16px;letter-spacing:-.02em}
.library-category-notice p{max-width:680px;margin:7px 0 15px;color:#9da9a0;font-size:12px;line-height:1.55}
.library-notice-button{min-height:36px;padding:0 16px;border:1px solid var(--brand,#d4ff3f);border-radius:var(--radius-pill,999px);background:var(--brand,#d4ff3f);color:#101306;font:inherit;font-size:12px;font-weight:680;cursor:pointer}
.library-notice-button:hover{filter:brightness(1.08)}
@media(max-width:1050px) and (min-width:681px){.library-category-switch{grid-template-columns:repeat(20,minmax(0,1fr));gap:5px}.library-category-switch [role=tab]{grid-column:span 4;grid-template-columns:12px minmax(0,1fr) 36px;min-height:36px;gap:4px;padding:0 5px;font-size:10px}.library-category-switch [role=tab]:nth-child(-n+5){grid-row:1}.library-category-switch [role=tab]:nth-child(n+6):nth-child(-n+9){grid-row:2;grid-column:span 5}.library-category-switch [role=tab]:nth-child(n+10){grid-row:3}.library-category-switch [role=tab]>span:first-child{width:12px;flex-basis:12px}.library-category-switch [role=tab] small{width:36px;min-width:36px;height:18px;padding:0 2px;font-size:9px}}
@media(max-width:680px){.library-mode-switch{gap:5px}.library-category-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.library-category-switch [role=tab]{grid-template-columns:13px minmax(0,1fr) 34px;min-height:36px;gap:4px;padding:0 5px;font-size:10px}.library-category-switch [role=tab]:nth-child(n){grid-row:auto}.library-category-switch [role=tab]>span:first-child{width:13px;flex-basis:13px}.library-category-switch [role=tab] small{width:34px;min-width:34px;height:18px;padding:0 2px;font-size:9px}}
@media(max-width:520px){.library-mode-switch{gap:4px}.library-mode-switch [role=tab]{grid-template-columns:minmax(0,1fr) 38px;gap:4px;min-height:42px;padding:0 6px;font-size:10px}.library-mode-switch [role=tab]>span:first-child{display:none}.library-mode-switch [role=tab] small{width:38px;min-width:38px;height:18px;padding:0 2px;font-size:9px}.library-category-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.library-mode-description{text-align:left}}
@media(prefers-reduced-motion:reduce){.library-mode-switch [role=tab],.library-category-switch [role=tab]{transition:none}}

.project-section{flex:1;min-height:0;display:flex;flex-direction:column}
.project-section .section-title{padding:0 4px}
.project-choices{max-height:none;flex:1;align-content:start;overflow:auto;padding-right:2px}
.session-memory-dialog{width:min(500px,calc(100vw - 32px));padding:0;border:1px solid var(--line,#383d3a);border-radius:var(--radius-lg);background:#1d201e;color:var(--text,#f1f3f1);box-shadow:0 28px 100px rgba(0,0,0,.58)}
.session-memory-dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(8px)}
.session-memory-dialog form{padding:24px}
.session-memory-dialog h2{margin:7px 0 8px;font-size:22px}
.session-memory-dialog p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.55}
.session-memory-dialog textarea{box-sizing:border-box;width:100%;min-height:145px;padding:13px;border:1px solid var(--line,#383d3a);border-radius:var(--radius-xs);background:#151716;color:inherit;font:inherit;font-size:12px;line-height:1.55;resize:vertical}
.session-memory-dialog>form>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}
.session-memory-dialog .project-builder-actions{margin-top:14px}

/* Personal resources share the Library controls and modal. */
.library-setup-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.library-setup-field{display:grid;gap:7px;margin:12px 0;font-size:12px;color:var(--muted)}
.library-setup-field>input,.library-setup-field>select,.library-setup-field>textarea{width:100%;box-sizing:border-box;border:1px solid #3b5042;border-radius:var(--radius-sm);padding:11px 13px;background:#181e1a;color:var(--text);font:inherit}
.library-setup-field>textarea{resize:vertical;min-height:180px;font-family:ui-monospace,monospace;line-height:1.55}
.library-setup-presets{padding:16px;border:1px solid #304437;border-radius:var(--radius-md);margin:14px 0;background:#1c241f}
.library-setup-presets>h3{margin:0 0 6px;font-size:14px}.library-setup-presets>p,.library-setup-presets>small{font-size:12px;color:var(--muted)}
.library-setup-preset{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-top:1px solid #304437}
.library-setup-preset>strong{margin-right:auto}.library-setup-preset>small{color:var(--muted)}
.library-setup-preset>[aria-pressed=true]{background:var(--brand);color:#1e2408;font-weight:700}
.library-setup-choices{max-height:280px;overflow:auto;border:1px solid #304437;border-radius:var(--radius-sm);padding:8px;scrollbar-width:thin}
.library-setup-choice{display:flex;align-items:center;gap:9px;padding:8px;font-size:12px}.library-setup-choice>small{margin-left:auto;color:var(--muted)}
.library-setup-choice>input{accent-color:var(--brand)}


/* Workspace surfaces share the shell's material and shape tokens. */
.workspace-open-copy{flex:1;min-width:0}.workspace-open-copy strong{display:block;font-size:13px;font-weight:600}.workspace-open-copy small{display:block;margin-top:4px;font-size:11px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:clip}
.workspace-menu-icon{flex:none;border:1px solid rgba(196,219,204,.14);background:linear-gradient(145deg,rgba(192,213,201,.14),rgba(106,127,114,.06));color:#d9e6de;font-size:16px}
.workspace-hover-panel{width:320px;padding:18px;z-index:400;pointer-events:auto;background:linear-gradient(145deg,rgba(58,64,61,.82),rgba(33,37,35,.88));-webkit-backdrop-filter:blur(32px) saturate(140%);backdrop-filter:blur(32px) saturate(140%);border:1px solid rgba(218,237,224,.18);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 64px rgba(0,0,0,.38);scrollbar-width:thin;scrollbar-color:rgba(189,202,193,.22) transparent;animation:workspace-preview-in .14s ease-out}
.workspace-hover-panel[hidden]{display:none!important}.workspace-hover-panel .workspace-menu-heading{display:block;padding:0 0 6px;font-size:13px;font-weight:600;color:var(--text)}
.workspace-limit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 8px;font-size:12px;color:var(--muted)}
.workspace-limit-row strong{text-align:right;font-size:12px;font-weight:500;color:var(--text)}.workspace-limit-empty,.workspace-limit-plan{font-size:12px;color:var(--muted)}
#workspaceHoverContext{padding-top:12px;margin-top:14px;border-top:1px solid rgba(214,231,221,.12);white-space:pre-line;font-size:11px;line-height:1.7}
@keyframes workspace-preview-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.workspace-page{position:relative;max-width:none;gap:0;padding:28px clamp(24px,5vw,72px) 70px;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 0,rgba(136,168,150,.07),transparent 42%)}
.workspace-page-header,.workspace-profile-card,.workspace-section{width:100%;max-width:840px;margin-inline:auto;flex-shrink:0}
.workspace-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.workspace-page-header .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted2)}.workspace-page-header>.soft-button{flex:none;padding:9px 14px;background:rgba(255,255,255,.035);border-color:rgba(214,231,221,.1);font-size:12px}
.workspace-profile-card{display:flex;align-items:center;flex-direction:column;padding:22px 0 34px;text-align:center}
.workspace-profile-avatar{display:grid;place-items:center;flex:none;width:84px;height:84px;border-radius:50%;background:linear-gradient(145deg,rgba(179,202,189,.28),rgba(99,124,110,.12));color:#e5eee8;font-size:26px;font-weight:450;letter-spacing:-.06em;border:1px solid rgba(207,231,218,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 40px rgba(0,0,0,.12)}
.workspace-profile-card h1{margin:18px 0 8px;font-size:29px;letter-spacing:-.04em;font-weight:550;line-height:1.2}.workspace-profile-card p{margin:0;color:var(--muted);font-size:13px}.workspace-account-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:16px;font-size:11px;color:#c2cdc6}.workspace-account-status i{width:5px;height:5px;border-radius:50%;background:#a9c7b6}.workspace-account-status>span{color:var(--muted2);margin-left:5px;padding-left:12px;border-left:1px solid var(--line)}
.workspace-page h2{margin:0;font-size:15px;line-height:1.5;font-weight:550;letter-spacing:-.015em}.workspace-section{margin-top:28px}.workspace-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}.workspace-section-heading>span{font-size:11px;color:var(--muted2)}
.workspace-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 4px;border:1px solid rgba(214,231,221,.1);border-radius:var(--radius-md);background:linear-gradient(125deg,rgba(212,230,220,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.workspace-metrics article{min-width:0;padding:0 22px;text-align:center}.workspace-metrics article+article{border-left:1px solid rgba(214,231,221,.11)}.workspace-metrics article>span{font-size:12px;color:var(--muted)}.workspace-metrics strong{display:block;margin:9px 0;font-size:26px;font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.workspace-metrics small{display:block;min-height:32px;font-size:11px;line-height:1.6;color:var(--muted2);overflow-wrap:anywhere}.workspace-budget{font-size:11px;color:var(--muted2);margin:12px 4px 0}
.workspace-connection-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid rgba(214,231,221,.1);border-radius:var(--radius-md);background:linear-gradient(130deg,rgba(214,231,221,.045),rgba(255,255,255,.014));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.workspace-connection-symbol,.workspace-preference-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:var(--radius-xs);background:rgba(197,218,206,.055);border:1px solid rgba(214,231,221,.08);color:#b6c6bd}.workspace-connection-symbol svg,.workspace-preference-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.workspace-connection-copy{min-width:0;flex:1}.workspace-connection-card h3{margin:0;font-size:14px;font-weight:550;overflow-wrap:anywhere}.workspace-connection-card p{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.workspace-connection-card button{flex:none;padding:9px 14px;font-size:12px;background:rgba(255,255,255,.04);border-color:rgba(214,231,221,.12)}
.workspace-page .plan-usage-card{padding:0;background:none;border:0;border-radius:0}.workspace-page .plan-usage-content{padding:20px 22px;border:1px solid rgba(214,231,221,.1);border-radius:var(--radius-md);background:rgba(255,255,255,.02)}.workspace-page .plan-usage-copy{font-size:12px;line-height:1.7}.workspace-page .plan-usage-title{font-size:13px}.workspace-page .plan-usage-windows{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px}.workspace-page .plan-usage-window-heading,.workspace-page .plan-usage-window-meta,.workspace-page .plan-usage-reset{font-size:12px}
.workspace-preferences{display:grid;gap:0;padding:0 18px;border:1px solid rgba(214,231,221,.1);border-radius:var(--radius-md);background:rgba(255,255,255,.018)}.workspace-preferences>button,.workspace-preferences>label{display:flex;align-items:center;gap:14px;min-height:82px;margin:0;padding:16px 0;border:0;border-bottom:1px solid rgba(214,231,221,.08);background:transparent;color:var(--text);text-align:left;font:inherit}.workspace-preferences>:last-child{border-bottom:0}.workspace-preference-copy{flex:1;min-width:0}.workspace-preferences>button{cursor:pointer}.workspace-preferences>button:hover .workspace-preference-icon{background:rgba(197,218,206,.12);color:var(--text)}.workspace-preferences>button>span:last-child{color:var(--muted2)}.workspace-preferences strong{font-size:13px;font-weight:500}.workspace-preferences small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted)}.workspace-preferences select{width:auto;min-width:90px;font-size:12px}
.workspace-header-shortcut{display:none}.composer-context-wrap{position:relative;display:flex;align-items:center}.composer-context{cursor:pointer;font-family:inherit;font-size:12px;font-variant-numeric:tabular-nums}.composer-context:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.context-popover{display:none;position:absolute;z-index:100;right:0;bottom:calc(100% + 12px);width:300px;max-width:calc(100vw - 40px);padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#242825;box-shadow:0 16px 44px #0007;white-space:pre-line;font-size:12px;line-height:1.8;color:var(--text);pointer-events:none}.composer-context-wrap:hover .context-popover,.composer-context-wrap:focus-within .context-popover{display:block}
@media(max-width:980px){.composer-context{display:flex}.workspace-page{padding-inline:24px}.workspace-connection-card{grid-template-columns:38px minmax(0,1fr)}.workspace-connection-card button{grid-column:2;justify-self:start;margin-left:0}.workspace-section-heading>span{max-width:60%;text-align:right}}
@media(max-width:760px){.workspace-header-shortcut{display:block}.workspace-page{padding:22px 18px 100px}.workspace-page-header{gap:12px}.workspace-page-header>.soft-button{padding:8px 10px}.workspace-profile-card{padding:22px 0 18px}.workspace-profile-card h1{font-size:26px}.workspace-profile-avatar{width:74px;height:74px}.workspace-metrics{padding:16px 0}.workspace-metrics article{padding:0 9px}.workspace-metrics strong{font-size:22px}.workspace-metrics article>span,.workspace-metrics small{font-size:10px}.workspace-section-heading{align-items:flex-start;gap:12px}.workspace-section-heading>span{max-width:50%;line-height:1.5}.workspace-preferences{padding:0 14px}.workspace-preferences>button,.workspace-preferences>label{gap:12px}.workspace-preference-icon{width:32px;height:32px}.composer-actions{gap:7px}.composer-context{min-width:52px;padding:0 8px}#taskMode{max-width:130px}}
@media(prefers-reduced-motion:reduce){.workspace-hover-panel{animation:none}}
@media(prefers-reduced-transparency:reduce){.workspace-hover-panel{background:#292e2b;-webkit-backdrop-filter:none;backdrop-filter:none}.workspace-page{background:var(--stage)}}
@media(forced-colors:active){.workspace-hover-panel,.workspace-metrics,.workspace-connection-card,.workspace-preferences,.workspace-page .plan-usage-content{border-color:CanvasText;background:Canvas;box-shadow:none}.workspace-account-status i{background:CanvasText}}

/* Headings receive focus on page navigation, without looking like form fields. */
.workspace-profile-card h1:focus{outline:none}
.workspace-page{scrollbar-width:thin;scrollbar-color:rgba(189,202,193,.22) transparent}
.workspace-page::-webkit-scrollbar,.workspace-hover-panel::-webkit-scrollbar{width:5px;height:5px}
.workspace-page::-webkit-scrollbar-track,.workspace-hover-panel::-webkit-scrollbar-track{background:transparent}
.workspace-page::-webkit-scrollbar-thumb,.workspace-hover-panel::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:rgba(189,202,193,.22)}
@supports selector(::-webkit-scrollbar){.workspace-page,.workspace-hover-panel{scrollbar-width:auto;scrollbar-color:auto}}

/* Workspace replaces project navigation without rebuilding its history DOM. */
.workspace-sidebar[hidden],.workspace-mobile-nav[hidden],[data-workspace-pane][hidden]{display:none!important}
.desktop[data-workspace-open="true"] .sidebar>:is(.product-switch,.primary-nav,.side-section,.sidebar-footer,.sidebar-compact-rail){display:none!important}
.workspace-sidebar{display:flex;flex-direction:column;flex:1;min-height:0;padding:8px 12px 14px;gap:22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(189,202,193,.22) transparent}
.workspace-exit{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(214,231,221,.12);border-radius:var(--radius-pill);background:rgba(255,255,255,.025);color:var(--muted);font-size:12px;text-align:left;cursor:pointer}.workspace-exit:hover{background:rgba(255,255,255,.065);color:var(--text)}.workspace-exit>span:first-child{font-size:17px;line-height:1}
.workspace-nav-title{padding:0 12px}.workspace-nav-title>span{display:block;font-size:15px;font-weight:600;letter-spacing:-.025em}.workspace-nav-title small{display:block;margin-top:6px;color:var(--muted2);font-size:11px}
.workspace-settings-nav{display:grid;gap:5px}.workspace-settings-nav>button{display:flex;align-items:center;gap:12px;min-width:0;min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:12px;text-align:left;cursor:pointer}.workspace-settings-nav>button>span:last-child{min-width:0;overflow-wrap:anywhere}.workspace-settings-nav [data-workspace-icon]{display:grid;place-items:center;width:18px;height:18px;flex:none}.workspace-settings-nav svg{width:18px;height:18px}.workspace-settings-nav>button:hover{background:rgba(255,255,255,.04);color:var(--text)}.workspace-settings-nav>button[aria-current="page"]{border-color:rgba(171,211,185,.18);background:linear-gradient(120deg,rgba(155,211,175,.1),rgba(189,214,199,.035));color:#e1eee5}.workspace-settings-nav>button[aria-current="page"] [data-workspace-icon]{color:var(--brand-icon)}
.workspace-sidebar-profile{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 10px 0;border-top:1px solid rgba(214,231,221,.08)}.workspace-sidebar-profile strong{font-size:12px;font-weight:500}.workspace-sidebar-profile small{display:block;margin-top:5px;color:var(--muted2);font-size:11px}.workspace-sidebar-profile .workspace-menu-icon{font-size:11px}
.workspace-mobile-nav{display:none}.desktop[data-workspace-open="true"][data-product] .main-stage{grid-template-rows:minmax(0,1fr)}.desktop[data-workspace-open="true"] #view-settings>.settings-section-tabs{display:none}.desktop[data-workspace-open="true"] #view-settings>.page-header{margin-bottom:14px}.desktop[data-workspace-open="true"] #view-settings,.desktop[data-workspace-open="true"] #view-memory{padding:42px clamp(24px,5vw,72px) 70px}.workspace-settings-pane{margin-top:32px}.workspace-pane-heading{margin-bottom:28px}.workspace-pane-heading h1{margin:0 0 12px;font-size:30px;line-height:1.2;font-weight:550;letter-spacing:-.04em}.workspace-pane-heading p{max-width:630px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.workspace-setting-note{max-width:700px;margin:18px 4px 0;font-size:12px;line-height:1.8;color:var(--muted2)}
.workspace-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:38px;height:22px;margin:0;border:1px solid rgba(214,231,221,.16);border-radius:var(--radius-pill);background:rgba(255,255,255,.08);cursor:pointer}.workspace-switch::after{content:"";display:block;position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#b4bcb7;transition:transform .15s ease}.workspace-switch:checked{background:var(--brand);border-color:var(--brand)}.workspace-switch:checked::after{transform:translateX(16px);background:#2b3212}
.workspace-account-card{padding:32px;border:1px solid rgba(214,231,221,.12);border-radius:var(--radius-md);background:linear-gradient(130deg,rgba(214,231,221,.055),rgba(255,255,255,.015))}.workspace-account-symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border:1px solid rgba(214,231,221,.12);border-radius:var(--radius-sm);background:rgba(255,255,255,.035);color:#c4d6ca}.workspace-account-symbol svg{width:23px;height:23px}.workspace-account-card p{max-width:580px;color:var(--muted);font-size:13px;line-height:1.8;margin:12px 0 24px}.workspace-account-card a{display:inline-block;padding:10px 16px;text-decoration:none;font-size:12px;background:rgba(255,255,255,.04)}.workspace-account-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 4px}.workspace-account-details strong{font-size:13px;font-weight:500}.workspace-account-details p{font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.workspace-mobile-nav:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px 8px}.workspace-mobile-nav>.soft-button{flex:none}.workspace-mobile-nav .dc-select-trigger{width:auto;max-width:68%;font-size:12px}.desktop[data-workspace-open="true"][data-product] .main-stage{grid-template-rows:auto minmax(0,1fr)}.desktop[data-workspace-open="true"] #view-settings,.desktop[data-workspace-open="true"] #view-memory{padding:26px 18px 70px}.workspace-page-header{display:none}.workspace-settings-pane{margin-top:24px}.workspace-account-details{grid-template-columns:1fr;gap:10px}.workspace-account-card{padding:24px}.workspace-pane-heading h1{font-size:26px}}
html[data-reduce-transparency="true"] :is(.sidebar,.workspace-hover-panel,.dc-select-menu,.runtime-drawer,.chat-memory-dialog){background:#202020!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.workspace-switch::after{transition:none}}
@media(forced-colors:active){.workspace-switch{appearance:auto;-webkit-appearance:auto}.workspace-switch::after{display:none}.workspace-settings-nav>button[aria-current="page"]{border-color:Highlight}.workspace-account-card{border-color:CanvasText}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.model-directory-search{display:block}.model-directory-search input{display:block;width:100%;min-height:44px;padding:11px 16px;border:1px solid var(--line);border-radius:var(--radius-pill);background:rgba(255,255,255,.025);color:var(--text);font:inherit;font-size:13px;outline-offset:2px}.model-directory-search input::placeholder{color:var(--muted2)}
.workspace-settings-nav>button{font-size:13px}.workspace-settings-pane{margin-top:16px}
.desktop[data-workspace-open="true"] #view-settings>.page-header h2{font-size:30px;font-weight:550;letter-spacing:-.04em}

.main-stage.has-work-status{grid-template-rows:auto auto minmax(0,1fr)}
.drawer-model-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.studio-inspector[hidden]{display:none}