:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-canvas:#f7f8fa;--color-bg-panel:#fff;--color-text-main:#17212b;--color-text-muted:#667085;--color-accent:#147d64;--color-danger:#b42318;--color-border:#d9dee7;--bg:#f7f8fa;--panel:#fff;--panel-strong:#101820;--text:#17212b;--muted:#667085;--line:#d9dee7;--accent:#147d64;--accent-dark:#0f5f4c;--danger:#b42318;--code:#0d1117;--code-text:#d6deeb}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,.button{background:var(--color-accent);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:38px;padding:0 14px}.button{justify-content:center;align-items:center;gap:8px;display:inline-flex}button:hover,.button:hover{background:var(--accent-dark)}.button--secondary{color:var(--color-text-main);background:#eef2f6}.button--secondary:hover{background:#e1e7ef}.button--danger{background:var(--color-danger);color:#fff}.button--danger:hover{background:#8f1d13}button:disabled,.button:disabled{cursor:not-allowed;opacity:.55}button:disabled:hover,.button:disabled:hover{background:var(--color-accent)}.button--secondary:disabled:hover{background:#eef2f6}.button--danger:disabled:hover{background:var(--color-danger)}button:focus-visible,.button:focus-visible{outline-offset:2px;outline:3px solid #147d6447}.button:active{transform:translateY(1px)}.button:disabled:active{transform:none}.button--icon{border-radius:50%;place-items:center;width:34px;height:34px;min-height:0;padding:0;font-size:24px;line-height:1;display:grid}.button svg{flex:none;width:16px;height:16px}.button--icon svg{width:18px;height:18px}.button--compact{width:30px;height:30px;font-size:20px}.button--compact svg{width:16px;height:16px}input,select,textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:6px;padding:8px 10px}textarea{resize:vertical}label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:700;display:grid}.app{grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.mark{background:var(--panel-strong);color:#fff;border-radius:7px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}h1{margin:0;font-size:18px;line-height:1.2}.topbar-actions{align-items:center;gap:10px;min-width:0;display:flex}main{grid-template-columns:minmax(280px,380px) minmax(0,1fr) minmax(280px,360px);min-height:0;display:grid;overflow:hidden}main.drawer-collapsed{grid-template-columns:58px minmax(0,1fr) minmax(280px,360px)}main.right-drawer-collapsed{grid-template-columns:minmax(280px,380px) minmax(0,1fr) 58px}main.drawer-collapsed.right-drawer-collapsed{grid-template-columns:58px minmax(0,1fr) 58px}.drawer{border-right:1px solid var(--line);background:var(--panel);align-content:start;gap:20px;min-height:0;padding:20px;display:grid;overflow-y:auto}.navigation-drawer{flex-direction:column;align-content:normal;display:flex;overflow:hidden}.drawer-content{align-content:start;gap:20px;min-height:0;display:grid;overflow-y:auto}.drawer.inspector{border-right:0;border-left:1px solid var(--line)}.drawer.collapsed{justify-items:center;padding:14px 10px}.drawer.inspector.collapsed{justify-items:center}.drawer-header,.drawer-section-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.drawer-section{gap:12px;min-width:0;display:grid}.drawer-section-actions{align-items:center;gap:8px;display:flex}.drawer-section.is-collapsed{gap:0}.drawer-user-menu{border-top:1px solid var(--line);margin-top:auto;padding-top:14px;position:relative}.drawer-user-button{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 8px;display:grid}.drawer-user-button span:not(.drawer-user-avatar){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-user-avatar{object-fit:cover;background:var(--panel-strong);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;line-height:1;display:grid}.drawer-user-popover{z-index:5;border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:10px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;right:0;box-shadow:0 18px 44px #1018202e}.drawer-user-profile{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.drawer-user-profile strong,.drawer-user-profile span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.drawer-user-profile span{color:var(--muted);font-size:12px}.drawer-user-list-group{border-top:1px solid var(--line);margin:0 -12px -12px;padding:0;list-style:none;display:grid;overflow:hidden}.drawer-user-list-group li+li{border-top:1px solid var(--line)}.drawer-user-list-item{background:var(--panel);width:100%;min-height:38px;color:var(--text);text-align:left;border:0;border-radius:0;align-items:center;gap:8px;padding:9px 10px;display:inline-flex}.drawer-user-list-item svg{flex:none;width:16px;height:16px}.drawer-user-list-item:hover{background:#f4f7fa}.drawer-user-list-item:disabled{background:var(--panel)}.profile-page{align-content:start;padding:28px}.profile-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:22px;width:min(720px,100%);padding:24px;display:grid}.profile-header{align-items:center;gap:16px;display:flex}.profile-header h2{margin:0;font-size:24px}.profile-header p{margin:4px 0 0}.profile-avatar{object-fit:cover;border-radius:999px;width:72px;height:72px}.profile-details{border-top:1px solid var(--line);margin:0;display:grid}.profile-details div{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.profile-details dt{color:var(--muted);font-weight:700}.profile-details dd{overflow-wrap:anywhere;margin:0}.profile-section-heading{gap:4px;display:grid}.profile-section-heading h3{margin:0;font-size:16px}.profile-section-heading p{margin:0}.profile-usage{gap:14px;display:grid}.profile-usage-tabs{border:1px solid var(--line);background:#f4f6f9;border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:4px;display:inline-flex}.profile-usage-tab{min-height:34px;color:var(--muted);background:0 0;border-radius:7px;padding:0 14px;font-weight:700}.profile-usage-tab:hover{color:var(--text);background:#147d6414}.profile-usage-tab.active{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #10182014}.profile-usage-panel{display:grid}.profile-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.profile-usage-metric{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;gap:3px;min-width:0;padding:12px;display:grid}.profile-usage-metric span,.profile-usage-metric small{color:var(--muted);font-size:12px}.profile-usage-metric span{text-transform:uppercase;font-weight:700}.profile-usage-metric strong{overflow-wrap:anywhere;min-width:0;font-size:22px;line-height:1.15}.profile-usage-metric-cost strong{font-size:20px}.profile-usage-note{margin:0}.profile-usage-note-fineprint{font-size:11px;line-height:1.4}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.drawer-section-title{align-items:center;gap:6px;min-width:0;display:flex}.drawer-section-title h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-center-panel .drawer-section-heading .drawer-section-toggle{min-height:26px;padding:0}.drawer-section-toggle{border-radius:50%;place-items:center;width:26px;height:26px;min-height:0;padding:0;display:grid}.drawer-section-heading h3{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.drawer-toggle{place-items:center;width:34px;height:34px;min-height:0;padding:0;display:grid}.icon{flex:none;display:block}.workspace{align-content:start;gap:16px;min-width:0;min-height:0;padding:20px;display:grid;overflow-y:auto}.auth{background:var(--color-bg-canvas);min-height:100vh}.auth:not(.landing-page){place-items:center;padding:24px;display:grid}.auth-panel{border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:8px;width:min(440px,100vw - 32px);margin:auto;padding:24px;box-shadow:0 18px 44px #10182024}.auth-panel p{color:var(--color-text-muted);margin:12px 0 0}.landing-page{scroll-behavior:smooth;scroll-snap-type:y mandatory;height:100vh;overflow-y:auto}.landing-section{scroll-snap-align:start;background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);align-items:center;gap:32px;min-height:100vh;padding:48px clamp(24px,5vw,72px);display:grid}.landing-section--hero{background:linear-gradient(110deg,#f7f8fa94 0%,#f7f8fa6b 46%,#f7f8fa3d 100%),url(/jumbotron.gif) 50%/cover no-repeat}.landing-section--hero .landing-copy{animation:1.8s cubic-bezier(.22,1,.36,1) 3s both landingHeroCopyEnter}.landing-section--hero .landing-hero-visual{animation:1.8s cubic-bezier(.22,1,.36,1) 5s both landingHeroVisualEnter}.landing-section--matrix,.landing-section--auth{background:#eef4f2}.landing-copy{gap:18px;max-width:720px;display:grid}@keyframes landingHeroCopyEnter{0%{opacity:0;transform:translateY(-56px)}to{opacity:1;transform:translateY(0)}}@keyframes landingHeroVisualEnter{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-section--hero .landing-copy,.landing-section--hero .landing-hero-visual{animation:none}}.landing-copy h1,.landing-copy h2{color:var(--color-text-main);letter-spacing:0;margin:0;font-size:clamp(36px,6vw,74px);line-height:.98}.landing-copy h2{font-size:clamp(32px,4.4vw,58px);line-height:1.02}.landing-copy p{color:#41505f;max-width:680px;margin:0;font-size:clamp(16px,1.4vw,20px);line-height:1.6}.landing-open-copy__rotator{display:grid}.landing-open-copy__item{grid-area:1/1;display:block}.landing-open-copy__item--usage{animation:12s ease-in-out infinite landingOpenCopyUsage}.landing-open-copy__item--velomobile{animation:12s ease-in-out infinite landingOpenCopyVelomobile}.landing-open-copy__body .landing-open-copy__item{max-width:680px}.landing-eyebrow{color:var(--color-accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.landing-actions .button{min-height:44px;padding:0 18px;text-decoration:none}.landing-hero-visual,.landing-matrix,.landing-product,.landing-auth-visual,.landing-billing,.landing-open-carousel{background:#ffffffe0;border:1px solid #17212b1f;border-radius:8px;min-width:0;box-shadow:0 28px 80px #10182024}.landing-hero-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;display:grid}.landing-terminal{min-height:460px;color:var(--code-text);background:#0d1117;border-radius:8px;align-content:start;gap:12px;padding:16px;display:grid;overflow:hidden}.landing-terminal--broken{background:#180c0c}.landing-terminal--ready{background:#0b1613}.landing-terminal__bar{gap:6px;display:flex}.landing-terminal__bar span{background:#d0d5dd;border-radius:999px;width:10px;height:10px}.landing-terminal__bar span:first-child{background:#f04438}.landing-terminal__bar span:nth-child(2){background:#fdb022}.landing-terminal__bar span:nth-child(3){background:#12b76a}.landing-terminal__label{color:#98a2b3;text-transform:uppercase;margin:4px 0 6px;font-size:12px;font-weight:800}.landing-terminal__line,.landing-product code,.landing-auth-flow code{color:#d6deeb;overflow-wrap:anywhere;background:#ffffff12;border-radius:6px;padding:9px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;display:block}.landing-terminal__line--error{color:#ff8a8a}.landing-terminal__line--muted{color:#98a2b3}.landing-launch-card{background:#ffffff14;border:1px solid #147d643d;border-radius:8px;gap:8px;padding:14px;display:grid}.landing-launch-card span{color:#98a2b3;text-transform:uppercase;font-size:12px;font-weight:800}.landing-launch-card strong{color:#f8fafc;overflow-wrap:anywhere}.landing-launch-card button{width:100%}.landing-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{color:#d1fae5;background:#147d6429;border-radius:6px;padding:9px 10px 9px 32px;font-size:13px;font-weight:700;position:relative}.landing-steps li:before{content:"";background:#34d399;border-radius:999px;width:8px;height:8px;position:absolute;top:14px;left:12px}.landing-matrix{box-shadow:none;background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;display:grid}.landing-workspace-card{border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:8px;grid-template-rows:auto 1fr auto;min-height:430px;display:grid;overflow:hidden}.landing-workspace-card header,.landing-workspace-card footer{color:#fff;background:#101820;padding:16px}.landing-workspace-card header span{color:#98a2b3;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.landing-workspace-card h3{margin:0;font-size:17px}.landing-workspace-card dl{gap:16px;margin:0;padding:18px;display:grid}.landing-workspace-card dl div{gap:8px;display:grid}.landing-workspace-card dt{color:var(--color-text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.landing-workspace-card dd{color:var(--color-text-main);flex-wrap:wrap;gap:8px;margin:0;font-weight:700;display:flex}.landing-chip,.landing-toggle{min-height:26px;color:var(--color-text-main);background:#eef2f6;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.landing-toggle.is-on{color:var(--accent-dark);background:#e9f6f2}.landing-workspace-card footer{color:var(--color-text-muted);background:#f4f7fa;font-size:13px;font-weight:800}.landing-product{background:#17212b;grid-template-columns:1fr 1.1fr .8fr;gap:12px;min-height:520px;padding:18px;display:grid;position:relative}.landing-product__panel{background:#0d1117;border:1px solid #ffffff1f;border-radius:8px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.landing-product__panel span,.landing-auth-sidebar>span,.landing-billing header span{color:#98a2b3;text-transform:uppercase;font-size:12px;font-weight:800}.landing-product__panel--agent{background:#0b1613}.landing-product__panel--files{background:#f8fafc}.landing-product__panel--files ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.landing-product__panel--files li{color:var(--color-text-main);background:#eef2f6;border-radius:6px;padding:9px 10px;font-size:13px;font-weight:700}.landing-product__panel--files li.is-active{color:var(--accent-dark);background:#e9f6f2}.landing-product code.is-success{color:#86efac}.landing-tooltip{color:var(--accent-dark);background:#e9f6f2;border-radius:999px;margin:0;padding:7px 9px;font-size:12px;font-weight:800;position:absolute;box-shadow:0 10px 28px #0000002e}.landing-tooltip--one{bottom:26px;left:10%}.landing-tooltip--two{top:24px;left:42%}.landing-tooltip--three{bottom:26px;right:5%}.landing-auth-visual{grid-template-columns:minmax(240px,.9fr) minmax(260px,1.1fr);gap:18px;padding:18px;display:grid}.landing-auth-sidebar,.landing-auth-flow,.landing-billing{align-content:start;gap:14px;display:grid}.landing-auth-sidebar{border:1px solid var(--color-border);background:#fbfcfd;border-radius:8px;padding:16px}.landing-auth-row{border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.landing-auth-row p{gap:2px;margin:0;display:grid}.landing-auth-row small{color:var(--color-text-muted)}.landing-switch{background:var(--color-accent);border-radius:999px;width:52px;height:28px;padding:3px}.landing-switch span{background:#fff;border-radius:999px;width:22px;height:22px;margin-left:auto;display:block}.landing-switch--off{background:#cfd6df}.landing-switch--off span{margin-left:0}.landing-auth-flow{background:#0d1117;border-radius:8px;justify-content:center;padding:16px}.landing-auth-flow span{background:var(--color-accent);width:2px;height:34px;margin:-2px auto}.landing-billing{color:#fff;background:#101820;padding:18px}.landing-billing header{border-bottom:1px solid #ffffff24;padding-bottom:14px}.landing-meter{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;height:28px;padding:4px}.landing-meter span{width:var(--meter-width);background:var(--color-accent);border-radius:999px;height:100%;display:block}.landing-billing dl{gap:12px;margin:0;display:grid}.landing-billing dl div{gap:3px;display:grid}.landing-billing dt{color:#98a2b3;text-transform:uppercase;font-size:12px;font-weight:800}.landing-billing dd{color:#fff;margin:0;font-size:28px;font-weight:800}.landing-billing p{color:#d0d5dd;background:#ffffff14;border-radius:8px;margin:0;padding:14px;line-height:1.5}.landing-open-carousel{aspect-ratio:16/10;background:#101820;position:relative;overflow:hidden}.landing-open-carousel__track{width:200%;height:100%;animation:12s ease-in-out infinite landingOpenCarousel;display:flex}.landing-open-carousel__slide{background:#101820;flex:0 0 50%;place-items:center;min-width:0;height:100%;margin:0;padding:clamp(14px,2vw,24px);display:grid;position:relative}.landing-open-carousel__slide img{object-fit:contain;background:#0d1117;border-radius:8px;width:100%;height:100%;max-height:100%;display:block;box-shadow:0 18px 44px #0000003d}.landing-open-carousel__slide figcaption{color:#f8fafc;background:#101820c7;border-radius:999px;max-width:calc(100% - 44px);padding:7px 10px;font-size:12px;font-weight:800;line-height:1.2;position:absolute;bottom:clamp(22px,3vw,34px);left:clamp(22px,3vw,34px)}@keyframes landingOpenCarousel{0%,38%{transform:translate(0)}50%,88%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes landingOpenCopyUsage{0%,38%{opacity:1;transform:translateY(0)}48%,90%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes landingOpenCopyVelomobile{0%,42%{opacity:0;transform:translateY(12px)}52%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.landing-open-carousel__track,.landing-open-copy__item--usage{animation:none}.landing-open-copy__item--velomobile{animation:none;display:none}}@media (width<=980px){.landing-page{scroll-snap-type:none;height:auto;min-height:100vh}.landing-section{grid-template-columns:1fr;min-height:auto;padding:56px 20px}.landing-copy h1,.landing-copy h2{max-width:760px}.landing-hero-visual,.landing-matrix,.landing-product,.landing-auth-visual,.landing-open-carousel{width:100%}.landing-product{grid-template-columns:1fr;min-height:auto}.landing-tooltip{width:fit-content;position:static}}@media (width<=680px){.landing-section{padding:44px 14px}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions .button{width:100%}.landing-hero-visual,.landing-matrix,.landing-auth-visual{grid-template-columns:1fr}.landing-terminal,.landing-workspace-card{min-height:auto}.landing-billing dd{font-size:22px}}.empty,.subtle{color:var(--muted)}.toolbar,.form-row,.session-actions{align-items:end;gap:10px;display:flex}.form-row label{flex:1 1 0}.workspace-create{gap:10px;display:grid}.workspace-source-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.source-choice{border:1px solid var(--line);min-height:38px;color:var(--text);text-transform:none;background:#fbfcfd;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.source-choice input{width:auto;min-height:0;margin:0}.workspace-source-fields{gap:10px;display:grid}.repo-picker{gap:6px;display:grid}.repo-picker-fallback{margin:0;font-size:12px}.github-connect-button{width:100%}.hidden{display:none!important}.list,.drawer-list,.session-detail{gap:8px;display:grid}.row{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fbfcfd;border-radius:8px;gap:5px;padding:12px;display:grid;position:relative}.row.active{border-color:var(--accent);outline:2px solid #147d6426}.drawer-list-row{border:1px solid var(--line);width:100%;color:var(--text);background:#fbfcfd;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;display:grid;position:relative}.drawer-list-row.active{border-color:var(--accent);outline:2px solid #147d6426}.drawer-list-row__main{width:100%;min-width:0;min-height:0;color:var(--text);text-align:left;background:0 0;gap:5px;padding:0;display:grid}.drawer-list-row__main:hover{background:0 0}.drawer-list-row__actions{justify-content:end;align-items:center;gap:6px;display:flex}.drawer-list-action--danger svg{color:var(--color-danger)}.drawer-list-row__title{justify-content:space-between;align-items:center;gap:8px;min-width:0;font-weight:800;display:flex}.drawer-list-row__title>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.drawer-list-row__meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12px;font-weight:700;display:flex}.drawer-list-row__code{overflow-wrap:anywhere;color:var(--code);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.session-title{justify-content:space-between;align-items:center;gap:8px;font-weight:800;display:flex}.file-tree{gap:2px;max-height:280px;padding:2px 0;display:grid;overflow:auto}.file-error{color:var(--danger);background:#fff3f2;border:1px solid #f4c7c3;border-radius:6px;margin:0;padding:8px 10px;font-size:13px;font-weight:700}.file-row{width:100%;min-height:30px;padding:5px 8px 5px calc(8px + var(--depth,0) * 16px);color:var(--text);text-align:left;background:0 0;border-radius:6px;grid-template-columns:18px 18px minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.file-row:hover{background:#eef2f6}.file-row.active{color:var(--accent-dark);background:#e9f6f2}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.file-count,.file-size{color:var(--muted);font-size:12px;font-weight:700}.file-spacer{width:18px;height:18px}.pill{min-height:22px;color:var(--accent-dark);background:#e9f6f2;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.error{color:var(--danger);background:#fff3f2;border:1px solid #f4c7c3;border-radius:8px;padding:10px 12px;font-size:14px}.terminal-shell{background:var(--code);border:1px solid #1f2937;border-radius:8px;min-height:360px;overflow:hidden}.terminal-shell iframe,.terminal-placeholder{border:0;width:100%;height:min(62vh,720px);min-height:360px}.terminal-placeholder{color:var(--code-text);text-align:center;place-items:center;padding:24px;display:grid}.terminal-placeholder code{color:#7dd3fc}.details{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}.inspector-details{grid-template-columns:repeat(2,minmax(0,1fr))}.git-status-panel{border:1px solid var(--line);background:#fbfcfd;border-radius:10px;gap:12px;padding:16px;display:grid}.git-status-actions{align-items:center;gap:8px;display:flex}.git-status-body,.git-file-list,.package-list{gap:10px;display:grid}.auth-center-form{gap:8px;display:grid}.drawer-list-row__meta span{background:#eef2f6;border-radius:999px;padding:2px 6px}.auth-oauth-flow,.auth-device-code{gap:8px;display:grid}.auth-device-code{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;padding:12px}.auth-device-code-label{color:var(--muted);font-size:12px}.auth-device-code strong{letter-spacing:.12em;font-size:28px}.package-install-form,.package-subsection{gap:8px;display:grid}.package-install-form{grid-template-columns:minmax(0,1fr) auto}.package-subsection{margin-top:2px}.package-subsection h4{color:var(--text);margin:0;font-size:13px}.known-package-row{background:#fffdf7}.git-file-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.git-file-meta{gap:4px;min-width:0;display:grid}.git-file-meta strong{text-overflow:ellipsis;overflow:hidden}.git-file-actions{gap:8px;display:flex}.git-commit-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.git-status-panel textarea,.modal-form textarea{resize:vertical;width:100%;min-height:180px}.git-status-details{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.metric strong{overflow-wrap:anywhere;min-width:0}.modal-backdrop{z-index:10;background:#1018207a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:18px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 22px 60px #10182047}.pull-request-panel{width:min(760px,100%)}.modal-form{gap:12px;display:grid}.checkbox-row{align-items:center;gap:8px;display:flex}.file-editor-panel{grid-template-rows:auto auto minmax(220px,1fr) auto;width:min(960px,100%);max-height:calc(100vh - 40px)}.modal-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-panel .toolbar{grid-template-columns:1fr 1fr;display:grid}.modal-panel .toolbar label:nth-child(2){grid-column:1/-1}.file-editor-title{gap:4px;min-width:0;display:grid}.file-editor-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;overflow:hidden}.file-editor-stack{background:#f8fafc;border:1px solid #c8d1dc;border-radius:8px;min-height:min(62vh,620px);position:relative;overflow:hidden}.file-editor-highlight,.file-editor-input{tab-size:2;white-space:pre;border:0;border-radius:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;position:absolute;inset:0;overflow:auto}.file-editor-highlight{color:#1f2937;pointer-events:none;padding:14px}.file-editor-input{caret-color:#101820;color:#0000;resize:none;background:0 0;outline:none;min-height:0;padding:14px}.file-editor-input::selection{background:#147d6438}.file-editor-status{border:1px solid var(--line);min-height:220px;color:var(--muted);border-radius:8px;place-items:center;font-weight:700;display:grid}.file-editor-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.file-editor-save{align-items:center;gap:8px;display:inline-flex}.token-comment{color:#64748b}.token-key{color:#7c2d12}.token-keyword{color:#075985;font-weight:700}.token-number{color:#9a3412}.token-string{color:#166534}h2{margin:0;font-size:18px;line-height:1.2}@media (width<=900px){.app{height:auto;min-height:100vh;overflow:visible}main{grid-template-columns:1fr;overflow:visible}main.drawer-collapsed,main.right-drawer-collapsed,main.drawer-collapsed.right-drawer-collapsed{grid-template-columns:1fr}.drawer{border-right:0;border-bottom:1px solid var(--line);overflow-y:visible}.drawer.inspector{border-left:0}.drawer.collapsed{border-bottom:0;align-content:center;min-height:56px}.workspace{overflow-y:visible}.drawer.inspector.collapsed{border-bottom:1px solid var(--line)}.details{grid-template-columns:repeat(2,minmax(120px,1fr))}.inspector-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.topbar,.toolbar,.form-row,.session-actions{flex-direction:column;align-items:stretch}.workspace-source-choice{grid-template-columns:1fr}.topbar,.drawer,.workspace{padding:14px}.details,.profile-details div,.profile-usage-grid{grid-template-columns:1fr}.profile-usage-tabs{width:100%}.profile-usage-tab{flex:1 1 0}}
