:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-deep:#ebe9e4;--color-bg-base:#f3f2ef;--color-bg-elevated:#fff;--color-bg-panel:#f8f7f4;--color-surface-1:#11111409;--color-surface-2:#11111411;--color-surface-3:#1111141b;--color-text-1:#111113;--color-text-2:#586070;--color-text-3:#8b92a1;--color-text-inverse:#fff;--color-accent:#111113;--color-accent-hover:#2b2d33;--color-accent-muted:#ff6d2721;--color-accent-border:#ff6d2775;--color-success:#12b76a;--color-success-muted:#12b76a24;--color-warning:#d6a243;--color-warning-muted:#d6a24329;--color-danger:#d92d20;--color-danger-muted:#d92d201f;--color-border-1:#11111417;--color-border-2:#11111426;--color-border-strong:#1111143d;--font-sans:Inter, "Geist Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--leading-tight:1.18;--leading-base:1.5;--leading-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-surface:0 1px 2px #1111140a, 0 14px 42px #11111414, 0 0 0 1px #1111140f;--shadow-surface-hover:0 2px 6px #1111140f, 0 20px 60px #1111141f, 0 0 0 1px #1111141a;--shadow-accent:0 0 0 1px #111114e6, 0 10px 24px #1111142e, inset 0 1px 0 #ffffff29;--shadow-inset:inset 0 1px 0 #ffffffb8;--duration-fast:.16s;--duration-base:.24s;--duration-slow:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--z-sidebar:20;--z-header:30;--z-popover:50;--z-modal:80}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-deep:#020203;--color-bg-base:#050506;--color-bg-elevated:#0a0a0d;--color-bg-panel:#0d0d12;--color-surface-1:#ffffff0b;--color-surface-2:#ffffff13;--color-surface-3:#ffffff1b;--color-text-1:#ededf0;--color-text-2:#a3a8b3;--color-text-3:#747b89;--color-text-inverse:#fff;--color-accent:#5e6ad2;--color-accent-hover:#6872d9;--color-accent-muted:#5e6ad229;--color-accent-border:#5e6ad25c;--color-success:#2fbf8f;--color-success-muted:#2fbf8f29;--color-warning:#d6a243;--color-warning-muted:#d6a24329;--color-danger:#ff6b6b;--color-danger-muted:#ff6b6b29;--color-border-1:#ffffff12;--color-border-2:#ffffff1f;--color-border-strong:#ffffff2e;--shadow-surface:0 0 0 1px #fff1, 0 18px 50px #00000061, 0 0 70px #00000038;--shadow-surface-hover:0 0 0 1px #ffffff1f, 0 24px 70px #0000007a, 0 0 80px #5e6ad21a;--shadow-accent:0 0 0 1px #5e6ad27a, 0 8px 26px #5e6ad247, inset 0 1px 0 #ffffff38;--shadow-inset:inset 0 1px 0 #ffffff14}.ui-surface{border:1px solid var(--color-border-1);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffff13, #ffffff08), var(--color-bg-elevated);box-shadow:var(--shadow-surface);position:relative;overflow:hidden}.ui-surface:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(#ffffff16,#0000 34%);position:absolute;inset:0}.ui-surface>*{z-index:1;position:relative}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--color-text-1);background:var(--color-surface-2);box-shadow:var(--shadow-inset);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:0;display:inline-flex}.ui-button:hover{background:var(--color-surface-3);box-shadow:var(--shadow-surface);transform:translateY(-1px)}.ui-button:active{transform:translateY(0)scale(.985)}.ui-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.ui-button--primary{background:linear-gradient(180deg, var(--color-accent-hover), var(--color-accent));color:var(--color-text-inverse);box-shadow:var(--shadow-accent)}.ui-button--danger{background:linear-gradient(180deg, #ff7c7c, var(--color-danger));color:var(--color-text-inverse)}.ui-field{gap:var(--space-2);display:grid}.ui-field-label{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.ui-input,.ui-select,.ui-textarea{border:1px solid var(--color-border-1);border-radius:var(--radius-md);width:100%;min-height:40px;padding:0 var(--space-3);color:var(--color-text-1);box-shadow:var(--shadow-inset);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:#050508b8;outline:none}.ui-textarea{padding:var(--space-3)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-text-3)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--color-accent-border);box-shadow:0 0 0 3px #5e6ad229, var(--shadow-inset);background:#0a0a0eeb}.ui-pill{border-radius:var(--radius-pill);border:1px solid var(--color-border-1);min-height:24px;color:var(--color-text-2);font-size:var(--text-xs);white-space:nowrap;background:#ffffff0b;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.field-hint{color:var(--color-text-3);font-size:var(--text-xs);line-height:var(--leading-base)}.ui-empty{border:1px dashed var(--color-border-2);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--color-text-2);background:#ffffff09}.empty-state{align-items:center;gap:var(--space-2);display:inline-flex}.empty-state--error{color:#ffc0c0}.empty-state--loading{color:var(--color-text-2)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:#ffffff05;width:100%;overflow-x:auto}.table-wrap:focus-visible{outline-offset:2px;outline:2px solid #5e6ad2c2}.ui-skeleton{border-radius:var(--radius-md);background:#ffffff0f;position:relative;overflow:hidden}.ui-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.35s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html{background:var(--color-bg-base)}body{min-width:320px;min-height:100vh;color:var(--color-text-1);background:radial-gradient(1100px 760px at 52% 58%, #ff914d57, transparent 62%), radial-gradient(760px 520px at 50% 0%, #ffffffeb, transparent 72%), linear-gradient(180deg, var(--color-bg-base) 0%, #fff6ee 56%, #ff955c 100%);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-base);font-synthesis:none;text-rendering:optimizelegibility;margin:0}:root[data-theme=dark] body{background:radial-gradient(900px 620px at 50% -18%, #5e6ad238, transparent 68%), radial-gradient(620px 460px at 12% 24%, #804dc921, transparent 70%), radial-gradient(680px 520px at 92% 10%, #2fbf8f14, transparent 72%), linear-gradient(180deg, #0a0a0f 0%, var(--color-bg-base) 48%, var(--color-bg-deep) 100%)}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at top,#000,#0000 76%);mask-image:radial-gradient(circle at top,#000,#0000 76%)}body:after{content:"";z-index:-1;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 1px 1px,#ffffff2e 1px,#0000 0);background-size:18px 18px;position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #5e6ad2c2}.app-shell{min-height:100vh;display:block}.sidebar{z-index:var(--z-sidebar);overscroll-behavior:contain;width:260px;height:100vh;color:var(--color-text-1);padding:var(--space-5);gap:var(--space-5);border-right:1px solid var(--color-border-1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff12,#ffffff06),#050508e0;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:24px 0 70px #00000061}.brand{align-items:center;gap:var(--space-3);min-height:48px;display:flex}.brand-mark{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-inverse);background:linear-gradient(145deg, var(--color-accent-hover), var(--color-accent));box-shadow:var(--shadow-accent);place-items:center;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.01em}.brand span,.workspace-box span,.workspace-box small,.eyebrow,.panel-head span,.project-row small,.agent-row small,.metric small,.policy-row small{color:var(--color-text-3);font-size:var(--text-xs)}.sidebar .brand span,.sidebar .workspace-box span,.sidebar .workspace-box small{color:var(--color-text-2)}.nav-list{gap:var(--space-1);display:grid}.nav-list button,.header-actions button,.action-list button,.composer button,.logout-button,.empty-box button,.wide-action{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:40px;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.nav-list button{color:var(--color-text-2);padding:0 var(--space-3);background:0 0;justify-content:flex-start}.nav-list button.active,.nav-list button:hover{color:var(--color-text-1);background:var(--color-surface-2);box-shadow:var(--shadow-inset)}.nav-list button.active{border:1px solid var(--color-accent-border);background:linear-gradient(90deg, #5e6ad238, #ffffff0e), var(--color-surface-1)}.workspace-box{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:#ffffff09;margin-top:auto;display:grid}.logout-button,.empty-box button{color:var(--color-text-1);background:var(--color-surface-2);padding:0 var(--space-3)}.logout-button{margin-top:var(--space-2)}.content{min-width:0;padding:var(--space-6);padding-bottom:var(--space-8);margin-left:260px}.topbar,.project-header,.panel-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.topbar{z-index:var(--z-header);margin-bottom:var(--space-5);padding:var(--space-3) 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050506f5,#050506b8 72%,#0000);position:sticky;top:0}h1,h2{color:var(--color-text-1);letter-spacing:-.02em;margin:0}h1{font-size:var(--text-2xl);line-height:var(--leading-tight)}h2{font-size:var(--text-xl)}.eyebrow{margin-bottom:var(--space-1);color:var(--color-accent-hover);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;display:block}.search{align-items:center;gap:var(--space-2);min-width:280px;max-width:460px;padding:0 var(--space-3);border-radius:var(--radius-lg);min-height:42px;color:var(--color-text-2);border:1px solid var(--color-border-1);box-shadow:var(--shadow-inset);background:#ffffff0b;flex:1;display:flex}.search input{width:100%;color:var(--color-text-1);background:0 0;border:0;outline:0}.layout-grid{gap:var(--space-5);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.layout-grid--chat{grid-template-columns:minmax(0,1fr)}.layout-grid--chat .project-list{display:none}.project-list{max-height:calc(100vh - 112px);position:sticky;top:86px;overflow-y:auto}.project-list,.surface,.metric,.project-header,.login-panel{background:linear-gradient(180deg, #ffffff13, #ffffff08), var(--color-bg-elevated);border:1px solid var(--color-border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-surface);position:relative;overflow:visible}.project-list,.surface,.metric{transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out)}.surface:hover,.metric:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-surface-hover)}.project-list{padding:var(--space-3);gap:var(--space-2);display:grid}.panel-head{min-height:34px;margin-bottom:var(--space-2)}.panel-head strong{color:var(--color-text-1)}.project-row{width:100%;min-height:66px;padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;color:var(--color-text-1);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #0000;display:flex}.project-row:hover{background:var(--color-surface-2);border-color:var(--color-border-2)}.project-row.selected{border-color:var(--color-accent-border);background:linear-gradient(90deg,#5e6ad22e,#ffffff0d)}.project-row strong,.project-row small{display:block}.main-panel{gap:var(--space-4);min-width:0;display:grid}.project-header{padding:var(--space-4)}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-actions button,.action-list button,.composer button,.wide-action{color:var(--color-text-inverse);background:linear-gradient(180deg, var(--color-accent-hover), var(--color-accent));box-shadow:var(--shadow-accent);padding:0 var(--space-4)}.header-actions button:hover,.action-list button:hover,.composer button:hover,.wide-action:hover{transform:translateY(-1px)}.header-actions .icon-button,.agent-row .icon-button{color:var(--color-text-2);background:var(--color-surface-2);box-shadow:var(--shadow-inset);padding:0}.header-actions .icon-button{width:40px}.agent-row .icon-button{width:32px;min-height:32px}.stack{gap:var(--space-4);display:grid}.metrics{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{min-height:118px;padding:var(--space-4);gap:var(--space-2);align-content:start;display:grid}.metric svg{color:var(--color-accent-hover)}.metric span,.metric small{overflow-wrap:anywhere;min-width:0}.metric strong{overflow-wrap:anywhere;font-size:18px}.split,.chat-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);display:grid}.providers-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(300px,1fr));align-items:start;display:grid}.settings-panel{gap:var(--space-4);display:grid}.settings-hero{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-summary{gap:var(--space-2);grid-template-columns:repeat(3,minmax(86px,1fr));min-width:min(420px,100%);display:grid}.settings-summary-item{min-height:62px;padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);background:#ffffff09;align-content:center;gap:4px;display:grid}.settings-summary-item span{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.settings-summary-item strong{color:var(--color-text-1);font-size:18px}.settings-tabs{border:1px solid var(--color-border-1);border-radius:var(--radius-lg);width:fit-content;max-width:100%;box-shadow:var(--shadow-inset);background:#ffffff0a;grid-template-columns:repeat(3,minmax(118px,1fr));gap:3px;padding:4px;display:inline-grid;overflow-x:auto}.settings-tabs button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-2);white-space:nowrap;background:0 0;display:inline-flex}.settings-tabs button.active,.settings-tabs button:hover{color:var(--color-text-1);background:linear-gradient(90deg, #5e6ad233, #ffffff0e), var(--color-surface-1);box-shadow:var(--shadow-inset)}.settings-grid{gap:var(--space-4);grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.audit-panel{gap:var(--space-4);display:grid}.audit-overview{gap:var(--space-3);display:grid}.audit-summary{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.audit-stat{min-height:68px;padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);background:#ffffff09;align-content:center;gap:4px;display:grid}.audit-stat.danger{background:linear-gradient(#ff6b6b1a,#ffffff07);border-color:#ff6b6b52}.audit-stat span,.audit-status{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.audit-stat strong{color:var(--color-text-1);overflow-wrap:anywhere;font-size:18px}.audit-filters{gap:var(--space-3);display:grid}.audit-filter-grid{gap:var(--space-3);grid-template-columns:minmax(240px,1fr) 180px 180px;align-items:end;display:grid}.audit-search{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-md);color:var(--color-text-2);box-shadow:var(--shadow-inset);background:#050508b8;display:flex}.audit-search input{width:100%;color:var(--color-text-1);background:0 0;border:0;outline:0}.audit-status{border:1px solid var(--color-border-1);border-radius:var(--radius-pill);white-space:nowrap;background:#ffffff0a;align-items:center;gap:5px;min-height:24px;padding:0 9px;display:inline-flex}.deploy-panel,.design-system-panel{gap:var(--space-4);display:grid}.design-system-hero{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center;display:grid}.design-system-hero p{max-width:760px;margin:var(--space-2) 0 0;color:var(--color-text-2);line-height:var(--leading-base)}.design-system-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-system-grid>.surface{gap:var(--space-3);align-content:start;display:grid}.design-system-grid .workspace-rail{min-height:0;box-shadow:var(--shadow-inset)}.design-system-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.deploy-hero{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.deploy-summary{gap:var(--space-2);grid-template-columns:repeat(4,minmax(84px,1fr));min-width:min(520px,100%);display:grid}.deploy-stat{min-height:68px;padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);background:#ffffff09;align-content:center;gap:4px;display:grid}.deploy-stat.success{background:linear-gradient(#2fbf8f1a,#ffffff07);border-color:#2fbf8f52}.deploy-stat.danger{background:linear-gradient(#ff6b6b1a,#ffffff07);border-color:#ff6b6b52}.deploy-stat span,.health-pill{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.deploy-stat strong{color:var(--color-text-1);overflow-wrap:anywhere;font-size:18px}.deploy-grid{gap:var(--space-4);grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.deploy-target-card{gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#5e6ad224,#ffffff09),#ffffff06;grid-template-columns:42px minmax(0,1fr);align-items:center;display:grid}.deploy-target-icon{border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-accent-hover);box-shadow:var(--shadow-inset);background:#5e6ad224;place-items:center;display:grid}.deploy-target-card strong,.deploy-target-card span{overflow-wrap:anywhere;display:block}.deploy-target-card span,.release-card span{color:var(--color-text-3);font-size:var(--text-xs)}.release-list{gap:var(--space-3);display:grid}.release-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:#ffffff08;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.release-card-main{gap:var(--space-3);grid-template-columns:20px minmax(0,1fr);align-items:center;display:grid}.release-card-main svg{color:var(--color-accent-hover)}.release-card-main strong,.release-card-main span{overflow-wrap:anywhere;min-width:0;display:block}.release-card-meta,.release-actions{align-items:center;gap:var(--space-2);display:flex}.health-pill{border:1px solid var(--color-border-1);border-radius:var(--radius-pill);white-space:nowrap;background:#ffffff0a;align-items:center;gap:5px;min-height:24px;padding:0 9px;display:inline-flex}.health-pill.healthy{color:#8ef1c7;background:var(--color-success-muted);border-color:#2fbf8f52}.health-pill.unhealthy{color:#ff9b9b;background:var(--color-danger-muted);border-color:#ff6b6b57}.surface{padding:var(--space-4);min-width:0}.providers-alert{background:linear-gradient(#ff6b6b1c,#ffffff08);border-color:#ff6b6b52;grid-column:1/-1}.providers-alert p,.providers-alert small{color:var(--color-text-2);margin:6px 0 0;display:block}.details{gap:var(--space-2);margin:0;display:grid}.details div{gap:var(--space-3);border-bottom:1px solid var(--color-border-1);grid-template-columns:128px minmax(0,1fr);padding:10px 0;display:grid}.details dt{color:var(--color-text-3)}.details dd{color:var(--color-text-1);overflow-wrap:anywhere;margin:0}.timeline{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.timeline li{align-items:center;gap:var(--space-2);min-height:32px;color:var(--color-text-2);display:flex}.timeline svg{color:var(--color-success)}.build-workspace{gap:var(--space-3);display:grid}.build-toolbar{gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-3);grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr) auto;align-items:center;display:grid}.workspace-project{align-items:center;gap:var(--space-3);min-width:0;display:flex}.workspace-back{width:34px;height:34px;color:var(--color-text-2);border-radius:var(--radius-md);background:#ffffff06;border:1px solid #0000;place-items:center;display:grid}.workspace-project div{gap:2px;min-width:0;display:grid}.workspace-project strong,.workspace-project small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-project small{color:var(--color-text-3);font-size:var(--text-xs)}.workspace-tabs{border:1px solid var(--color-border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-inset);background:#050508b8;justify-self:center;gap:4px;padding:4px;display:flex}.workspace-tabs button,.segmented-control button,.rail-button,.rail-collapse{font:inherit;cursor:pointer;border:0}.workspace-tabs button{min-height:34px;padding:0 var(--space-3);color:var(--color-text-3);border-radius:var(--radius-lg);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:7px;display:inline-flex}.workspace-tabs button:hover,.workspace-tabs button.active{color:var(--color-text-1);background:#ffffff13}.workspace-tabs button:active{transform:scale(.98)}.workspace-mode-pill{justify-self:end;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-xl);color:var(--color-text-1);box-shadow:0 0 30px #5e6ad214, var(--shadow-inset);background:#5e6ad21f;border:1px solid #5e6ad242;display:inline-flex}.workspace-mode-pill.execution{box-shadow:0 0 30px #2fbf8f14, var(--shadow-inset);background:#2fbf8f1c;border-color:#2fbf8f47}.build-workspace-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(330px,.38fr) 160px;align-items:stretch;display:grid}.build-chat-surface{min-width:0}.workspace-preview-panel,.workspace-rail{min-height:640px}.workspace-preview-panel{padding:var(--space-4)}.workspace-rail{align-content:start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-surface);background:linear-gradient(#ffffff0b,#ffffff05),#050508b8;display:grid}.rail-collapse{width:34px;height:34px;color:var(--color-text-3);border-radius:var(--radius-md);background:#ffffff09;justify-self:end;place-items:center;display:grid}.rail-button{gap:var(--space-2);width:100%;min-height:42px;padding:0 var(--space-2);color:var(--color-text-3);text-align:left;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;grid-template-columns:18px minmax(0,1fr) 8px;align-items:center;display:grid;position:relative}.rail-button:hover,.rail-button.active{color:var(--color-text-1);background:#ffffff0e}.rail-button.active{box-shadow:inset 0 0 0 1px #5e6ad238}.rail-button:active{transform:scale(.98)}.rail-button i{background:var(--color-success);border-radius:999px;width:7px;height:7px;box-shadow:0 0 14px #2fbf8f80}.tool-panel{gap:var(--space-3);align-content:start;display:grid}.mini-preview-frame{align-content:center;place-items:center;gap:var(--space-2);min-height:220px;padding:var(--space-4);text-align:center;border:1px solid var(--color-border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-inset);background:radial-gradient(circle at 50% 20%,#5e6ad238,#0000 45%),linear-gradient(#ffffff0f,#ffffff05);display:grid}.mini-preview-frame.live{padding:0;overflow:hidden}.mini-preview-frame iframe{border-radius:calc(var(--radius-xl) - 2px);background:#050506;border:0;width:100%;min-height:260px}.mini-preview-frame svg{color:var(--color-accent-hover)}.mini-preview-frame strong,.mini-preview-frame span{overflow-wrap:anywhere;min-width:0}.mini-preview-frame span{max-width:260px;color:var(--color-text-3);font-size:var(--text-sm)}.tool-list{gap:var(--space-2);display:grid}.tool-row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);background:#ffffff08;grid-template-columns:36px minmax(0,1fr);align-items:start;display:grid}.tool-row-icon{width:36px;height:36px;color:var(--color-accent-hover);border-radius:var(--radius-md);background:#5e6ad21f;place-items:center;display:grid}.tool-row strong,.tool-row span{overflow-wrap:anywhere;min-width:0;display:block}.tool-row span{color:var(--color-text-3);font-size:var(--text-xs);line-height:var(--leading-base);margin-top:3px}.workspace-action-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.workspace-action-row .ui-button{flex:130px}.files-tool-panel{grid-template-rows:auto minmax(120px,.55fr) minmax(260px,1fr) auto auto}.workspace-file-list{gap:var(--space-2);max-height:220px;padding:var(--space-2);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:#00000029;display:grid;overflow:auto}.workspace-file-list button{gap:var(--space-2);min-width:0;min-height:38px;padding:0 var(--space-2);color:var(--color-text-3);text-align:left;border-radius:var(--radius-md);background:0 0;border:1px solid #0000;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;display:grid}.workspace-file-list button:hover,.workspace-file-list button.active{color:var(--color-text-1);background:#5e6ad214;border-color:#5e6ad238}.workspace-file-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-file-list small{color:var(--color-text-3);text-transform:uppercase;font-size:10px}.resource-file-icon{width:14px;height:14px;box-shadow:var(--shadow-inset);background:linear-gradient(#5e6ad247,#5e6ad214),#ffffff0a;border:1px solid #5e6ad261;border-radius:4px}.workspace-file-editor{gap:var(--space-2);min-height:0;display:grid}.workspace-file-editor textarea{resize:vertical;border:1px solid var(--color-border-1);border-radius:var(--radius-lg);min-height:260px;padding:var(--space-3);color:var(--color-text-1);font-family:var(--font-mono);font-size:var(--text-xs);background:#050508d1;line-height:1.65}.chat-surface{gap:var(--space-3);grid-template-rows:auto auto minmax(260px,1fr) auto;min-height:640px;display:grid}.chat-context,.status-summary{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.chat-context div,.status-summary div{padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);background:#ffffff08;gap:4px;display:grid}.chat-context span,.status-summary span,.composer-head span,.message-meta span{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.chat-context strong,.status-summary strong{overflow-wrap:anywhere;min-width:0}.chat-transcript{gap:var(--space-3);min-height:260px;max-height:520px;padding:var(--space-2);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:#00000029;flex-direction:column;display:flex;overflow-y:auto}.message{max-width:780px;padding:var(--space-3);border-radius:var(--radius-lg);line-height:var(--leading-base);border:1px solid var(--color-border-1)}.message.user{background:#5e6ad224;border-color:#5e6ad247;align-self:flex-end}.message.agent{background:#ffffff0d;align-self:flex-start}.message.tool{background:#2fbf8f14;border-color:#2fbf8f38;align-self:flex-start}.message p{margin:var(--space-2) 0 0;white-space:pre-wrap}.message-meta{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.message-meta small,.composer-head small,.run-card span,.audit-hints span{color:var(--color-text-3);font-size:var(--text-xs)}.composer-shell{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:#ffffff07;display:grid}.composer-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.segmented-control{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented-control button{gap:2px var(--space-2);padding:var(--space-2);color:var(--color-text-3);text-align:left;border:1px solid var(--color-border-1);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#ffffff06;grid-template-columns:18px minmax(0,1fr);align-items:center;display:grid}.segmented-control button:hover,.segmented-control button.active,.segmented-control button[aria-selected=true]{color:var(--color-text-1);background:#5e6ad218;border-color:#5e6ad247}.segmented-control button:active{transform:scale(.99)}.segmented-control svg{color:var(--color-accent-hover);grid-row:1/span 2}.segmented-control span,.segmented-control small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.segmented-control span{font-size:var(--text-sm);font-weight:650}.segmented-control small{color:var(--color-text-3);font-size:11px}.composer{align-self:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) 112px;display:grid}.composer textarea{resize:vertical;border:1px solid var(--color-border-1);border-radius:var(--radius-lg);width:100%;min-height:96px;padding:var(--space-3);color:var(--color-text-1);background:#050508b8}.agent-runtime-panel{gap:var(--space-3);align-content:start;display:grid}.agent-runtime-panel.embedded{padding-top:var(--space-1)}.run-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#5e6ad229,#ffffff09),#ffffff06;grid-template-columns:40px minmax(0,1fr);align-items:center;display:grid}.run-card-icon{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-accent-hover);box-shadow:var(--shadow-inset);background:#5e6ad224;place-items:center;display:grid}.run-card strong,.run-card span{overflow-wrap:anywhere;min-width:0;display:block}.agent-list{display:grid}.audit-hints{gap:var(--space-2);padding-top:var(--space-2);display:grid}.audit-hints div{gap:var(--space-2);grid-template-columns:18px minmax(0,1fr);align-items:center;display:grid}.audit-hints svg{color:var(--color-accent-hover)}.agent-row,.member-row,.policy-row{align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-text-1);border-bottom:1px solid var(--color-border-1);display:grid}.agent-row{grid-template-columns:20px minmax(0,1fr) auto auto}.member-row{grid-template-columns:22px minmax(0,1fr) auto}.policy-row{grid-template-columns:22px 90px 80px minmax(0,1fr)}.workspace-settings-page{gap:var(--space-4);grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:start;min-width:0;display:grid}.workspace-settings-card{min-width:0}.workspace-settings-card--policies{grid-column:1/-1}.workspace-settings-card .panel-head{border-bottom:1px solid var(--color-border-1);margin-bottom:var(--space-3);padding-bottom:var(--space-3);align-items:flex-start}.workspace-settings-card .panel-head strong{font-size:17px}.workspace-settings-card .panel-head span{color:var(--color-text-3);white-space:nowrap}.permissions-stack{flex-direction:column;align-items:stretch;gap:14px;padding:16px 0;display:flex}.permission-user{align-items:center;gap:10px;display:flex}.permission-user span,.workspace-member-main{flex-direction:column;min-width:0;display:flex}.permission-user small,.workspace-member-main small{color:var(--color-text-3);font-size:12px}.permission-title,.permission-role-block div{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.permission-role-block{border-top:1px solid var(--color-border-1);padding-top:12px}.permission-role-block strong{font-size:14px}.permission-role-block strong.workspace{color:#818cf8}.permission-role-block strong.project{color:#22c55e}.permission-list{flex-direction:column;gap:7px;display:flex}.permission-indicator{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.permission-indicator span{color:var(--color-text-1);font-size:12px}.permission-indicator strong{align-items:center;gap:4px;font-size:11px;display:inline-flex}.permission-indicator strong.allowed{color:#22c55e}.permission-indicator strong.denied{color:var(--color-danger)}.workspace-members-panel{flex-direction:column;gap:14px;display:flex}.member-invite-row{grid-template-columns:minmax(180px,1fr) minmax(128px,.45fr) minmax(120px,auto);align-items:center;gap:8px;display:grid}.member-invite-row input,.member-invite-row select,.workspace-member-row select{background:var(--color-surface-1);border:1px solid var(--color-border-1);border-radius:var(--radius-sm);color:var(--color-text-1);width:100%;min-height:38px;padding:0 10px}.member-invite-row button,.mini-button{background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:700;display:inline-flex}.member-invite-row button:disabled,.mini-button:disabled,.icon-button.danger:disabled{cursor:not-allowed;opacity:.45}.workspace-member-message{color:var(--color-text-3);margin:0;font-size:12px}.workspace-member-list{flex-direction:column;gap:8px;display:flex}.workspace-member-row{background:var(--color-surface-1);border:1px solid var(--color-border-1);border-radius:var(--radius-md);grid-template-columns:36px minmax(140px,1fr) minmax(72px,auto) minmax(116px,.32fr) auto 38px;align-items:center;gap:10px;padding:10px;display:grid}.workspace-member-avatar{background:var(--color-accent-muted);color:var(--color-accent);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.workspace-member-status{border:1px solid var(--color-border-1);color:var(--color-text-3);border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-weight:700}.workspace-member-status.active{color:#16a34a}.workspace-member-status.pending{color:#d97706}.workspace-member-status.removed,.icon-button.danger{color:var(--color-danger)}@media (width<=1280px){.workspace-settings-page{grid-template-columns:1fr}}@media (width<=1080px){.workspace-member-row{grid-template-columns:36px minmax(160px,1fr) auto}.workspace-member-row select,.workspace-member-row .mini-button,.workspace-member-row .icon-button{grid-column:2/-1}.workspace-member-row select{max-width:240px}}@media (width<=920px){.member-invite-row,.workspace-member-row{grid-template-columns:1fr}.workspace-member-row select,.workspace-member-row .mini-button,.workspace-member-row .icon-button{grid-column:auto}.workspace-member-avatar{display:none}}table{border-collapse:collapse;width:100%;font-size:var(--text-md)}th,td{border-bottom:1px solid var(--color-border-1);text-align:left;overflow-wrap:anywhere;padding:12px 8px}th{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.status,.risk{border-radius:var(--radius-pill);border:1px solid var(--color-border-1);min-height:24px;font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.status.deployed,.risk.low{color:#8ef1c7;background:var(--color-success-muted);border-color:#2fbf8f52}.status.building,.risk.medium{color:#ffd98a;background:var(--color-warning-muted);border-color:#d6a24352}.status.blocked,.risk.critical,.risk.high{color:#ff9b9b;background:var(--color-danger-muted);border-color:#ff6b6b57}.action-list{gap:var(--space-3);display:grid}.action-list button{justify-content:flex-start}button:disabled{cursor:not-allowed;opacity:.56}.empty-box,.selected-box,.patch-row{gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-border-2);border-radius:var(--radius-lg);background:#ffffff09;display:grid}.empty-box p{color:var(--color-text-2);margin:0}.doctor .metric{min-height:128px}.editor-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.editor-preview{min-height:680px}.editor-preview iframe{border:1px solid var(--color-border-1);border-radius:var(--radius-lg);background:#fff;width:100%;min-height:610px}.inspector{gap:var(--space-3);display:grid}.selected-box,.patch-row{grid-template-columns:24px minmax(0,1fr);align-items:start}.selected-box strong,.selected-box small,.patch-row strong,.patch-row span,.patch-row small{overflow-wrap:anywhere;display:block}.field{gap:var(--space-2);display:grid}.check-row{align-items:center;gap:var(--space-2);min-height:36px;color:var(--color-text-2);display:flex}.check-row input{width:16px;height:16px;accent-color:var(--color-accent)}.field span{color:var(--color-text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.field input,.field select{border:1px solid var(--color-border-1);border-radius:var(--radius-md);width:100%;min-height:40px;padding:0 var(--space-3);color:var(--color-text-1);box-shadow:var(--shadow-inset);background:#050508b8}.wide-action{min-height:42px}.wide-action:disabled{background:var(--color-surface-2);box-shadow:none}.patch-list{gap:var(--space-2);display:grid}.empty-state{color:var(--color-text-2);font-size:var(--text-md);margin:0}.login-shell{background:radial-gradient(760px 520px at 50% 0,#d6bd7438,#0000 66%),radial-gradient(720px 520px at 18% 82%,#ff82542e,#0000 68%),linear-gradient(#f8f6f1 0%,#f1eee8 100%);place-items:center;min-height:100vh;padding:clamp(24px,5vw,72px);display:grid;overflow:hidden}.login-shell:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#10141c09 1px,#0000 1px),linear-gradient(90deg,#10141c09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 28%,#000,#0000 74%);mask-image:radial-gradient(circle at 50% 28%,#000,#0000 74%)}.login-stage{z-index:1;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:clamp(28px,5vw,72px);width:min(980px,100%);display:grid;position:relative}.login-intro{gap:18px;min-width:0;display:grid}.login-brand-mark{width:74px;height:74px}.login-kicker{color:#6c5520;width:fit-content;font-size:var(--text-sm);background:#ffffff94;border:1px solid #97762a2e;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-weight:700;display:inline-flex;box-shadow:0 12px 32px #6f521a14}.login-intro h1{color:#121216;max-width:640px;margin:0;font-size:clamp(36px,5vw,62px);font-weight:750;line-height:.98}.login-intro p{color:#5f6470;max-width:560px;font-size:var(--text-lg);margin:0;line-height:1.65}.login-assurance{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.login-assurance span{color:#263143;min-height:36px;font-size:var(--text-sm);background:#ffffffb8;border:1px solid #12121614;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-weight:650;display:inline-flex}.login-panel{background:linear-gradient(#ffffffeb,#ffffffc7),#ffffffd1;border-color:#12121614;border-radius:22px;gap:18px;width:100%;padding:28px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,0 24px 70px #19191c29,0 2px 10px #19191c0f}.login-shell>.login-panel{width:min(430px,100%)}.login-stage>.login-panel{width:100%}.login-panel-head{gap:4px;margin-bottom:4px;display:grid}.login-panel-head span{color:#a0741f;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.login-panel-head strong{color:#121216;font-size:var(--text-xl);line-height:var(--leading-tight)}.login-panel-head small{color:#6b7280;font-size:var(--text-sm)}.login-panel .field{gap:8px}.login-panel .field span{color:#6d7480;letter-spacing:.11em}.login-panel .field input{color:#141417;min-height:48px;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out), background .16s var(--ease-out);background:#ffffffe6;border-color:#1111141a;border-radius:12px;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1111140d}.login-panel .field input:focus-visible{background:#fff;border-color:#aa7c2485;outline:0;box-shadow:0 0 0 4px #d6a43a24,0 1px 2px #1111140d}.login-submit{background:#16171b;border-radius:12px;flex-direction:row-reverse;justify-content:center;min-height:50px;margin-top:2px;box-shadow:inset 0 1px #ffffff29,0 14px 30px #10111533}.login-submit:hover:not(:disabled){background:#22242a}.login-submit:disabled{color:#7b7f89}.form-error{color:#9f1d2f;padding:10px var(--space-3);background:#ffeef1e0;border:1px solid #e11d4838;border-radius:12px;margin:0}:root[data-theme=dark] .login-shell{background:radial-gradient(760px 520px at 50% 0,#d6bd7424,#0000 66%),radial-gradient(720px 520px at 18% 82%,#ff825414,#0000 68%),linear-gradient(#07070a 0%,#0d0d12 100%)}:root[data-theme=dark] .login-shell:before{background:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px)}:root[data-theme=dark] .login-kicker,:root[data-theme=dark] .login-assurance span{color:#ece7d8;background:#ffffff0e;border-color:#ffffff14}:root[data-theme=dark] .login-intro h1,:root[data-theme=dark] .login-panel-head strong{color:#f5f5f6}:root[data-theme=dark] .login-intro p,:root[data-theme=dark] .login-panel-head small{color:#969aa5}:root[data-theme=dark] .login-panel{background:linear-gradient(#ffffff16,#ffffff0b),#0d0d12e0;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff14,0 24px 80px #0000006b}:root[data-theme=dark] .login-panel .field span{color:#a6abb7}:root[data-theme=dark] .login-panel .field input{color:#f4f5f7;background:#ffffff0e;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0d}:root[data-theme=dark] .login-panel .field input:focus-visible{background:#ffffff14;border-color:#d7b55b94;box-shadow:0 0 0 4px #d6a43a21}:root[data-theme=dark] .form-error{color:#fecdd3;background:#7f1d1d38;border-color:#f871713d}@media (width<=860px){.login-stage{grid-template-columns:minmax(0,1fr);gap:28px}.login-intro{text-align:center;justify-items:center}.login-intro p,.login-intro h1{max-width:640px}.login-assurance{justify-content:center}}@media (width<=520px){.login-shell{padding:18px}.login-brand-mark{width:62px;height:62px}.login-intro h1{font-size:34px}.login-panel{border-radius:18px;padding:22px}}@media (width<=1100px){.sidebar{width:88px;padding:var(--space-4) var(--space-3)}.content{margin-left:88px}.brand div:last-child,.nav-list span,.workspace-box{display:none}.nav-list button{justify-content:center;min-height:44px;padding:0}.layout-grid,.split,.providers-grid,.settings-grid,.deploy-grid,.build-workspace-grid,.chat-grid,.editor-grid{grid-template-columns:1fr}.build-toolbar{grid-template-columns:minmax(0,1fr)}.workspace-tabs,.workspace-mode-pill{justify-self:stretch}.workspace-tabs{overflow-x:auto}.workspace-tabs button{flex:1 0 auto}.workspace-mode-pill{justify-content:center}.workspace-preview-panel,.workspace-rail{min-height:0}.workspace-rail{grid-template-columns:repeat(4,minmax(120px,1fr))}.rail-collapse{display:none}.settings-hero,.deploy-hero{flex-direction:column;align-items:stretch}.design-system-hero,.design-system-grid{grid-template-columns:1fr}.project-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;position:static}.project-list .panel-head{grid-column:1/-1}}@media (width<=760px){.sidebar{inset:auto var(--space-3) var(--space-3) var(--space-3);z-index:var(--z-sidebar);width:auto;height:auto;padding:var(--space-2);border:1px solid var(--color-border-1);border-radius:var(--radius-xl);position:fixed;overflow:visible;box-shadow:0 18px 70px #00000085,0 0 0 1px #ffffff09}.brand{display:none}.nav-list{grid-template-columns:repeat(9,minmax(34px,1fr));gap:2px}.nav-list button{border-radius:var(--radius-md);min-height:42px}.content{padding:var(--space-3);margin-left:0;padding-bottom:92px}.topbar{padding-top:var(--space-2);top:0}.topbar,.project-header{flex-direction:column;align-items:stretch}.search{min-width:0;max-width:none}.project-list,.metrics,.audit-summary,.audit-filter-grid,.design-system-grid,.deploy-summary{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}.settings-tabs{grid-template-columns:repeat(3,minmax(90px,1fr));width:100%}.workspace-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tabs{justify-content:flex-start}.workspace-tabs button span{display:none}.segmented-control,.chat-context,.status-summary,.details div,.composer{grid-template-columns:1fr}.release-card{grid-template-columns:1fr;align-items:stretch}.release-card-meta,.release-actions{flex-wrap:wrap;justify-content:flex-start}table{white-space:nowrap;display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.creator-sidebar{z-index:60;width:292px;height:100vh;color:var(--color-text-1);border-right:1px solid var(--color-border-1);box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .22s var(--ease-out), padding .22s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out);background:#ffffffb8;gap:10px;padding:14px 12px;position:fixed;overflow:visible}.sidebar-fixed-top{flex-shrink:0;gap:10px;display:grid}.sidebar-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:auto;align-content:start;gap:10px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:0;height:0}:root[data-theme=dark] .creator-sidebar{background:#050508db;box-shadow:24px 0 70px #00000052}.content{min-height:100vh;transition:margin-left .22s var(--ease-out);margin-left:292px}.app-shell--sidebar-collapsed .content{margin-left:72px}.creator-rail-top,.creator-rail-actions,.sidebar-footer,.apps-page__actions,.apps-toolbar,.prompt-composer__bar,.prompt-tools,.prompt-actions,.sheet-tabs,.view-toggle{align-items:center;display:flex}.creator-rail-top{justify-content:space-between;min-height:36px}.creator-logo-wrap{place-items:center;width:34px;height:34px;display:grid;position:relative}.creator-logo{width:34px;height:34px;box-shadow:none;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);background:0 0;border-radius:11px;place-items:center;display:grid;overflow:hidden}.brand-mark{object-fit:contain;width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0;display:block}.brand-mark--dark,:root[data-theme=dark] .brand-mark--light{display:none}:root[data-theme=dark] .brand-mark--dark{display:block}.creator-expand-overlay{width:34px;height:34px;min-height:34px;color:var(--color-text-1);border:1px solid var(--color-border-1);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), background .16s var(--ease-out);background:#ffffffeb;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 10px 28px #1111141a}:root[data-theme=dark] .creator-expand-overlay{color:#121216;background:#f5f5f6f0;border-color:#ffffff24;box-shadow:0 12px 30px #0000005c}.creator-sidebar.is-collapsed .creator-logo-wrap:hover .creator-expand-overlay,.creator-sidebar.is-collapsed .creator-expand-overlay:focus-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.creator-sidebar.is-collapsed .creator-logo-wrap:hover .creator-logo{opacity:0;transform:scale(.92)}.creator-sidebar:not(.is-collapsed) .creator-expand-overlay{display:none}.creator-rail-actions,.prompt-tools,.prompt-actions,.suggestion-row,.apps-page__actions,.apps-toolbar{gap:8px}.creator-rail-actions button,.sidebar-footer>button,.prompt-tools button,.ghost-icon,.view-toggle button{width:34px;min-height:34px;color:var(--color-text-1);transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);background:0 0;border-radius:10px;place-items:center;display:grid}.creator-rail-actions button:hover,.sidebar-footer>button:hover,.prompt-tools button:hover,.ghost-icon:hover,.view-toggle button:hover{background:var(--color-surface-2)}.workspace-switcher-menu{position:relative}.workspace-switcher-menu[open] .workspace-switcher{border-color:var(--color-border-2);box-shadow:0 12px 32px #11111414}.workspace-switcher-menu[open] .workspace-switcher svg{transform:rotate(180deg)}.workspace-switcher{width:100%;min-height:46px;color:var(--color-text-1);text-align:left;background:var(--color-bg-elevated);border:1px solid var(--color-border-1);cursor:pointer;transition:border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out), transform .18s var(--ease-out);border-radius:10px;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:7px 9px;list-style:none;display:grid}.workspace-switcher:hover{background:var(--color-surface-2)}.workspace-switcher svg{transition:transform .18s var(--ease-out)}.workspace-switcher::-webkit-details-marker{display:none}.workspace-switcher strong,.workspace-switcher small,.recent-link{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-switcher strong,.workspace-switcher small{display:block}.workspace-switcher small,.sidebar-muted,.upgrade-card span{color:var(--color-text-3);font-size:var(--text-xs)}.workspace-avatar,.user-bubble{color:#5f35d5;font-weight:700;font-size:var(--text-xs);background:#dfd4ff;border-radius:10px;place-items:center;display:grid}.workspace-avatar{width:30px;height:30px}.workspace-avatar.large{width:50px;height:50px;font-size:var(--text-lg);border-radius:10px}.workspace-popover{z-index:100;width:min(334px,100vw - 28px);max-height:calc(100vh - 152px);color:var(--color-text-1);border:1px solid var(--color-border-1);background:var(--color-bg-elevated);scrollbar-width:thin;transform-origin:0 0;animation:workspace-popover-in .18s var(--ease-out);will-change:opacity, transform;border-radius:10px;position:fixed;top:136px;left:14px;overflow-y:auto;box-shadow:0 22px 60px #1111142e}@keyframes workspace-popover-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}:root[data-theme=dark] .workspace-popover{background:#101014fa;box-shadow:0 22px 60px #00000075}.workspace-popover-head{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;padding:18px 16px 8px;display:grid}.workspace-popover-head span:last-child,.workspace-popover-head strong,.workspace-popover-head small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.workspace-popover-head small,.workspace-credits>small,.workspace-list>span{color:var(--color-text-2)}.workspace-popover-actions{justify-items:start;gap:10px;padding:2px 16px 12px;display:grid}.workspace-popover-actions button,.workspace-create,.workspace-list button,.workspace-upgrade{min-height:36px;color:var(--color-text-1);border:1px solid var(--color-border-1);background:var(--color-bg-elevated);transition:background .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);border-radius:8px;align-items:center;gap:9px;font-weight:500;display:inline-flex}.workspace-popover-actions button{padding:0 10px}.workspace-credits,.workspace-list{border-top:1px solid var(--color-border-1);gap:10px;padding:14px 16px;display:grid}.workspace-credits-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-credits-title svg{color:#8aa0bf}.workspace-credit-line{gap:7px;display:grid}.workspace-credit-line div{justify-content:space-between;align-items:center;gap:10px;display:flex}.workspace-credit-line small{color:var(--color-text-2)}.workspace-credit-line i{border-radius:var(--radius-pill);background:var(--color-bg-panel);height:8px;overflow:hidden}.workspace-credit-line i:after{content:"";border-radius:inherit;background:#ff5b1a47;width:0%;height:100%;display:block}.workspace-upgrade{color:#ff5b1a;background:#ff5b1a14;border-color:#ff5b1a33;justify-content:center;width:100%}.workspace-list button{background:0 0;border:0;justify-content:flex-start;width:100%;padding:0}.workspace-list button.active{grid-template-columns:30px minmax(0,1fr) 18px;padding:0;display:grid}.workspace-list button:hover,.workspace-create:hover,.workspace-popover-actions button:hover{background:var(--color-surface-2);transform:translateY(-1px)}.workspace-create{border:0;border-top:1px solid var(--color-border-1);border-radius:0;justify-content:flex-start;width:100%;min-height:58px;padding:14px 16px}.workspace-create span{border:1px solid var(--color-border-1);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.creator-sidebar.is-collapsed{--sidebar-rail-width:56px;--sidebar-icon-size:40px;align-items:center;width:72px;padding:18px 8px 14px}.creator-sidebar.is-collapsed .creator-rail-top{width:var(--sidebar-rail-width);justify-items:center;gap:0;display:grid}.creator-sidebar.is-collapsed .sidebar-fixed-top{width:var(--sidebar-rail-width);justify-items:center;gap:20px}.creator-sidebar.is-collapsed .creator-logo-wrap{width:var(--sidebar-rail-width);height:46px}.creator-sidebar.is-collapsed .creator-logo{width:34px;height:34px}.creator-sidebar.is-collapsed .creator-rail-actions{display:none}.creator-sidebar.is-collapsed .workspace-switcher{border-radius:10px;grid-template-columns:1fr;justify-items:center;width:48px;min-height:48px;margin:0 auto;padding:0}.creator-sidebar.is-collapsed .workspace-switcher>span:not(.workspace-avatar),.creator-sidebar.is-collapsed .workspace-switcher>svg{display:none}.creator-sidebar.is-collapsed .workspace-avatar{border-radius:10px;width:46px;height:46px}.creator-sidebar.is-collapsed .workspace-popover{top:76px;left:78px}.creator-sidebar.is-collapsed .sidebar-scroll{width:var(--sidebar-rail-width);place-items:start center;gap:10px;padding-right:0}.creator-sidebar.is-collapsed .creator-nav-card{width:var(--sidebar-rail-width);border-radius:12px;justify-items:center;padding:5px}.creator-sidebar.is-collapsed .creator-nav-list{width:var(--sidebar-rail-width);justify-items:center;gap:10px}.creator-sidebar.is-collapsed .creator-nav-card button,.creator-sidebar.is-collapsed .creator-nav-list button{width:var(--sidebar-icon-size);min-height:var(--sidebar-icon-size);justify-content:center;padding:0;position:relative}.creator-sidebar.is-collapsed .creator-nav-card button span,.creator-sidebar.is-collapsed .creator-nav-list button span,.creator-sidebar.is-collapsed .sidebar-section,.creator-sidebar.is-collapsed .system-menu,.creator-sidebar.is-collapsed .upgrade-card{display:none}.creator-sidebar.is-collapsed .sidebar-footer{width:var(--sidebar-rail-width);justify-items:center;gap:12px;margin-top:auto;padding-top:16px;display:grid}.creator-sidebar.is-collapsed .sidebar-footer>button,.creator-sidebar.is-collapsed .user-bubble{width:var(--sidebar-icon-size);min-height:var(--sidebar-icon-size)}.creator-sidebar.is-collapsed .user-popover{left:58px}.creator-sidebar.is-collapsed .user-menu{order:10}.creator-sidebar.is-collapsed .user-popover .user-bubble.large{width:42px;min-height:42px}.creator-sidebar.is-collapsed .user-popover nav button{text-align:left;white-space:nowrap;grid-template-columns:24px minmax(0,1fr) auto;justify-content:stretch;width:100%;min-height:46px;padding:0 16px;display:grid}.creator-sidebar.is-collapsed .user-popover nav button svg{justify-self:center}.creator-sidebar-tooltip{z-index:180;color:#fff;min-width:max-content;max-width:220px;font-size:var(--text-sm);pointer-events:none;animation:sidebar-tooltip-in .12s var(--ease-out);background:#111827;border-radius:7px;padding:8px 10px;font-weight:650;line-height:1;position:fixed;left:64px;transform:translateY(-50%);box-shadow:0 12px 28px #11182738}.creator-sidebar-tooltip:before{content:"";background:#111827;width:9px;height:9px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}@keyframes sidebar-tooltip-in{0%{opacity:0;transform:translate(4px,-50%)scale(.98)}to{opacity:1;transform:translateY(-50%)scale(1)}}.creator-sidebar.is-collapsed .creator-nav-card button:after,.creator-sidebar.is-collapsed .creator-nav-card button:before,.creator-sidebar.is-collapsed .creator-nav-list button:after,.creator-sidebar.is-collapsed .creator-nav-list button:before,.creator-sidebar.is-collapsed .sidebar-footer button:after,.creator-sidebar.is-collapsed .sidebar-footer button:before,.creator-sidebar.is-collapsed .user-menu summary:after,.creator-sidebar.is-collapsed .user-menu summary:before,.creator-sidebar.is-collapsed .workspace-switcher:after,.creator-sidebar.is-collapsed .workspace-switcher:before{display:none}.creator-nav-card,.creator-nav-list{gap:4px;display:grid}.creator-nav-card{border:1px solid var(--color-border-1);background:#ffffff8f;border-radius:12px;padding:5px}:root[data-theme=dark] .creator-nav-card{background:#ffffff09}.creator-nav-card button,.creator-nav-list button{width:100%;min-height:36px;color:var(--color-text-1);box-shadow:none;background:0 0;border-radius:8px;justify-content:flex-start;align-items:center;gap:9px;padding:0 9px;display:inline-flex}.creator-nav-card button.active,.creator-nav-card button:hover,.creator-nav-list button.active,.creator-nav-list button:hover{background:var(--color-surface-2)}.sidebar-section{gap:6px;display:grid}.sidebar-section__title{min-height:24px;color:var(--color-text-2);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.favorites-empty{color:var(--color-text-2);text-align:center;border:1px dashed var(--color-border-2);font-size:var(--text-sm);line-height:var(--leading-base);border-radius:10px;padding:14px 10px}.recent-link{width:100%;min-height:30px;color:var(--color-text-1);text-align:left;background:0 0;border-radius:8px;padding:0 9px}.recent-link:hover,.recent-link[aria-current=true]{background:var(--color-surface-2)}.system-menu{margin-top:auto}.system-menu summary{min-height:30px;color:var(--color-text-2);cursor:pointer;align-items:center;padding:0 10px;display:flex}.upgrade-card{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:10px;gap:2px;padding:10px 38px 10px 12px;display:grid;position:relative}.upgrade-card svg{color:#ff4d00;position:absolute;top:15px;right:12px}.sidebar-footer{border-top:1px solid var(--color-border-1);background:0 0;flex-shrink:0;justify-content:space-between;gap:3px;margin-top:auto;padding-top:8px}.user-bubble{width:34px;height:34px}.user-menu{position:relative}.user-menu summary{cursor:pointer;list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-menu[open] .user-bubble{box-shadow:0 0 0 3px #2f63f61f}.user-popover{z-index:110;width:min(320px,100vw - 76px);color:var(--color-text-1);border:1px solid var(--color-border-1);background:var(--color-bg-elevated);transform-origin:0 100%;animation:user-popover-in .18s var(--ease-out);border-radius:14px;position:fixed;bottom:12px;left:58px;overflow:hidden;box-shadow:0 22px 60px #1111142e}@keyframes user-popover-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.user-popover-head{border-bottom:1px solid var(--color-border-1);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.user-popover-head span:last-child,.user-popover-head strong,.user-popover-head small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.user-popover-head small{color:var(--color-text-2);margin-top:4px}.user-popover nav{display:grid}.user-popover nav button{width:100%;min-height:46px;color:var(--color-text-1);text-align:left;border-bottom:1px solid var(--color-border-1);transition:background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 16px;font-weight:500;display:grid}.user-popover nav button:last-child{border-bottom:0}.user-popover nav button:hover{background:var(--color-surface-2)}.user-bubble.large{width:42px;height:42px;font-size:var(--text-md)}:root[data-theme=dark] .user-popover{background:#101014fa;box-shadow:0 22px 60px #00000075}.creator-home{align-content:space-between;gap:42px;min-height:calc(100vh - 48px);padding:54px 42px 0;display:grid}.prompt-hero{justify-items:center;gap:22px;padding-top:56px;display:grid}.prompt-hero__copy{text-align:center}.prompt-hero h1,.apps-page h1{color:var(--color-text-1);letter-spacing:-.04em;margin:0;font-size:clamp(40px,5vw,62px);font-weight:500;line-height:1.04}.prompt-composer{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);width:min(900px,100%);min-height:192px;box-shadow:0 24px 90px #ff6d272e, var(--shadow-surface);border-radius:18px;grid-template-rows:1fr auto;display:grid;overflow:hidden}:root[data-theme=dark] .prompt-composer{box-shadow:var(--shadow-surface)}.prompt-composer textarea{resize:none;width:100%;min-height:118px;color:var(--color-text-1);background:0 0;border:0;outline:0;padding:26px 30px;font-size:20px}.prompt-composer textarea::placeholder{color:var(--color-text-3)}.prompt-composer__bar{justify-content:space-between;gap:12px;padding:14px 20px 18px}.prompt-tools button{border:1px solid var(--color-border-1)}.plan-toggle{color:var(--color-text-1);align-items:center;gap:8px;font-weight:600;display:inline-flex}.plan-toggle input{appearance:none;border-radius:var(--radius-pill);background:var(--color-surface-3);width:44px;height:28px}.plan-toggle input:checked{background:#ff6d27}.send-prompt{width:42px;min-height:42px;color:var(--color-text-inverse);background:var(--color-accent);border-radius:10px;place-items:center;display:grid}.send-prompt:disabled,.Creator-Button:disabled{cursor:not-allowed;opacity:.46}.suggestion-row{flex-wrap:wrap;justify-content:center;display:flex}.suggestion-row button,.sheet-tabs button{min-height:44px;color:var(--color-text-1);border:1px solid var(--color-border-1);background:#ffffffb8;border-radius:10px;padding:0 18px}:root[data-theme=dark] .suggestion-row button,:root[data-theme=dark] .sheet-tabs button{background:#ffffff0e}.home-bottom-sheet{min-height:160px;box-shadow:var(--shadow-surface);background:#ffffffdb;border-radius:28px 28px 0 0;padding:38px 48px}:root[data-theme=dark] .home-bottom-sheet{background:#0a0a0dd1}.sheet-tabs{gap:12px;margin-bottom:18px}.sheet-tabs button.active{background:var(--color-bg-elevated);box-shadow:var(--shadow-surface)}.recent-app-grid,.apps-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.recent-app-grid--compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.recent-app-card{min-height:74px;color:var(--color-text-1);text-align:left;border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:12px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px;display:grid}.recent-app-card strong,.recent-app-card small{display:block}.recent-app-card small{color:var(--color-text-3)}.app-avatar{color:#09e0d3;background:#062844;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.creator-home--restricted{align-content:start;padding-top:76px}.access-header{gap:10px;max-width:720px;display:grid}.access-header p,.placeholder-page p{color:var(--color-text-2);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin:0}.creator-empty{min-height:120px;color:var(--color-text-2);border:1px dashed var(--color-border-2);background:#ffffff7a;border-radius:14px;place-items:center;gap:8px;padding:24px;display:grid}:root[data-theme=dark] .creator-empty{background:#ffffff09}.creator-empty--error{color:var(--color-danger)}.apps-page{background:#ffffff6b;border-radius:22px 0 0 22px;min-height:calc(100vh - 48px);padding:74px 60px}:root[data-theme=dark] .apps-page{background:#ffffff05}.apps-page__header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}.Creator-Button{border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-weight:650;display:inline-flex}.Creator-Button--primary{color:var(--color-text-inverse);background:var(--color-accent)}.Creator-Button--secondary{color:var(--color-text-1);background:var(--color-bg-elevated);border:1px solid var(--color-border-1)}.apps-toolbar{flex-wrap:wrap;margin-bottom:30px}.creator-search,.apps-toolbar select{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:8px;min-height:46px}.creator-search{min-width:min(400px,100%);color:var(--color-text-2);align-items:center;gap:10px;padding:0 14px;display:flex}.creator-search input{width:100%;color:var(--color-text-1);background:0 0;border:0;outline:0}.apps-toolbar select{color:var(--color-text-1);padding:0 16px}.view-toggle{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:10px;margin-left:auto;padding:4px}.view-toggle button.active{background:var(--color-surface-2)}.app-card{min-height:228px;color:var(--color-text-1);text-align:left;border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:12px;grid-template-rows:88px 1fr;gap:18px;padding:20px;display:grid;position:relative;box-shadow:0 1px 2px #1111140a}.app-card--archived{opacity:.72}.app-card__open{color:inherit;text-align:inherit;display:contents}.app-card:hover,.recent-app-card:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-surface-hover);transform:translateY(-1px)}.app-card__media{color:var(--color-text-3);border:1px solid var(--color-border-1);background:linear-gradient(135deg, transparent 49%, var(--color-border-1) 50%, transparent 51%), linear-gradient(45deg, transparent 49%, var(--color-border-1) 50%, transparent 51%), var(--color-bg-panel);border-radius:8px;place-items:center;display:grid}.app-card__body,.app-card__body span{gap:8px;display:grid}.app-card__actions{grid-auto-flow:column;position:absolute;bottom:16px;right:16px;gap:8px!important;display:flex!important}.icon-button.active{color:var(--color-accent-1);background:var(--color-accent-soft)}.app-card__body strong{letter-spacing:-.02em;font-size:22px}.app-card__body small,.app-card__meta{color:var(--color-text-2)}.app-card__menu{position:absolute;top:98px;right:20px}.app-card--new{color:var(--color-text-2);border-style:dashed;align-content:center;place-items:center}.placeholder-page{align-content:start;gap:12px;display:grid}.workspace-create-page{min-height:calc(100vh - 32px);color:var(--color-text-1);background:var(--color-bg-canvas);border-radius:18px;place-content:start center;gap:30px;padding:58px 24px;display:grid}.workspace-create-back{color:#42526b;background:0 0;align-items:center;gap:14px;width:max-content;min-height:38px;font-weight:650;display:inline-flex}.workspace-create-hero,.workspace-create-card,.workspace-next-card{width:min(840px,100vw - 360px)}.workspace-create-hero{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:16px;display:grid}.workspace-create-hero>span,.workspace-next-card>span{color:#ff5b1a;background:#ff813021;place-items:center;display:grid}.workspace-create-hero>span{border-radius:10px;width:60px;height:60px}.workspace-create-hero h1{color:#061537;margin:0;font-size:38px;line-height:1.08}.workspace-create-hero p{color:#334662;font-size:var(--text-lg);margin:6px 0 0}.workspace-create-card,.workspace-next-card{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:9px;box-shadow:0 1px 3px #11111414}.workspace-create-card{gap:28px;padding:26px 30px 16px;display:grid}.workspace-create-card h2{color:#071225;align-items:center;gap:10px;margin:0;font-size:20px;display:inline-flex}.workspace-create-card label{gap:12px;display:grid}.workspace-create-card label>span{color:#17223b;font-weight:650}.workspace-create-card label strong{color:#f05a4f}.workspace-create-card input{width:100%;min-height:50px;color:var(--color-text-1);border:1px solid var(--color-border-1);background:var(--color-bg-elevated);font:inherit;border-radius:9px;padding:0 16px}.workspace-create-card input:focus{border-color:#2f63f673;outline:3px solid #2f63f61f}.workspace-create-card input:disabled{cursor:not-allowed;opacity:.65}.workspace-create-card small{color:#405370}.workspace-create-warning,.workspace-create-success{font-size:var(--text-sm);border-radius:8px;margin:0;padding:12px 14px}.workspace-create-warning{color:#8a3b00;background:#ff81301f}.workspace-create-success{color:#006557;background:#2dd4bf1f}.workspace-create-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.workspace-create-actions button{color:#111827;border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:700;display:inline-flex}.workspace-create-actions button[type=submit]{color:#fff;background:#ffb27f;border-color:#0000}.workspace-create-actions button[type=submit]:not(:disabled){background:#ff8a45}.workspace-create-actions button:disabled{cursor:not-allowed;opacity:.72}.workspace-next-card{color:#004b4e;background:#2dd4bf1a;border-color:#2dd4bfb3;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:30px;display:grid}.workspace-next-card>span{color:#009f91;background:#2dd4bf38;border-radius:50%;width:42px;height:42px}.workspace-next-card h2{margin:0 0 8px;font-size:20px}.workspace-next-card ul{line-height:var(--leading-base);gap:8px;margin:0;padding-left:18px;display:grid}:root[data-theme=dark] .workspace-create-hero h1,:root[data-theme=dark] .workspace-create-card h2,:root[data-theme=dark] .workspace-create-card label>span,:root[data-theme=dark] .workspace-create-actions button{color:var(--color-text-0)}:root[data-theme=dark] .workspace-create-hero p,:root[data-theme=dark] .workspace-create-card small{color:var(--color-text-2)}.topbar{background:linear-gradient(#fffffff0,#ffffffbd 72%,#0000)}:root[data-theme=dark] .topbar{background:linear-gradient(#050506f5,#050506b8 72%,#0000)}.builder-shell{background:#f8fafc;grid-template-rows:auto minmax(0,1fr);gap:0;height:100vh;min-height:0;padding:0;display:grid;overflow:hidden}body:has(.builder-shell) .creator-sidebar{display:none}body:has(.builder-shell) .content{background:#f8fafc;height:100vh;margin-left:0;padding:0;overflow:hidden}.builder-topbar{grid-template-columns:minmax(280px, var(--builder-chat-width,420px)) minmax(620px, 1fr);border-bottom:1px solid var(--color-border-1);background:#f8fafcf5;align-items:center;gap:0;min-height:50px;padding:0;display:grid}.builder-app-identity,.builder-brand-zone,.builder-header-controls,.builder-top-actions,.builder-view-switch,.preview-command-bar,.preview-command-group,.preview-url-pill,.execution-timeline,.timeline-step{align-items:center;display:flex}.builder-brand-zone{justify-content:flex-start;gap:10px;min-width:0;height:100%;padding-right:10px}.builder-brand-zone .builder-header-icon{margin-left:auto}.builder-preview-header{border-left:1px solid var(--color-border-1);grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;min-width:0;height:100%;padding:3px 12px 3px 10px;display:grid}.builder-header-controls{justify-self:start;gap:8px}.builder-header-icon,.builder-collapse-chat{width:34px;min-height:34px;color:var(--color-text-1);border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:9px;place-items:center;display:grid}.builder-collapse-chat{font-family:var(--font-mono);letter-spacing:-.08em;font-size:15px;font-weight:700}.builder-header-icon:hover,.builder-collapse-chat:hover{background:var(--color-surface-2)}.creator-logo-menu,.project-name-menu{position:relative}.creator-menu-trigger,.project-name-trigger{cursor:pointer;color:var(--color-text-1);background:0 0;border:0}.creator-menu-trigger{border-right:1px solid var(--color-border-1);place-items:center;width:50px;min-height:44px;display:grid}.creator-menu-trigger:hover{background:var(--color-surface-2)}.creator-mark{width:30px;height:30px;box-shadow:none;background:0 0;border-radius:11px;place-items:center;display:grid;overflow:hidden}.project-name-trigger{border-radius:8px;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:44px;padding:3px 8px;display:grid}.project-name-trigger:hover,.project-name-trigger[aria-expanded=true]{background:var(--color-surface-2)}.project-name-trigger strong,.project-name-trigger small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.project-name-trigger small{color:var(--color-text-2)}.creator-menu-popover,.project-name-popover{z-index:60;border:1px solid var(--color-border-1);background:var(--color-bg-elevated);animation:builder-menu-enter .14s var(--ease-out);transform-origin:0 0;border-radius:10px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 52px #11111429,0 2px 8px #11111414}@keyframes builder-menu-enter{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.creator-menu-popover{gap:12px;width:312px;padding:12px;display:grid}.project-name-popover{gap:2px;width:300px;padding:8px;display:grid}.project-name-popover button{min-height:40px;color:var(--color-text-1);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;display:inline-flex}.project-name-popover button:hover{background:var(--color-surface-2)}.builder-app-identity{gap:10px;min-width:0}.app-avatar.compact{width:32px;height:32px}.builder-app-identity strong,.builder-app-identity small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.builder-app-identity small{color:var(--color-text-2)}.builder-view-switch{border:1px solid var(--color-border-1);background:var(--color-bg-panel);border-radius:10px;gap:4px;padding:2px}.builder-view-switch button{min-height:30px;color:var(--color-text-2);background:0 0;border-radius:8px;padding:0 16px}.builder-view-switch button.active{color:var(--color-text-1);background:var(--color-bg-elevated);box-shadow:var(--shadow-surface)}.builder-top-actions{white-space:nowrap;justify-content:flex-end;justify-self:end;gap:6px}.builder-top-actions .ui-button{min-height:34px;padding-left:12px;padding-right:12px}.builder-top-actions .icon-button,.preview-command-group button{width:34px;min-height:34px;color:var(--color-text-1);border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:9px;place-items:center;display:grid}.preview-command-group .preview-edit-button{background:0 0;border-color:#0000;gap:8px;width:auto;padding:0 10px;display:inline-flex}.preview-command-group .preview-edit-button span{width:auto;height:auto;color:inherit;font-size:var(--text-sm);background:0 0;font-weight:650}.builder-shell .build-toolbar{border-radius:12px;grid-template-columns:minmax(180px,.8fr) minmax(360px,1.2fr) auto;min-height:54px;padding:6px 10px;box-shadow:0 1px 2px #11111409}.builder-shell .workspace-tabs{background:var(--color-bg-panel)}.builder-shell .workspace-tabs button:hover,.builder-shell .workspace-tabs button.active{background:var(--color-bg-elevated)}.builder-shell .build-workspace-grid{grid-template-columns:minmax(280px, var(--builder-chat-width,420px)) 1px minmax(620px, 1fr);background:#f8fafc;gap:0;height:100%;min-height:0}.builder-shell.is-chat-collapsed .build-workspace-grid{grid-template-columns:minmax(0,1fr)}.builder-shell.is-chat-collapsed .builder-topbar{grid-template-columns:1fr}.builder-shell.is-chat-collapsed .builder-brand-zone{display:none}.builder-shell.is-chat-collapsed .builder-preview-header{border-left:0}.builder-shell.is-chat-collapsed .builder-left-column,.builder-shell.is-chat-collapsed .builder-pane-resizer{display:none}.builder-shell.is-chat-collapsed .workspace-preview-panel{border-left:0;border-radius:0}.builder-shell.is-preview-fullscreen{grid-template-rows:minmax(0,1fr)}.builder-shell.is-preview-fullscreen .builder-topbar,.builder-shell.is-preview-fullscreen .builder-left-column,.builder-shell.is-preview-fullscreen .builder-pane-resizer{display:none}.builder-shell.is-preview-fullscreen .build-workspace-grid{grid-template-columns:minmax(0,1fr);height:100vh}.builder-shell.is-preview-fullscreen .workspace-preview-panel{border-left:0;border-radius:0}.builder-left-column{min-width:0;height:100%;max-height:none;display:block;overflow:hidden}.builder-pane-resizer{z-index:5;background:var(--color-border-1);cursor:col-resize;touch-action:none;place-items:center;width:1px;min-height:100%;padding:0;display:grid;position:relative}.builder-pane-resizer:before{content:"";transition:background .16s var(--ease-out);background:0 0;border-radius:999px;position:absolute;inset:0 -5px}.builder-pane-resizer span{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:999px;width:8px;height:34px;position:relative;box-shadow:0 6px 18px #1111141f}.builder-pane-resizer span:before{content:"";background:var(--color-text-3);width:2px;height:2px;box-shadow:0 5px 0 var(--color-text-3), 0 10px 0 var(--color-text-3), 0 15px 0 var(--color-text-3);border-radius:999px;position:absolute;top:8px;left:3px}.builder-pane-resizer:hover:before,.builder-pane-resizer:focus-visible:before,body.is-resizing-builder .builder-pane-resizer:before{background:#5e6ad21f}body.is-resizing-builder{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-resizing-builder iframe{pointer-events:none}.project-builder-sidebar{z-index:4;position:relative}.project-menu{position:relative}.project-menu summary{min-height:54px;color:var(--color-text-1);cursor:pointer;border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:12px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 10px;list-style:none;display:grid;box-shadow:0 1px 2px #11111409}.project-menu summary::-webkit-details-marker{display:none}.project-menu summary strong,.project-menu summary small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.project-menu summary small{color:var(--color-text-2)}.project-menu[open] summary>svg{transform:rotate(90deg)}.project-menu-popover{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:12px;gap:12px;width:min(312px,92vw);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 52px #11111429,0 2px 8px #11111414}.project-menu-back,.project-menu-links button{min-height:38px;color:var(--color-text-1);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;display:inline-flex}.project-menu-back{border-bottom:1px solid var(--color-border-1);border-radius:0;padding:0 8px}.project-menu-links{gap:4px;display:grid}.project-menu-links button{padding:0 8px}.project-menu-links button:hover,.project-menu-back:hover{background:var(--color-surface-2)}.credit-box{border:1px solid var(--color-border-1);background:var(--color-bg-panel);border-radius:10px;gap:10px;padding:12px;display:grid}.credit-box>div:first-child,.credit-line div{justify-content:space-between;align-items:center;gap:10px;display:flex}.credit-box>span,.credit-line small{color:var(--color-text-3)}.info-dot{color:#4974a5;border:1px solid #4974a559;border-radius:999px;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:grid}.credit-line{gap:6px;display:grid}.credit-line i{background:var(--color-surface-2);border-radius:999px;height:8px}.upgrade-inline{color:#ff4d00;background:#ff6d271a;border:1px solid #ff6d273d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:650;display:inline-flex}.builder-shell .chat-surface{height:100%;min-height:0;max-height:none;box-shadow:none;background:#f8fafc;border:0;border-radius:0;grid-template-rows:auto minmax(120px,1fr) auto auto;gap:0;padding:0;display:grid;overflow:hidden;container-type:inline-size}.builder-shell .status-summary{grid-template-columns:1fr}.execution-timeline{box-shadow:none;background:#fff;border:0;border-radius:0 0 10px 10px;flex-direction:column;align-items:stretch;gap:18px;margin:0 14px;padding:18px 26px}.timeline-step{color:#0f172a;gap:10px}.timeline-step.done{color:#12b76a}.timeline-step span,.timeline-step strong,.timeline-step small{min-width:0;display:block}.timeline-step strong{color:#0f172a;font-size:15px;font-weight:500}.timeline-step small{color:#98a2b3;font-size:12px;line-height:var(--leading-base);margin-top:2px}.builder-shell .chat-transcript{background:0 0;border:0;border-radius:0;min-height:0;max-height:none;padding:16px 16px 12px;display:block;overflow-y:auto}.builder-chat-answer{gap:12px;display:grid}.builder-chat-answer p{color:#020617;margin:0;font-size:15px;line-height:1.55}.builder-chat-answer small{color:#98a2b3;font-size:13px}.builder-shell .message{background:0 0;border:0;max-width:none;padding:0}.builder-shell .message.user,.builder-shell .message.agent,.builder-shell .message.tool{background:0 0;border-color:#0000;align-self:stretch}.builder-shell .message-meta{display:none}.builder-shell .message p{color:#020617;margin:0 0 18px;font-size:15px;line-height:1.55}.builder-shell .composer-shell{background:0 0;border:0;gap:10px;margin-top:auto;padding:0 8px 8px;display:grid}.chat-suggestions{color:#667085;gap:10px;padding:0 18px 10px;display:grid}.chat-suggestions>span{color:#98a2b3;align-items:center;gap:8px;font-size:13px;display:inline-flex}.chat-suggestions nav{gap:18px;min-width:0;display:flex;overflow:hidden}.chat-suggestions button{color:#344054;background:0 0;flex:none;font-size:13px;position:relative}.chat-suggestions button+button:before{content:"";background:#cbd5e1;width:1px;height:24px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.builder-shell .composer{background:#fff;border:1px solid #cbd5e1;border-radius:18px;grid-template-rows:minmax(78px,1fr) auto;grid-template-columns:1fr;gap:0;min-height:156px;display:grid;overflow:hidden}.builder-shell .composer textarea{resize:none;color:#0f172a;background:0 0;border:0;border-radius:0;outline:none;min-height:78px;padding:18px 18px 6px;font-size:15px}.builder-shell .composer textarea::placeholder{color:#98a2b3}.builder-shell .composer button{appearance:none;box-shadow:none;border:0;padding:0;transform:none}.builder-shell .composer button:hover{transform:none}.composer-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:6px 8px 8px 16px;display:flex}.composer-tools-left,.composer-tools-right{align-items:center;gap:8px;min-width:0;display:flex}.composer-tools-left{flex:auto;overflow:hidden}.composer-tools-right{flex:none;justify-content:flex-end}.composer-tools-right .ui-button,.composer-tools-right button{flex:none}.composer-toolbar button:not(.ui-button){color:#020617;width:30px;min-height:30px;box-shadow:none;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.composer-toolbar button:not(.ui-button):hover{background:#f1f5f9}.composer-toolbar .segmented-control{background:#f2f4f7;border-radius:10px;flex:0 auto;gap:2px;min-width:0;padding:2px;display:flex;overflow:hidden}.composer-toolbar .segmented-control button{color:#475467;width:auto;min-height:30px;box-shadow:none;background:0 0;border:0;border-radius:8px;grid-template-columns:none;gap:6px;padding:0 10px;display:inline-flex}.composer-toolbar .segmented-control button[aria-selected=true],.composer-toolbar .segmented-control button.active{color:#344054;background:#fff;box-shadow:0 1px 2px #11182714}.composer-toolbar .segmented-control small{display:none}@container (width<=380px){.composer-toolbar{gap:6px;padding-left:14px}.composer-tools-left,.composer-tools-right{gap:6px}.composer-toolbar .segmented-control{background:#f2f4f7;border-radius:8px;gap:2px;padding:2px}.composer-toolbar .segmented-control button{background:0 0;justify-content:center;width:30px;min-height:30px;padding:0}.composer-toolbar .segmented-control button span{display:none}.composer-toolbar .segmented-control button[aria-selected=true],.composer-toolbar .segmented-control button.active{background:#fff;box-shadow:0 1px 2px #11182714}}@container (width<=330px){.composer-toolbar button:not(.ui-button),.composer-toolbar .segmented-control button{width:28px;min-height:28px}.composer-toolbar .ui-button{flex-basis:32px;width:32px;min-height:32px}}@container (width<=300px){.composer-toolbar{padding-left:10px}.composer-toolbar button[aria-label=Configurações]{display:none}.composer-toolbar .segmented-control{gap:2px}}.composer-toolbar .ui-button{width:34px;min-height:34px;box-shadow:none;background:#98a2b3;border-radius:10px;flex:0 0 34px;place-items:center;padding:0;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-theme=dark] .builder-shell,:root[data-theme=dark] .builder-shell .build-workspace-grid,:root[data-theme=dark] .builder-pane-resizer{background:#09090d}:root[data-theme=dark] body:has(.builder-shell) .content{background:#09090d}:root[data-theme=dark] .builder-topbar{background:#09090df5;border-color:#ffffff14}:root[data-theme=dark] .builder-preview-header{border-left-color:#ffffff14}:root[data-theme=dark] .builder-header-icon,:root[data-theme=dark] .builder-collapse-chat,:root[data-theme=dark] .builder-top-actions .icon-button,:root[data-theme=dark] .preview-command-group button{color:#f4f5f7;background:#101016;border-color:#ffffff1a}:root[data-theme=dark] .builder-header-icon:hover,:root[data-theme=dark] .builder-collapse-chat:hover,:root[data-theme=dark] .builder-top-actions .icon-button:hover,:root[data-theme=dark] .preview-command-group button:hover{background:#181923}:root[data-theme=dark] .builder-shell .chat-surface{background:#09090d}:root[data-theme=dark] .execution-timeline{background:#0f1016}:root[data-theme=dark] .timeline-step,:root[data-theme=dark] .timeline-step strong,:root[data-theme=dark] .builder-chat-answer p,:root[data-theme=dark] .builder-shell .message p{color:#f4f5f7}:root[data-theme=dark] .timeline-step small,:root[data-theme=dark] .builder-chat-answer small,:root[data-theme=dark] .chat-suggestions,:root[data-theme=dark] .chat-suggestions>span{color:#8f96a3}:root[data-theme=dark] .chat-suggestions button{color:#c7ccd6}:root[data-theme=dark] .chat-suggestions button+button:before{background:#ffffff1f}:root[data-theme=dark] .builder-shell .composer{background:#11131a;border-color:#ffffff1f}:root[data-theme=dark] .builder-shell .composer textarea{color:#f4f5f7}:root[data-theme=dark] .builder-shell .composer textarea::placeholder{color:#7f8794}:root[data-theme=dark] .composer-toolbar button:not(.ui-button){color:#f4f5f7}:root[data-theme=dark] .composer-toolbar button:not(.ui-button):hover,:root[data-theme=dark] .composer-toolbar .segmented-control{background:#1b1d27}:root[data-theme=dark] .composer-toolbar .segmented-control button{color:#b8beca}:root[data-theme=dark] .composer-toolbar .segmented-control button[aria-selected=true],:root[data-theme=dark] .composer-toolbar .segmented-control button.active{color:#f4f5f7;box-shadow:none;background:#2a2d39}:root[data-theme=dark] .composer-toolbar .ui-button{background:#5e6ad2}:root[data-theme=dark] .preview-command-bar{background:#0f1016;border-bottom-color:#ffffff14}:root[data-theme=dark] .preview-command-group span{background:#ffffff1f}:root[data-theme=dark] .preview-url-pill{color:#f4f5f7;background:#09090d}:root[data-theme=dark] .preview-device-popover{background:#11131a;border-color:#ffffff1a;box-shadow:0 20px 52px #00000075,0 0 0 1px #ffffff0a}:root[data-theme=dark] .preview-device-popover button{color:#f4f5f7}:root[data-theme=dark] .preview-device-popover button:hover,:root[data-theme=dark] .preview-device-popover button.active{background:#1b1d27}:root[data-theme=dark] .preview-fullscreen-button.is-active{color:#f4f5f7;background:#181923}.builder-shell .workspace-preview-panel{background:var(--color-bg-elevated);border-left:1px solid var(--color-border-1);border-radius:12px 0 0 12px;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;max-height:none;padding:0;display:grid;overflow:hidden}.preview-command-bar{z-index:30;border-bottom:1px solid var(--color-border-1);background:var(--color-bg-elevated);grid-template-columns:max-content minmax(180px,1fr) max-content;align-items:center;gap:10px;min-height:48px;padding:5px 8px;display:grid;position:relative;overflow:visible}.preview-command-group{flex:none;gap:6px;min-width:0}.preview-command-group.right{justify-self:end;align-items:center;max-width:100%;padding-right:2px;display:flex;overflow:visible}.preview-device-menu{z-index:40;display:grid;position:relative}.preview-command-group .preview-device-trigger{justify-content:center;align-items:center;gap:6px;width:58px;min-width:58px;max-width:58px;padding:0 10px;display:inline-flex}.preview-command-group .preview-fullscreen-button{white-space:nowrap;justify-content:center;align-items:center;width:auto;min-width:38px;max-width:none;display:inline-flex}.preview-command-group .preview-fullscreen-button.is-active{color:#0f172a;background:#f1f5f9;width:160px;min-width:160px;max-width:160px;padding:0 16px;font-weight:650}.preview-command-group .preview-fullscreen-button.is-active span{width:auto;height:auto;color:inherit;white-space:nowrap;background:0 0;overflow:visible}.builder-shell.is-preview-fullscreen .preview-command-bar{grid-template-columns:minmax(230px,max-content) minmax(220px,1fr) minmax(230px,max-content);padding:6px 12px}.builder-shell.is-preview-fullscreen .preview-url-pill{width:min(540px,100%)}.builder-shell.is-preview-fullscreen .preview-command-group.right{justify-self:end;width:max-content;min-width:max-content}.preview-device-popover{z-index:120;border:1px solid var(--color-border-1);background:var(--color-bg-elevated);width:172px;animation:builder-menu-enter .14s var(--ease-out);transform-origin:100% 0;border-radius:10px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 46px #0f172a29,0 2px 8px #0f172a14}.preview-device-popover button{width:100%;min-height:38px;color:var(--color-text-1);box-shadow:none;background:0 0;border:0;border-radius:7px;justify-content:flex-start;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.preview-device-popover button:hover,.preview-device-popover button.active{background:var(--color-surface-2)}.preview-device-popover button.active{font-weight:650}.preview-device-popover button svg{flex:none}.preview-device-popover button span{width:auto;height:auto;color:inherit;background:0 0;font-size:14px;display:inline}.preview-command-group span{background:var(--color-border-1);width:1px;height:22px}.preview-url-pill{width:min(430px,100%);min-width:0;min-height:34px;color:var(--color-text-1);border-radius:var(--radius-pill);background:var(--color-bg-panel);justify-content:center;justify-self:center;gap:12px;padding:0 16px}.spark-cursor-icon{place-items:center;display:grid;transform:rotate(-35deg)}.builder-shell .tool-panel{min-height:0;padding:16px;overflow:auto}.builder-shell .tool-panel:has(.mini-preview-frame){grid-template-rows:auto minmax(0,1fr) auto auto}.preview-device-stage{background:radial-gradient(circle at 50% 18%,#ffffffd1,#0000 36%),linear-gradient(#f8fafc,#eef2f7);place-items:stretch center;height:100%;min-height:0;display:grid;overflow:auto}.preview-device-stage.is-desktop{padding:0}.preview-device-stage.is-desktop .mini-preview-frame{width:100%}.preview-device-stage.is-tablet,.preview-device-stage.is-mobile{padding:18px}.builder-shell .mini-preview-frame{background:radial-gradient(circle at 50% 18%,#ffffffd1,#0000 36%),linear-gradient(#f8fafc,#eef2f7);border:0;border-radius:0;height:100%;min-height:400px;padding:0;display:block;overflow:auto}.preview-device-stage.is-tablet .mini-preview-frame,.preview-device-stage.is-mobile .mini-preview-frame{border:1px solid var(--color-border-1);border-radius:18px;min-height:100%;box-shadow:0 18px 42px #0f172a21}.preview-device-stage.is-tablet .mini-preview-frame{width:min(768px,100%)}.preview-device-stage.is-mobile .mini-preview-frame{width:min(390px,100%)}:root[data-theme=dark] .builder-shell .mini-preview-frame{background:radial-gradient(circle at 50% 18%,#5e6ad22e,#0000 42%),linear-gradient(#ffffff0b,#ffffff05)}:root[data-theme=dark] .preview-device-stage{background:radial-gradient(circle at 50% 18%,#5e6ad22e,#0000 42%),linear-gradient(#09090d,#101016)}:root[data-theme=dark] .preview-device-stage.is-tablet .mini-preview-frame,:root[data-theme=dark] .preview-device-stage.is-mobile .mini-preview-frame{border-color:#ffffff1a;box-shadow:0 22px 54px #0000006b}.builder-shell .mini-preview-frame iframe{border-radius:0;height:100%;min-height:100%;display:block}.builder-shell .workspace-rail{color:#ededf0;background:#111114b8;align-content:start;height:100%;min-height:0;max-height:none}:root[data-theme=dark] .builder-shell .workspace-rail{background:#ffffff09}.builder-shell .workspace-rail .rail-button,.builder-shell .workspace-rail .rail-collapse{color:#ffffffad}.builder-shell .workspace-rail .rail-button:hover,.builder-shell .workspace-rail .rail-button.active{color:#fff;background:#ffffff1f}.app-panel-view,.code-panel-view{height:100%;min-height:0;max-height:none;overflow:hidden}.app-panel-view{background:var(--color-bg-elevated);grid-template-rows:56px minmax(0,1fr);display:grid}.app-panel-title{border-bottom:1px solid var(--color-border-1);font-size:var(--text-lg);align-items:center;padding:0 28px;font-weight:650;display:flex}.app-panel-layout{grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid}.app-panel-nav{border-right:1px solid var(--color-border-1);align-content:start;gap:10px;min-height:0;padding:16px;display:grid;overflow-y:auto}.panel-search{min-height:46px;color:var(--color-text-2);background:var(--color-bg-panel);border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.panel-search input{width:100%;color:var(--color-text-1);background:0 0;border:0;outline:0}.app-panel-nav button{min-height:50px;color:var(--color-text-1);text-align:left;background:0 0;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 18px;font-weight:650;display:grid}.app-panel-nav button.active,.app-panel-nav button:hover{background:var(--color-surface-2)}.app-panel-nav button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-panel-nav em{color:#6b35c9;border-radius:var(--radius-pill);font-style:normal;font-size:var(--text-xs);background:#dfd4ff;padding:2px 8px}.app-panel-content{align-content:start;gap:18px;min-height:0;padding:42px 32px;display:grid;overflow-y:auto}.panel-section{align-content:start;gap:18px;display:grid}.panel-section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-section-head h2{color:var(--color-text-0);margin:0 0 6px;font-size:30px;line-height:1.08}.panel-section-head p{max-width:720px;color:var(--color-text-2);font-size:var(--text-md);line-height:var(--leading-base);margin:0}.app-panel-hero{grid-template-columns:100px minmax(0,1fr) 24px;align-items:start;gap:28px;display:grid}.app-avatar.panel{border-radius:12px;width:100px;height:100px}.app-panel-hero h2{align-items:center;gap:10px;margin:0 0 10px;font-size:30px;display:flex}.app-panel-hero p{max-width:820px;color:var(--color-text-2);font-size:var(--text-lg);line-height:var(--leading-base);margin:0}.app-panel-hero small{color:var(--color-text-3);margin-top:6px;display:block}.panel-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.panel-actions.compact{margin-top:0}.panel-actions button,.panel-card button,.panel-wide-card button{min-height:48px;color:var(--color-text-1);border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-weight:650;display:inline-flex}.panel-actions button.primary{color:#fff;background:#2f63f6;border-color:#2f63f6;min-width:180px}.panel-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.panel-card,.panel-wide-card,.panel-metric-card,.panel-mini-card,.panel-table-wrap,.panel-chart,.panel-log-list{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:10px;box-shadow:0 1px 2px #1111140a}.panel-card{gap:14px;padding:22px;display:grid}.panel-card h3,.panel-wide-card strong{margin:0;font-size:22px}.panel-card p,.panel-wide-card small{color:var(--color-text-2);margin:0}.panel-card>button{justify-content:space-between;width:100%}.panel-card label{color:var(--color-text-1);align-items:center;gap:10px;display:inline-flex}.panel-wide-card{justify-content:space-between;align-items:center;gap:18px;min-height:96px;padding:20px;display:flex}.panel-wide-card span{gap:6px;display:grid}.panel-metric-card{align-content:center;gap:6px;min-height:116px;padding:18px;display:grid}.panel-metric-card span,.panel-metric-card small{color:var(--color-text-2)}.panel-metric-card strong{color:var(--color-text-0);font-size:28px;line-height:1}.panel-list{gap:12px;display:grid}.panel-list.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-mini-card{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:18px;display:grid}.panel-mini-card>div{width:42px;height:42px;color:var(--color-accent);background:var(--color-surface-2);border-radius:10px;place-items:center;display:grid}.panel-mini-card span{gap:4px;min-width:0;display:grid}.panel-mini-card strong{color:var(--color-text-0)}.panel-mini-card small{color:var(--color-text-2);line-height:var(--leading-base)}.panel-table-wrap{overflow-x:auto}.panel-table{border-collapse:collapse;width:100%;min-width:640px}.panel-table th,.panel-table td{text-align:left;border-bottom:1px solid var(--color-border-1);padding:14px 16px}.panel-table th{color:var(--color-text-3);font-size:var(--text-xs);text-transform:uppercase}.panel-table td{color:var(--color-text-1)}.panel-table tr:last-child td{border-bottom:0}.panel-chart{background:linear-gradient(to top, var(--color-border-1) 1px, transparent 1px) 0 0 / 100% 25%, var(--color-bg-elevated);align-items:end;gap:10px;height:280px;padding:24px;display:flex}.panel-chart i{background:linear-gradient(#2f63f6,#2f63f647);border-radius:8px 8px 2px 2px;flex:1;min-width:18px}.panel-log-list{display:grid}.panel-log-row{border-bottom:1px solid var(--color-border-1);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:68px;padding:12px 16px;display:grid}.panel-log-row:last-child{border-bottom:0}.panel-log-row span{gap:3px;min-width:0;display:grid}.panel-log-row small{color:var(--color-text-2)}.panel-log-row em{color:var(--color-text-2);font-style:normal}.code-panel-view{background:var(--color-bg-elevated);grid-template-columns:360px minmax(0,1fr);display:grid}.code-file-sidebar{border-right:1px solid var(--color-border-1);grid-template-rows:50px 62px minmax(0,1fr);min-height:0;display:grid}.code-back{color:var(--color-text-1);border-bottom:1px solid var(--color-border-1);background:0 0;align-items:center;gap:9px;padding:0 22px;font-weight:650;display:inline-flex}.code-sidebar-head{justify-content:space-between;align-items:center;padding:0 22px;display:flex}.code-sidebar-head button{border:1px solid var(--color-border-1);background:var(--color-bg-elevated);border-radius:8px;place-items:center;width:36px;min-height:36px;display:grid}.code-tree{align-content:start;gap:2px;min-height:0;padding:0 14px 18px;display:grid;overflow-y:auto}.tree-group{gap:2px;display:grid}.tree-group summary,.code-tree button{min-height:36px;color:var(--color-text-1);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.tree-group button,.code-tree>button{margin-left:22px}.code-tree button.active,.code-tree button:hover,.tree-group summary:hover{background:var(--color-surface-2)}.code-editor-view{grid-template-rows:50px 58px minmax(0,1fr);min-width:0;display:grid}.code-editor-view>header{border-bottom:1px solid var(--color-border-1);justify-content:space-between;align-items:center;gap:18px;padding:0 16px;display:flex}.code-editor-view>header button{color:var(--color-text-1);background:0 0;align-items:center;gap:8px;font-weight:650;display:inline-flex}.code-upgrade-banner{color:#a8550b;background:#fff8df;border-bottom:1px solid #f8d88a;align-items:center;gap:12px;padding:0 16px;display:flex}.code-upgrade-banner button{color:#2457ff;background:0 0}.code-editor-view .code-editor-shell,.code-editor-view .code-editor-shell textarea{border:0;border-radius:0;min-height:100%}.code-editor-view .code-editor-shell textarea{color:#0f172a;background:#fff}@media (width<=1180px){.builder-shell{height:auto;min-height:100vh;overflow:visible}body:has(.builder-shell) .content{height:auto;min-height:100vh;overflow:visible}.builder-topbar{grid-template-columns:1fr}.builder-preview-header{border-left:0;grid-template-columns:1fr}.builder-header-controls,.builder-view-switch,.builder-top-actions{flex-wrap:wrap;justify-content:flex-start;justify-self:stretch}.builder-shell .build-workspace-grid{grid-template-columns:1fr;height:auto;min-height:0}.builder-pane-resizer{display:none}.builder-left-column,.builder-shell .chat-surface,.builder-shell .workspace-preview-panel,.builder-shell .workspace-rail,.app-panel-view,.code-panel-view{height:auto;max-height:none}.app-panel-layout,.code-panel-view{grid-template-columns:1fr}.app-panel-nav{border-right:0;border-bottom:1px solid var(--color-border-1);grid-auto-columns:max-content;grid-auto-flow:column;overflow:auto hidden}.app-panel-content{padding:26px 22px}.code-file-sidebar{border-right:0;border-bottom:1px solid var(--color-border-1);max-height:360px}.panel-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.preview-command-bar{grid-template-columns:max-content max-content;justify-content:space-between}.preview-url-pill{order:3;grid-area:2/1/auto/-1;width:100%}.preview-command-group.right{justify-self:end}}@media (width<=1100px){.creator-sidebar{width:264px}.content{margin-left:264px;padding:18px}.apps-page,.creator-home{padding-left:24px;padding-right:24px}}@media (width<=900px){.creator-sidebar{width:88px;padding:14px 10px}.creator-sidebar.is-collapsed{width:72px;padding:18px 8px 14px}.content{margin-left:88px;padding:16px}.app-shell--sidebar-collapsed .content{margin-left:72px}.workspace-switcher,.sidebar-section,.system-menu,.upgrade-card,.creator-nav-card button span,.creator-nav-list button span{display:none}.creator-nav-card,.creator-nav-list{justify-items:center}.creator-nav-card button,.creator-nav-list button{justify-content:center;width:44px;padding:0}.sidebar-footer{justify-items:center;display:grid}.creator-rail-actions{display:none}}@media (width<=760px){.creator-sidebar{width:100%;height:auto;max-height:none;position:static;overflow:visible}.sidebar-fixed-top{grid-template-columns:auto minmax(0,1fr);align-items:center}.creator-rail-actions,.workspace-switcher{display:flex}.workspace-switcher{min-width:0}.sidebar-scroll{gap:10px;max-height:220px;padding:0 0 8px;display:flex;overflow:auto hidden}.creator-nav-card,.creator-nav-list{min-width:max-content;display:flex}.creator-nav-card button,.creator-nav-list button{width:auto;padding:0 12px}.creator-nav-card button span,.creator-nav-list button span{display:inline}.sidebar-section,.system-menu,.upgrade-card{display:none}.sidebar-footer{justify-content:flex-start;display:flex}.content{margin-left:0;padding:14px}.creator-home{min-height:auto;padding:28px 0 0}.prompt-hero{padding-top:18px}.prompt-composer textarea{font-size:var(--text-lg)}.home-bottom-sheet,.apps-page{border-radius:18px;padding:22px}.apps-page__header{display:grid}.apps-page__actions{flex-wrap:wrap}.workspace-create-page{min-height:auto;padding:28px 14px}.workspace-create-hero,.workspace-create-card,.workspace-next-card{width:100%}.workspace-create-hero{grid-template-columns:48px minmax(0,1fr)}.workspace-create-hero>span{width:48px;height:48px}.workspace-create-hero h1{font-size:28px}.workspace-create-actions,.workspace-next-card{grid-template-columns:1fr}.app-panel-title{padding:0 18px}.app-panel-hero,.panel-card-grid,.panel-list.two,.panel-metric-grid{grid-template-columns:1fr}.app-panel-hero{gap:16px}.app-avatar.panel{width:72px;height:72px}.panel-wide-card,.panel-section-head{display:grid}.panel-actions button,.panel-card button,.panel-wide-card button{width:100%}}@media (width>=761px){.creator-sidebar.is-collapsed{width:72px}.app-shell--sidebar-collapsed .content{margin-left:72px}}