:root{--color-bg:#f2f1ed;--color-surface-100:#f7f7f4;--color-surface-200:#f2f1ed;--color-surface-300:#ebeae5;--color-surface-400:#e6e5e0;--color-surface-500:#e1e0db;--color-text:#26251e;--color-text-90:rgba(38,37,30,0.9);--color-text-72:rgba(38,37,30,0.72);--color-text-55:rgba(38,37,30,0.55);--color-text-38:rgba(38,37,30,0.38);--color-text-20:rgba(38,37,30,0.2);--color-border:rgba(38,37,30,0.1);--color-border-medium:rgba(38,37,30,0.2);--color-border-strong:rgba(38,37,30,0.55);--color-accent:#f54e00;--color-error:#cf2d56;--color-success:#1f8a65;--color-gold:#c08532;--color-thinking:#dfa88f;--color-grep:#9fc9a2;--color-read:#9fbbe0;--color-edit:#c0a8dd;--color-white:#ffffff;--color-black:#000000;--color-preview-bg:#d8d7d1;--color-preview-dark:#171813;--color-preview-text:#f4f1e8;--color-preview-muted:#aaa99f;--color-preview-line:#35372e;--font-display:"Aptos Display","Bahnschrift","Helvetica Neue",sans-serif;--font-body:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--font-ui:"Aptos","Segoe UI Variable","Helvetica Neue",sans-serif;--font-mono:"Cascadia Mono","Berkeley Mono","SFMono-Regular",Consolas,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-xs:3px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-pill:9999px;--shadow-ambient:0 0 16px rgba(0,0,0,0.02),0 0 8px rgba(0,0,0,0.008);--shadow-elevated:0 28px 70px rgba(0,0,0,0.14),0 14px 32px rgba(0,0,0,0.1),0 0 0 1px var(--color-border);--shadow-focus:0 4px 12px rgba(0,0,0,0.1);--topbar-height:58px;--status-height:30px;--chat-width:382px;--assets-width:292px;--transition-fast:150ms ease;--transition-normal:220ms ease}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;color:var(--color-text);background:var(--color-bg);font-family:var(--font-ui)}button,input,textarea{font:inherit}button{color:inherit}svg{display:block}.app-shell{width:100%;height:100%;display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr) var(--status-height);background:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px),var(--color-bg);background-size:64px 64px}.topbar{position:relative;z-index:20;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;min-width:148px}.brand-mark{width:27px;height:27px;position:relative;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background:var(--color-text);overflow:hidden}.brand-mark:after,.brand-mark:before{content:"";position:absolute;background:var(--color-bg)}.brand-mark:before{width:18px;height:5px;left:4px;top:6px;transform:skewX(-26deg)}.brand-mark:after{width:12px;height:5px;right:4px;bottom:6px;transform:skewX(-26deg);background:var(--color-accent)}.brand-name{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.3px}.project-switcher{height:34px;max-width:300px;min-width:210px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-100);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.project-switcher:focus-visible,.project-switcher:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-focus);outline:none}.project-switcher strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-switcher span{margin-left:auto;color:var(--color-text-38)}.save-state{display:inline-flex;align-items:center;gap:7px;border:0;padding:5px 7px;border-radius:var(--radius-sm);color:var(--color-text-55);background:transparent;font-size:12px;white-space:nowrap;cursor:pointer}.save-state:focus-visible,.save-state:hover,.save-state[aria-expanded=true]{color:var(--color-text);background:var(--color-surface-400);outline:none}.sync-state-wrap{position:relative}.sync-panel{position:absolute;z-index:45;top:calc(100% + 10px);left:0;width:290px;display:none;overflow:hidden;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-100);box-shadow:var(--shadow-elevated)}.sync-panel.open{display:block;animation:pane-in .15s ease both}.sync-panel-head{padding:12px;border-bottom:1px solid var(--color-border)}.sync-panel-head strong{display:block;margin-bottom:3px;font-size:12px}.sync-panel-head span{color:var(--color-text-55);font-size:10px;line-height:1.45}.sync-panel-detail{display:grid;grid-gap:7px;gap:7px;padding:10px 12px;background:var(--color-surface-300)}.sync-panel-row{display:flex;align-items:center;gap:8px;color:var(--color-text-55);font-family:var(--font-mono);font-size:9px}.sync-panel-row strong{margin-left:auto;color:var(--color-text-72);font-weight:500}.sync-panel-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:10px}.sync-panel-actions button{min-height:31px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-55);background:var(--color-surface-100);font-size:9px;cursor:pointer}.sync-panel-actions button:focus-visible,.sync-panel-actions button:hover{color:var(--color-error);background:var(--color-surface-400);outline:none}.save-dot{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 12%,transparent)}.save-state.syncing .save-dot{background:var(--color-read);animation:status-pulse .9s ease-in-out infinite}.save-state.cache-warning .save-dot,.save-state.offline .save-dot,.save-state.pending .save-dot{background:var(--color-gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-gold) 12%,transparent)}.save-state.conflict .save-dot,.save-state.error .save-dot{background:var(--color-error);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 12%,transparent)}@keyframes status-pulse{50%{opacity:.35}}.sync-banner{position:fixed;z-index:35;top:calc(var(--topbar-height) + 8px);left:50%;width:min(760px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-100);box-shadow:var(--shadow-elevated);transform:translateX(-50%)}.sync-banner[hidden]{display:none}.sync-banner svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--color-gold);stroke-width:1.8}.sync-banner-copy{min-width:0;flex:1 1}.sync-banner-copy strong{display:block;margin-bottom:2px;font-size:11px}.sync-banner-copy span{color:var(--color-text-55);font-size:10px}.sync-banner .action-button{min-height:30px;flex:none;padding:6px 9px;font-size:9px}.sync-conflict-body{padding:var(--space-5)}.sync-conflict-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.sync-conflict-version{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-300)}.sync-conflict-version span{display:block;margin-bottom:5px;color:var(--color-text-38);font-family:var(--font-mono);font-size:9px}.sync-conflict-version strong{display:block;margin-bottom:5px;font-size:12px}.sync-conflict-version p{margin:0;color:var(--color-text-55);font-size:10px;line-height:1.45}.topbar-spacer{flex:1 1}.model-health{display:flex;gap:5px;padding:4px;border:1px solid var(--color-border);background:var(--color-surface-300)}.model-chip,.model-health{align-items:center;border-radius:var(--radius-pill)}.model-chip{display:inline-flex;gap:6px;padding:4px 8px;color:var(--color-text-55);font-family:var(--font-mono);font-size:10px}.model-chip.active{color:var(--color-text);background:var(--color-surface-100);box-shadow:var(--shadow-ambient)}.model-chip i{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-success)}.action-button,.icon-button{border:0;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-normal)}.action-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-md);background:var(--color-surface-300);font-family:var(--font-display);font-size:13px;white-space:nowrap}.action-button:hover{color:var(--color-error);box-shadow:var(--shadow-focus)}.action-button:active,.icon-button:active{transform:translateY(1px) scale(.985)}.action-button.primary{color:var(--color-preview-text);background:var(--color-text)}.action-button.primary:hover{color:var(--color-white);background:var(--color-accent)}.icon-button{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-text-55);background:transparent}.icon-button:focus-visible,.icon-button:hover{color:var(--color-error);background:var(--color-surface-300);outline:none}.action-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.action-button svg,.icon-button svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;fill:none}.workspace{min-height:0;display:grid;grid-template-columns:var(--chat-width) var(--assets-width) minmax(520px,1fr);transition:grid-template-columns var(--transition-normal)}.workspace.assets-collapsed{grid-template-columns:var(--chat-width) 50px minmax(520px,1fr)}.assets-panel,.chat-panel,.preview-panel{min-width:0;min-height:0;position:relative}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid var(--color-border)}.chat-panel,.stage-wrap{background:var(--color-bg)}.stage-wrap{padding:14px var(--space-4);border-bottom:1px solid var(--color-border)}.micro-label{color:var(--color-text-55);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.stage-track{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));grid-gap:var(--space-2);gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.stage{min-width:58px;border:0;padding:0;text-align:left;background:transparent;cursor:default}.stage-line{height:3px;margin-bottom:7px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-text-20)}.stage.done .stage-line{background:var(--color-success)}.stage.current .stage-line{position:relative;background:color-mix(in srgb,var(--color-accent) 24%,var(--color-surface-500))}.stage.current .stage-line:after{content:"";position:absolute;inset:0;width:42%;border-radius:inherit;background:var(--color-accent);animation:stage-flow 1.5s ease-in-out infinite}@keyframes stage-flow{0%{transform:translateX(-110%)}to{transform:translateX(280%)}}.stage-label{display:block;color:var(--color-text-38);font-size:10px;line-height:1.3;white-space:nowrap}.stage.done{cursor:pointer}.stage.done .stage-label{color:var(--color-text-72)}.stage.current .stage-label{color:var(--color-text);font-weight:700}.conversation{overflow-y:auto;padding:var(--space-4);scroll-behavior:smooth}.assets-content::-webkit-scrollbar,.conversation::-webkit-scrollbar{width:5px}.assets-content::-webkit-scrollbar-thumb,.conversation::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-text-20)}.conversation-date{margin:2px 0 var(--space-4);color:var(--color-text-38);font-family:var(--font-mono);font-size:10px;text-align:center}.message{margin-bottom:var(--space-4);animation:message-in .36s ease both}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-meta{display:flex;align-items:center;gap:4px;min-height:26px;margin-top:3px;color:var(--color-text-38);font-family:var(--font-mono);font-size:10px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.message:focus-within .message-meta,.message:hover .message-meta{opacity:1;pointer-events:auto}.message.user .message-meta{justify-content:flex-end}.message-copy{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);color:var(--color-text-38);background:transparent;cursor:pointer}.message-copy:focus-visible,.message-copy:hover{color:var(--color-error);background:var(--color-surface-400);outline:none}.message-copy svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.message-body{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-100);font-size:13px;line-height:1.6}.message.user .message-body{width:-moz-fit-content;width:fit-content;max-width:86%;margin-left:auto;background:var(--color-surface-400)}.message-body p{margin:0}.message-body p+p{margin-top:var(--space-2)}.message-body strong{font-weight:650}.assistant-intro{font-family:var(--font-body);font-size:16px;line-height:1.45}.prd-card{margin-top:var(--space-3);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-300);overflow:visible}.prd-card .file-action-menu{top:auto;bottom:calc(100% + 5px)}.prd-card-header{display:flex;align-items:flex-start;gap:10px;padding:var(--space-3)}.file-glyph{width:28px;height:34px;flex:none;display:grid;place-items:center;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-accent);background:var(--color-surface-100);font-family:var(--font-mono);font-size:9px}.prd-card-header h3{margin:0 0 4px;font-family:var(--font-display);font-size:15px;font-weight:550;letter-spacing:-.1px}.prd-card-header p{color:var(--color-text-55);font-size:11px;line-height:1.45}.prd-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.prd-summary div{padding:9px var(--space-2);border-right:1px solid var(--color-border)}.prd-summary div:last-child{border-right:0}.prd-summary strong{display:block;margin-bottom:3px;font-family:var(--font-mono);font-size:11px;font-weight:500}.prd-summary span{color:var(--color-text-55);font-size:9px}.prd-card-actions{display:flex;gap:6px;padding:9px}.mini-button{border:0;padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-text-55);background:var(--color-surface-100);font-size:10px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.mini-button:focus-visible,.mini-button:hover{color:var(--color-error);background:var(--color-white);outline:none}.mini-button.confirm{margin-left:auto;color:var(--color-preview-text);background:var(--color-text)}.mini-button.confirm:hover{color:var(--color-white);background:var(--color-accent)}.generated-files{display:grid;grid-gap:6px;gap:6px;margin-top:var(--space-3)}.generated-file-row{position:relative;display:flex;align-items:stretch;overflow:visible;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-300);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-normal)}.generated-file-row:focus-within,.generated-file-row:hover{border-color:var(--color-border-medium);background:var(--color-surface-100);box-shadow:var(--shadow-ambient)}.generated-file{min-width:0;flex:1 1;display:flex;align-items:center;gap:10px;border:0;border-radius:var(--radius-md) 0 0 var(--radius-md);padding:9px 10px;color:var(--color-text);background:transparent;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-normal)}.generated-file:focus-visible,.generated-file:hover{background:transparent;box-shadow:none;outline:none}.generated-file-icon{width:30px;height:34px;flex:none;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent);background:var(--color-surface-100);font-family:var(--font-mono);font-size:8px;font-weight:600}.generated-file-icon.html{color:var(--color-error)}.generated-file-copy{min-width:0;flex:1 1}.generated-file-copy strong{display:block;overflow:hidden;margin-bottom:3px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.generated-file-copy span{display:block;color:var(--color-text-55);font-size:10px}.file-action-host{position:relative;display:flex;align-items:center}.file-more{width:34px;height:100%;min-height:42px;display:grid;place-items:center;border:0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-38);background:transparent;cursor:pointer}.file-more:focus-visible,.file-more:hover,.file-more[aria-expanded=true]{color:var(--color-error);background:var(--color-surface-400);outline:none}.file-more svg{width:15px;height:15px;fill:currentColor}.file-action-menu{position:absolute;z-index:18;right:0;top:calc(100% + 5px);bottom:auto;width:168px;display:none;padding:5px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-100);box-shadow:var(--shadow-elevated)}.file-action-menu.open{display:block;animation:pane-in .14s ease both}.file-action-menu button{width:100%;display:flex;align-items:center;gap:8px;border:0;padding:7px 8px;border-radius:var(--radius-sm);color:var(--color-text-72);background:transparent;font-size:10px;text-align:left;cursor:pointer}.file-action-menu button:focus-visible,.file-action-menu button:hover{color:var(--color-error);background:var(--color-surface-400);outline:none}.file-action-menu button.saved{color:var(--color-success)}.file-action-menu svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.artifact-copy .saved-file-origin{display:inline-flex;align-items:center;gap:4px;color:var(--color-success);font-family:var(--font-mono);font-size:8px}.saved-file-origin:before{content:"";width:5px;height:5px;border-radius:var(--radius-pill);background:currentColor}.duplicate-file-body{padding:var(--space-5)}.duplicate-file-body p{margin:0;color:var(--color-text-72);font-size:14px;line-height:1.6}.ai-timeline{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-400)}.timeline-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.timeline-heading strong{font-family:var(--font-display);font-size:12px;font-weight:600}.live-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;color:var(--color-text-55);background:var(--color-surface-100);font-family:var(--font-mono);font-size:9px}.live-pill,.live-pill:before{border-radius:var(--radius-pill)}.live-pill:before{content:"";width:5px;height:5px;background:var(--color-accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.75)}}.timeline-step{position:relative;display:grid;grid-template-columns:12px 54px 1fr;grid-gap:8px;gap:8px;min-height:34px;font-size:10px}.timeline-step:not(:last-child):after{content:"";position:absolute;left:5px;top:13px;bottom:-2px;width:1px;background:var(--color-border-medium)}.timeline-dot{width:10px;height:10px;margin-top:2px;border:2px solid var(--color-surface-400);border-radius:var(--radius-pill);box-shadow:0 0 0 1px var(--color-border-medium)}.timeline-step.thinking .timeline-dot{background:var(--color-thinking)}.timeline-step.read .timeline-dot{background:var(--color-read)}.timeline-step.edit .timeline-dot{background:var(--color-edit)}.timeline-step.grep .timeline-dot{background:var(--color-grep)}.timeline-step code{color:var(--color-text-55);font-family:var(--font-mono);font-size:9px}.timeline-step span:last-child{color:var(--color-text-72);line-height:1.4}.composer{padding:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg)}.composer-box{border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-100);box-shadow:var(--shadow-ambient);transition:border-color var(--transition-fast),box-shadow var(--transition-normal)}.composer-box:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.composer-attachments{display:flex;gap:8px;overflow-x:auto;padding:9px 10px 0}.composer-attachments:empty{display:none}.composer-attachment{position:relative;width:72px;height:58px;flex:none;overflow:hidden;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background:var(--color-surface-300)}.composer-attachment img{width:100%;height:100%;display:block;object-fit:cover}.composer-attachment button{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:var(--radius-pill);color:var(--color-white);background:color-mix(in srgb,var(--color-text) 78%,transparent);cursor:pointer}.composer-attachment button:focus-visible,.composer-attachment button:hover{background:var(--color-error);outline:none}.composer-attachment button svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2}.composer textarea{width:100%;height:62px;resize:none;border:0;padding:10px 11px 4px;color:var(--color-text);background:transparent;font-size:13px;line-height:1.45;outline:none}.composer textarea::placeholder{color:var(--color-text-38)}.composer-tools{display:flex;align-items:center;gap:3px;padding:4px 5px 5px}.composer-hint{margin-left:var(--space-2);color:var(--color-text-38);font-family:var(--font-mono);font-size:9px}.send-button{width:29px;height:29px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:var(--radius-md);color:var(--color-preview-text);background:var(--color-text);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.send-button:focus-visible,.send-button:hover{background:var(--color-accent);outline:none}.send-button svg{width:14px;height:14px;stroke:currentColor;fill:none}.send-button:disabled{cursor:wait;opacity:.45}.message-screenshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px;margin-bottom:9px}.message-screenshot{min-width:0;overflow:hidden;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);background:var(--color-surface-300)}.message-screenshot img{width:100%;height:112px;display:block;object-fit:cover}.message-screenshot span{display:block;overflow:hidden;padding:6px 7px;color:var(--color-text-55);font-family:var(--font-mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.analysis-state{display:flex;align-items:center;gap:10px;color:var(--color-text-55);font-size:12px}.analysis-spinner{width:16px;height:16px;flex:none;border:2px solid var(--color-border-medium);border-top-color:var(--color-accent);border-radius:var(--radius-pill);animation:publish-spin .8s linear infinite}.screenshot-analysis-list{display:grid;grid-gap:6px;gap:6px;margin:12px 0 0;padding:0;list-style:none}.screenshot-analysis-list li{display:flex;align-items:center;gap:7px;color:var(--color-text-55);font-family:var(--font-mono);font-size:10px}.screenshot-analysis-list li:before{content:"";width:6px;height:6px;flex:none;border-radius:var(--radius-pill);background:var(--color-success)}.assets-panel{display:grid;grid-template-rows:44px auto minmax(0,1fr);border-right:1px solid var(--color-border);background:var(--color-surface-300);transition:width var(--transition-normal);overflow:hidden}.assets-header{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-border)}.assets-header strong{font-family:var(--font-display);font-size:13px;font-weight:600;white-space:nowrap}.assets-header .icon-button{margin-left:auto}.assets-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border-bottom:1px solid var(--color-border);grid-gap:3px;gap:3px}.asset-tab{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;border:0;padding:6px 3px;border-radius:var(--radius-sm);color:var(--color-text-38);background:transparent;font-size:10px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.asset-tab:focus-visible,.asset-tab:hover{color:var(--color-error);outline:none}.asset-tab.active{color:var(--color-text);background:var(--color-surface-100);box-shadow:var(--shadow-ambient)}.asset-tab svg{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.assets-content{overflow-y:auto;padding:var(--space-3)}.tab-pane{display:none}.tab-pane.active{display:block;animation:pane-in .22s ease both}@keyframes pane-in{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}.section-kicker{margin:4px 0 9px;color:var(--color-text-38);font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.artifact-item,.change-item{width:100%;display:flex;gap:9px;border:1px solid transparent;border-radius:var(--radius-md);padding:9px;color:var(--color-text);background:transparent;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-normal)}.artifact-item+.artifact-item,.change-item+.change-item{margin-top:5px}.artifact-row{position:relative;display:flex;align-items:center;gap:3px}.artifact-row+.artifact-row{margin-top:5px}.artifact-row .artifact-item{min-width:0;flex:1 1}.artifact-row .file-action-host{flex:none}.artifact-row .file-more{width:28px;height:32px;min-height:32px;border-radius:var(--radius-sm)}.artifact-row .file-action-menu{top:calc(100% + 4px);bottom:auto}.artifact-item:focus-visible,.artifact-item:hover,.change-item:focus-visible,.change-item:hover{border-color:var(--color-border);background:var(--color-surface-100);box-shadow:var(--shadow-ambient);outline:none}.artifact-icon{width:28px;height:32px;flex:none;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-100);font-family:var(--font-mono);font-size:8px}.artifact-icon.prd{color:var(--color-accent)}.artifact-icon.html{color:var(--color-error)}.artifact-icon.zip{color:var(--color-gold)}.artifact-copy,.change-copy,.version-copy{min-width:0;flex:1 1}.artifact-copy strong,.change-copy strong,.version-copy strong{display:block;overflow:hidden;margin-bottom:3px;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.artifact-copy span,.change-copy span,.version-copy span{display:block;color:var(--color-text-38);font-size:9px;line-height:1.4}.version-item{position:relative;width:100%;display:flex;align-items:flex-start;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);background:transparent;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-normal)}.version-item+.version-item{margin-top:5px}.version-item:focus-within,.version-item:hover{border-color:var(--color-border);background:var(--color-surface-100);box-shadow:var(--shadow-ambient)}.version-item.current{border-color:var(--color-border-medium);background:var(--color-surface-100)}.version-item.previewing{box-shadow:inset 2px 0 0 var(--color-accent),var(--shadow-ambient)}.version-main{min-width:0;flex:1 1;display:flex;align-items:flex-start;gap:9px;border:0;padding:9px 3px 9px 9px;color:inherit;background:transparent;text-align:left;cursor:pointer}.version-main:focus-visible{outline:none}.version-badge{min-width:32px;height:24px;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--color-text-72);background:var(--color-surface-500);font-family:var(--font-mono);font-size:9px}.version-item.current .version-badge{color:var(--color-preview-text);background:var(--color-text)}.version-flags{display:flex;gap:4px;margin-top:5px}.flag{padding:2px 5px;border-radius:var(--radius-pill);color:var(--color-text-55);background:var(--color-surface-500);font-family:var(--font-mono);font-size:8px;font-style:normal;font-weight:500}.flag.published{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface-100))}.version-more{width:28px;height:28px;flex:none;display:grid;place-items:center;margin:6px 4px 0 0;border:0;border-radius:var(--radius-sm);color:var(--color-text-38);background:transparent;cursor:pointer}.version-more:focus-visible,.version-more:hover,.version-more[aria-expanded=true]{color:var(--color-error);background:var(--color-surface-400);outline:none}.version-more svg{width:16px;height:16px;fill:currentColor}.version-menu{position:absolute;z-index:12;top:34px;right:4px;width:154px;display:none;padding:5px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-100);box-shadow:var(--shadow-elevated)}.version-menu.open{display:block;animation:pane-in .14s ease both}.version-menu button{width:100%;display:flex;align-items:center;gap:8px;border:0;padding:7px 8px;border-radius:var(--radius-sm);color:var(--color-text-72);background:transparent;font-size:10px;text-align:left;cursor:pointer}.version-menu button:focus-visible,.version-menu button:hover{color:var(--color-error);background:var(--color-surface-400);outline:none}.version-menu button:disabled{color:var(--color-text-20);background:transparent;cursor:not-allowed}.version-menu svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.version-menu-separator{height:1px;margin:4px;background:var(--color-border)}.file-thumb{width:44px;height:34px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-read),var(--color-thinking))}.file-thumb:after{content:"";width:22px;height:15px;border:1px solid var(--color-white);border-radius:2px;background:color-mix(in srgb,var(--color-white) 26%,transparent)}.change-item{position:relative;padding:12px 10px 12px 23px}.change-item:before{content:"";position:absolute;left:8px;top:17px;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-edit);box-shadow:0 0 0 3px var(--color-surface-300)}.change-item:not(:last-child):after{content:"";position:absolute;left:11px;top:24px;bottom:-7px;width:1px;background:var(--color-border-medium)}.change-copy{display:block}.change-copy .change-version{display:block;margin-bottom:5px;color:var(--color-text);font-family:var(--font-display);font-size:13px;font-weight:600}.change-copy .change-summary{display:block;margin-bottom:7px;color:var(--color-text-72);font-size:11px;line-height:1.5}.change-file-line{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-width:0;white-space:nowrap}.change-copy .change-file-link{display:block;min-width:0;max-width:118px;overflow:hidden;color:color-mix(in srgb,var(--color-read) 52%,var(--color-text));font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1.4;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.change-item:focus-visible .change-file-link,.change-item:hover .change-file-link{color:color-mix(in srgb,var(--color-read) 70%,var(--color-text))}.change-copy .change-stats{display:flex;flex:none;flex-wrap:nowrap;gap:10px;white-space:nowrap}.change-copy .change-stat{display:inline-flex;align-items:center;gap:3px;width:auto;font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1.4}.change-stat.added{color:var(--color-success)}.change-stat.modified{color:var(--color-text-55)}.change-stat.removed{color:var(--color-error)}.change-stat svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.collapsed-assets{display:none;height:100%;flex-direction:column;align-items:center;padding-top:var(--space-2);gap:var(--space-2)}.workspace.assets-collapsed .assets-content,.workspace.assets-collapsed .assets-header,.workspace.assets-collapsed .assets-tabs{display:none}.workspace.assets-collapsed .collapsed-assets{display:flex}.collapsed-tab{position:relative;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:var(--radius-md);color:var(--color-text-55);background:transparent;cursor:pointer}.collapsed-tab:hover{color:var(--color-error);background:var(--color-surface-100)}.collapsed-tab:focus-visible{color:var(--color-error);background:var(--color-surface-100);outline:1px solid var(--color-border-strong);outline-offset:2px}.collapsed-tab svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.preview-panel{display:grid;grid-template-rows:44px minmax(0,1fr);background:var(--color-preview-bg)}.preview-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-200)}.preview-toolbar .micro-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-select{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-55);background:var(--color-surface-100);font-family:var(--font-mono);font-size:9px;cursor:pointer}.device-switcher{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-300)}.device-button{height:24px;display:flex;align-items:center;gap:5px;border:0;padding:0 8px;border-radius:var(--radius-sm);color:var(--color-text-38);background:transparent;font-size:9px;cursor:pointer}.device-button.active{color:var(--color-text);background:var(--color-surface-100);box-shadow:var(--shadow-ambient)}.device-button svg{width:12px;height:12px;stroke:currentColor;fill:none}.preview-toolbar-spacer{flex:1 1}.preview-stage{position:relative;display:grid;place-items:center;overflow:auto;padding:var(--space-5);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--color-white) 46%,transparent),transparent 38%),linear-gradient(135deg,var(--color-preview-bg),var(--color-surface-500))}.browser-frame{width:min(1080px,100%);height:min(700px,100%);min-height:500px;display:grid;grid-template-rows:34px minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);background:var(--color-surface-100);box-shadow:var(--shadow-elevated);transition:width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1)}.browser-frame.mobile{width:390px;height:min(690px,calc(100vh - 170px));min-height:520px}.browser-chrome{display:flex;align-items:center;gap:var(--space-2);padding:0 11px;border-bottom:1px solid var(--color-border);background:var(--color-surface-300)}.traffic-lights{display:flex;gap:5px}.traffic-lights i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-text-20)}.address-bar{min-width:0;flex:1 1;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-38);background:var(--color-surface-100);font-family:var(--font-mono);font-size:8px}.site-preview{min-height:0;position:relative;overflow:auto;color:var(--color-preview-text);background:var(--color-preview-dark)}.demo-site{min-height:100%;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 28%),var(--color-preview-dark)}.demo-nav{height:56px;display:flex;align-items:center;gap:var(--space-4);padding:0 clamp(20px,4vw,54px);border-bottom:1px solid var(--color-preview-line)}.demo-logo{display:inline-flex;align-items:center;gap:8px;color:var(--color-preview-text);font-family:var(--font-display);font-size:15px;font-weight:600}.demo-logo i{width:12px;height:12px;border:2px solid var(--color-accent);transform:rotate(45deg)}.demo-links{display:flex;gap:17px;margin-left:auto;color:var(--color-preview-muted);font-size:10px}.demo-links a{color:inherit;text-decoration:none}.demo-cta,.demo-links a:hover{color:var(--color-preview-text)}.demo-cta{border:1px solid var(--color-preview-line);padding:6px 10px;border-radius:var(--radius-sm);background:transparent;font-size:9px}.demo-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);align-items:center;grid-gap:clamp(24px,5vw,70px);gap:clamp(24px,5vw,70px);min-height:410px;padding:clamp(40px,7vw,88px) clamp(24px,6vw,76px)}.demo-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:17px;color:var(--color-preview-muted);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.demo-eyebrow:before{content:"";width:20px;height:1px;background:var(--color-accent)}.demo-hero h1{max-width:630px;margin:0;font-family:var(--font-display);font-size:clamp(38px,5vw,68px);font-weight:450;line-height:.98;letter-spacing:-.045em}.demo-hero h1 em{color:var(--color-accent);font-family:var(--font-body);font-weight:400}.demo-hero p{max-width:510px;margin:22px 0 27px;color:var(--color-preview-muted);font-family:var(--font-body);font-size:clamp(14px,1.5vw,18px);line-height:1.5}.demo-actions{display:flex;gap:10px}.demo-primary,.demo-secondary{border:0;padding:10px 13px;border-radius:var(--radius-md);cursor:pointer;font-size:10px}.demo-primary{color:var(--color-preview-text);background:var(--color-accent)}.demo-secondary{border:1px solid var(--color-preview-line);color:var(--color-preview-muted);background:transparent}.demo-visual{position:relative;min-height:300px}.code-window{position:absolute;inset:12px 0 0 4%;overflow:hidden;border:1px solid var(--color-preview-line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-black) 60%,var(--color-preview-dark));box-shadow:0 30px 70px color-mix(in srgb,var(--color-black) 46%,transparent);transform:rotate(1.5deg)}.code-header{height:32px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--color-preview-line);font-size:8px}.code-body,.code-header{color:var(--color-preview-muted);font-family:var(--font-mono)}.code-body{display:grid;grid-template-columns:32px 1fr;padding:14px 0;font-size:9px;line-height:1.85}.line-numbers{color:color-mix(in srgb,var(--color-preview-muted) 45%,transparent);text-align:right;padding-right:9px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-content{white-space:pre}.code-orange{color:var(--color-thinking)}.code-green{color:var(--color-grep)}.code-blue{color:var(--color-read)}.floating-prompt{position:absolute;left:-3%;right:8%;bottom:1px;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-200);box-shadow:var(--shadow-elevated);transform:rotate(-1deg)}.floating-prompt span{flex:1 1;color:var(--color-text-55);font-family:var(--font-body);font-size:11px}.floating-prompt i{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--color-preview-text);background:var(--color-text);font-family:var(--font-mono);font-size:9px;font-style:normal}.demo-trust{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-preview-line)}.demo-trust article{padding:24px clamp(18px,4vw,44px);border-right:1px solid var(--color-preview-line)}.demo-trust article:last-child{border-right:0}.demo-trust strong{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:20px;font-weight:500}.demo-trust span{color:var(--color-preview-muted);font-family:var(--font-body);font-size:11px}.browser-frame.mobile .demo-nav{padding:0 16px}.browser-frame.mobile .demo-links{display:none}.browser-frame.mobile .demo-hero{grid-template-columns:1fr;padding:34px 20px 54px}.browser-frame.mobile .demo-hero h1{font-size:42px}.browser-frame.mobile .demo-visual{min-height:270px}.browser-frame.mobile .demo-trust{grid-template-columns:1fr}.browser-frame.mobile .demo-trust article{border-right:0;border-bottom:1px solid var(--color-preview-line)}.browser-frame.mobile .demo-trust article:last-child{border-bottom:0}.statusbar{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-55);background:var(--color-surface-300);font-family:var(--font-mono);font-size:9px}.status-item{display:inline-flex;align-items:center;gap:6px}.status-item i{width:5px;height:5px;border-radius:var(--radius-pill);background:var(--color-text-38)}.status-item.success i{background:var(--color-success)}.status-item.exported i{background:var(--color-gold)}.status-spacer{flex:1 1}dialog{width:min(760px,calc(100vw - 32px));border:0;padding:0;border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-bg);box-shadow:var(--shadow-elevated)}dialog::-webkit-backdrop{background:color-mix(in srgb,var(--color-text) 34%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog::backdrop{background:color-mix(in srgb,var(--color-text) 34%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border)}.dialog-header h2{margin:0 0 5px;font-family:var(--font-display);font-size:26px;font-weight:450;letter-spacing:-.325px}.dialog-header p{margin:0;color:var(--color-text-55);font-family:var(--font-body);font-size:15px}.dialog-header .icon-button{margin-left:auto}.dialog-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.dialog-header-actions .icon-button{margin-left:0}.prd-dialog-title{min-width:0;display:flex;align-items:center;gap:9px}.prd-dialog-title-icon{width:28px;height:32px;flex:none;display:grid;place-items:center;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);color:var(--color-accent);background:var(--color-surface-100);font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:-.2px;box-shadow:var(--shadow-ambient)}.prd-dialog-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}.prd-dialog-action,.prd-dialog-action:visited{color:var(--color-text-72)}.prd-dialog-action:focus-visible,.prd-dialog-action:hover{color:var(--color-error)}.prd-dialog-action svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5)}.design-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;background:var(--color-surface-300);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.design-card:focus-visible,.design-card:hover{transform:translateY(-2px);border-color:var(--color-border-medium);box-shadow:var(--shadow-focus);outline:none}.design-card.selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.design-preview{height:120px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-sm);margin-bottom:11px}.design-preview.cursor{color:var(--color-text);background:var(--color-bg)}.design-preview.figma{color:var(--color-black);background:radial-gradient(circle at 20% 30%,var(--color-edit),transparent 23%),radial-gradient(circle at 80% 30%,var(--color-thinking),transparent 23%),radial-gradient(circle at 50% 80%,var(--color-read),transparent 25%),var(--color-white)}.design-preview.webflow{color:var(--color-white);background:linear-gradient(135deg,var(--color-read),var(--color-edit))}.design-preview span{font-family:var(--font-display);font-size:26px;letter-spacing:-.6px}.design-card strong{display:block;margin-bottom:5px;font-family:var(--font-display);font-size:14px}.design-card p{min-height:42px;margin:0;color:var(--color-text-55);font-family:var(--font-body);font-size:12px;line-height:1.45}.selected-mark{position:absolute;top:17px;right:17px;padding:3px 7px;border-radius:var(--radius-pill);color:var(--color-preview-text);background:var(--color-accent);font-family:var(--font-mono);font-size:8px}.dialog-footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.dialog-footer .action-button:last-child{margin-left:auto}.publish-body{padding:var(--space-5)}.publish-config{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.publish-info{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-300)}.publish-info h3{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:16px;font-weight:500}.publish-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:8px 0;border-bottom:1px solid var(--color-border);font-size:11px}.publish-row:last-child{border-bottom:0}.publish-row span:first-child{color:var(--color-text-55)}.publish-quota{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-100)}.publish-quota-head{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:10px;font-size:10px}.publish-quota-head strong{font-size:11px}.publish-quota-head span{color:var(--color-success);font-family:var(--font-mono);font-size:9px}.quota-item+.quota-item{margin-top:9px}.quota-label{display:flex;justify-content:space-between;margin-bottom:4px;color:var(--color-text-55);font-size:9px}.quota-label strong{color:var(--color-text-72);font-family:var(--font-mono);font-size:9px;font-weight:500}.quota-track{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-500)}.quota-track i{display:block;height:100%;border-radius:inherit;background:var(--color-success)}.publish-progress,.publish-result{min-height:290px;display:grid;place-items:center;text-align:center}.publish-config[hidden],.publish-progress[hidden],.publish-result[hidden]{display:none}.publish-state-card{width:min(460px,100%);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-300)}.publish-spinner,.publish-success-icon{width:38px;height:38px;display:grid;place-items:center;margin:0 auto var(--space-3);border-radius:var(--radius-pill)}.publish-spinner{border:2px solid var(--color-border-medium);border-top-color:var(--color-accent);animation:publish-spin .8s linear infinite}@keyframes publish-spin{to{transform:rotate(1turn)}}.publish-success-icon{color:var(--color-preview-text);background:var(--color-success)}.publish-success-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.publish-state-card h3{margin:0 0 7px;font-family:var(--font-display);font-size:18px;font-weight:550}.publish-state-card p{margin:0;color:var(--color-text-55);font-family:var(--font-body);font-size:13px;line-height:1.5}.publish-link-box{display:flex;align-items:center;gap:6px;margin-top:var(--space-4);padding:6px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-100)}.publish-link-box a{min-width:0;flex:1 1;overflow:hidden;padding-left:6px;color:color-mix(in srgb,var(--color-read) 58%,var(--color-text));font-family:var(--font-mono);font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.publish-result-meta{display:flex;justify-content:center;gap:12px;margin-top:var(--space-3);color:var(--color-text-55);font-family:var(--font-mono);font-size:9px}.form-group{margin-bottom:var(--space-3)}.form-group label{display:block;margin-bottom:6px;color:var(--color-text-55);font-size:10px}.form-group input,.form-group textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px;color:var(--color-text);background:var(--color-surface-100);outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.version-dialog-body{padding:var(--space-5)}.version-dialog-body p{margin:0;color:var(--color-text-72);font-family:var(--font-body);font-size:15px;line-height:1.55}.version-dialog-note{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-55);background:var(--color-surface-300);font-family:var(--font-mono);font-size:10px;line-height:1.55}#prdPreviewDialog{width:min(980px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));overflow:hidden}#prdPreviewDialog[open]{display:grid;grid-template-rows:54px minmax(0,1fr)}#prdPreviewDialog .dialog-header{position:relative;z-index:2;align-items:center;min-height:54px;padding:8px 12px 8px 16px;background:var(--color-bg)}#prdPreviewDialog .dialog-header h2{margin:0;font-size:16px;font-weight:550;letter-spacing:-.1px}#prdPreviewDialog .dialog-header .action-button{min-height:30px;padding:6px 10px;font-size:11px}.prd-preview-shell{min-height:0;height:100%;overflow:hidden}.prd-document{height:100%;overflow-y:auto;padding:38px clamp(28px,5vw,64px) 64px;scroll-behavior:smooth;background:var(--color-surface-100)}.prd-document article{max-width:680px;margin:0 auto}.prd-document h1{margin:0 0 8px;font-family:var(--font-display);font-size:30px;font-weight:500;letter-spacing:-.4px}.prd-document .document-subtitle{margin:0 0 34px;color:var(--color-text-55);font-family:var(--font-body);font-size:15px;line-height:1.55}.prd-section{padding-top:8px;margin-bottom:32px;scroll-margin-top:24px}.prd-section h2{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-border);font-family:var(--font-display);font-size:19px;font-weight:550}.prd-section h3{margin:18px 0 8px;font-size:13px}.prd-section li,.prd-section p{color:var(--color-text-72);font-family:var(--font-body);font-size:14px;line-height:1.7}.prd-section ul{margin:8px 0;padding-left:20px}.prd-callout{margin-top:12px;padding:12px 14px;border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface-300);font-size:12px;line-height:1.6}@media (max-width:700px){.prd-document{padding:28px 22px 48px}}.toast{position:fixed;z-index:80;right:18px;bottom:46px;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-100);box-shadow:var(--shadow-elevated);font-size:11px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.toast.show{opacity:1;transform:translateY(0)}.toast i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-success)}.view-hidden{display:none!important}.launch-screen{width:100%;height:100%;min-height:100vh;color:var(--color-text);background:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px),radial-gradient(circle at 74% 12%,color-mix(in srgb,var(--color-thinking) 32%,transparent),transparent 25%),var(--color-bg);background-size:64px 64px,64px 64px,auto,auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable}.launch-screen::-webkit-scrollbar{width:9px}.launch-screen::-webkit-scrollbar-track{background:var(--color-surface-300)}.launch-screen::-webkit-scrollbar-thumb{border:2px solid var(--color-surface-300);border-radius:var(--radius-pill);background:var(--color-border-medium)}.launch-screen::-webkit-scrollbar-thumb:hover{background:var(--color-text-38)}.launch-nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;gap:var(--space-3);padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.launch-nav .brand{min-width:auto}.launch-nav-spacer{flex:1 1}.user-menu-wrap{position:relative}.user-menu-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-preview-text);background:var(--color-text);font-family:var(--font-mono);font-size:10px;font-weight:600;cursor:pointer}.user-menu-button:focus-visible,.user-menu-button:hover,.user-menu-button[aria-expanded=true]{color:var(--color-white);background:var(--color-accent);outline:none}.user-menu{position:absolute;z-index:40;top:calc(100% + 8px);right:0;width:220px;display:none;padding:6px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:var(--color-surface-100);box-shadow:var(--shadow-elevated)}.user-menu.open{display:block;animation:pane-in .15s ease both}.user-menu-head{padding:9px 9px 10px;border-bottom:1px solid var(--color-border)}.user-menu-head strong{display:block;margin-bottom:3px;font-size:11px}.user-menu-head span{color:var(--color-text-55);font-family:var(--font-mono);font-size:9px}.user-menu-item{width:100%;display:flex;align-items:center;gap:8px;border:0;padding:8px 9px;border-radius:var(--radius-sm);color:var(--color-text-72);background:transparent;font-size:10px;text-align:left;cursor:pointer}.user-menu-item:focus-visible,.user-menu-item:hover{color:var(--color-error);background:var(--color-surface-400);outline:none}.user-menu-item svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.invite-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-55);background:var(--color-surface-100);font-family:var(--font-mono);font-size:9px}button.invite-chip{cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-normal)}button.invite-chip:focus-visible,button.invite-chip:hover{color:var(--color-error);background:var(--color-surface-300);box-shadow:var(--shadow-focus);outline:none}.invite-chip i{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-gold)}.invite-chip.invited i{background:var(--color-success)}.identity-banner{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:12px 14px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-gold) 7%,var(--color-surface-100))}.identity-banner.hidden{display:none}.identity-banner-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-gold);background:var(--color-surface-300)}.identity-banner-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.identity-banner-copy{min-width:0;flex:1 1}.identity-banner-copy strong{display:block;margin-bottom:3px;font-size:12px}.identity-banner-copy span{color:var(--color-text-55);font-family:var(--font-body);font-size:12px}.identity-banner .action-button{flex:none}.start-card.locked:before{content:"需邀请码";position:absolute;z-index:3;top:24px;right:72px;padding:4px 7px;border-radius:var(--radius-pill);color:var(--color-gold);background:var(--color-surface-100);font-family:var(--font-mono);font-size:9px}.invite-dialog-body{padding:var(--space-5)}.invite-form{max-width:480px;margin:0 auto}.invite-input-wrap{display:flex;gap:8px}.invite-input-wrap input{min-width:0;flex:1 1;height:42px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);padding:0 12px;color:var(--color-text);background:var(--color-surface-100);font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;outline:none;text-transform:uppercase}.invite-input-wrap input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.invite-help{margin:9px 0 0;line-height:1.5}.invite-feedback,.invite-help{color:var(--color-text-55);font-size:11px}.invite-feedback{min-height:34px;margin-top:var(--space-3);padding:9px 10px;border-radius:var(--radius-sm);background:var(--color-surface-300);line-height:1.45}.invite-feedback.error{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 8%,var(--color-surface-100))}.invite-feedback.success{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 9%,var(--color-surface-100))}.invite-benefits{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:var(--space-4)}.invite-benefit{padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-300)}.invite-benefit strong{display:block;margin-bottom:3px;font-family:var(--font-mono);font-size:11px}.invite-benefit span{color:var(--color-text-55);font-size:10px}.invite-success{display:grid;place-items:center;min-height:270px;padding:var(--space-5);text-align:center}.invite-success-content{width:min(420px,100%);display:flex;flex-direction:column;align-items:center}.invite-form[hidden],.invite-success[hidden]{display:none}.invite-success-mark{width:44px;height:44px;flex:none;display:grid;place-items:center;margin:0 auto var(--space-3);border-radius:var(--radius-pill);color:var(--color-preview-text);background:var(--color-success)}.invite-success-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.invite-success h3{margin:0 0 7px;font-family:var(--font-display);font-size:21px;font-weight:550}.invite-success p{max-width:400px;margin:0 0 var(--space-4);color:var(--color-text-55);font-family:var(--font-body);font-size:13px;line-height:1.55}.launch-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(52px,7vw,94px) 0 70px}.launch-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;grid-gap:clamp(36px,7vw,92px);gap:clamp(36px,7vw,92px);padding-bottom:clamp(48px,7vw,86px)}.launch-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:var(--color-text-55);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.launch-eyebrow:before{content:"";width:26px;height:2px;background:var(--color-accent)}.launch-hero h1{max-width:760px;margin:0;font-family:var(--font-display);font-size:clamp(48px,7vw,82px);font-weight:400;line-height:.98;letter-spacing:-.045em}.launch-hero h1 em{color:var(--color-accent);font-family:var(--font-body);font-weight:400}.launch-intro{max-width:420px;margin:0;color:var(--color-text-55);font-family:var(--font-body);font-size:18px;line-height:1.55}.launch-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.launch-meta span{padding:4px 8px;border-radius:var(--radius-pill);color:var(--color-text-55);background:var(--color-surface-400);font-family:var(--font-mono);font-size:9px}.start-section{margin-bottom:62px}.launch-section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-medium)}.launch-section-head h2{margin:0;font-family:var(--font-display);font-size:26px;font-weight:400;letter-spacing:-.325px}.launch-section-head p{margin:0;color:var(--color-text-38);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.start-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.start-card{min-height:230px;position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(24px,4vw,38px);color:var(--color-text);background:var(--color-surface-300);text-align:left;cursor:pointer;box-shadow:var(--shadow-ambient);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.start-card:after{content:"";position:absolute;width:190px;height:190px;right:-55px;bottom:-80px;border:1px solid var(--color-border-medium);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--color-text) 3%,transparent),0 0 0 56px color-mix(in srgb,var(--color-text) 2%,transparent)}.start-card.screenshot:after{border-radius:var(--radius-md);transform:rotate(18deg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-read) 45%,transparent),color-mix(in srgb,var(--color-edit) 38%,transparent))}.start-card:focus-visible,.start-card:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-elevated);transform:translateY(-3px);outline:none}.start-index{display:block;margin-bottom:28px;color:var(--color-accent);font-family:var(--font-mono);font-size:10px}.start-card h3{position:relative;z-index:1;margin:0 0 10px;font-family:var(--font-display);font-size:clamp(25px,3vw,36px);font-weight:400;letter-spacing:-.72px}.start-card p{position:relative;z-index:1;max-width:430px;margin:0;color:var(--color-text-55);font-family:var(--font-body);font-size:15px;line-height:1.5}.start-action{position:absolute;z-index:2;right:24px;top:24px;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-preview-text);background:var(--color-text);transition:background var(--transition-fast),transform var(--transition-fast)}.start-card:hover .start-action{background:var(--color-accent);transform:translate(2px,-2px)}.start-action svg{width:16px;height:16px;stroke:currentColor;fill:none}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.project-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text);background:color-mix(in srgb,var(--color-surface-100) 86%,transparent);text-align:left;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.project-card:focus-visible,.project-card:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-focus);transform:translateY(-2px);outline:none}.project-top{display:flex;align-items:flex-start;gap:var(--space-3)}.project-symbol{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-400);font-family:var(--font-display);font-size:15px}.project-symbol.orange{color:var(--color-preview-text);background:var(--color-accent)}.project-symbol.blue{background:var(--color-read)}.project-symbol.green{background:var(--color-grep)}.project-title{min-width:0;flex:1 1}.project-title strong{display:block;overflow:hidden;margin-bottom:5px;font-family:var(--font-display);font-size:15px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.project-title span{color:var(--color-text-38);font-size:10px}.project-stage{margin-top:23px}.project-stage-head{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--color-text-55);font-family:var(--font-mono);font-size:9px}.project-stage-line{height:3px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-500)}.project-stage-line i{display:block;height:100%;border-radius:inherit;background:var(--color-success)}.project-card:nth-child(2) .project-stage-line i{background:var(--color-accent)}.project-card:nth-child(3) .project-stage-line i{background:var(--color-gold)}.project-footer{display:flex;align-items:center;gap:5px;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.project-footer span{padding:3px 6px;border-radius:var(--radius-pill);color:var(--color-text-55);background:var(--color-surface-400)}.project-footer span,.project-footer time{font-family:var(--font-mono);font-size:8px}.project-footer time{margin-left:auto;color:var(--color-text-38)}.admin-screen{min-height:100vh;color:var(--color-text);background:var(--color-bg)}.admin-topbar{height:58px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.admin-topbar-title{padding-left:var(--space-3);border-left:1px solid var(--color-border-medium);font-family:var(--font-display);font-size:14px;font-weight:600}.admin-topbar-title span{display:block;margin-top:2px;color:var(--color-text-38);font-family:var(--font-mono);font-size:8px;font-weight:400}.admin-topbar .action-button{margin-left:auto}.admin-layout{min-height:calc(100vh - 58px);display:grid;grid-template-columns:220px minmax(0,1fr)}.admin-sidebar{padding:var(--space-4);border-right:1px solid var(--color-border);background:var(--color-surface-300)}.admin-nav{display:grid;grid-gap:4px;gap:4px}.admin-nav-item{display:flex;align-items:center;gap:9px;border:0;padding:9px 10px;border-radius:var(--radius-sm);color:var(--color-text-55);background:transparent;font-size:10px;text-align:left}.admin-nav-item.active{color:var(--color-text);background:var(--color-surface-100);box-shadow:var(--shadow-ambient)}.admin-nav-item svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}.admin-main{overflow-y:auto;padding:clamp(28px,5vw,56px)}.admin-content{max-width:1080px;margin:0 auto}.admin-page-head{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.admin-page-head h1{margin:0 0 7px;font-family:var(--font-display);font-size:30px;font-weight:500;letter-spacing:-.4px}.admin-page-head p{max-width:680px;margin:0;color:var(--color-text-55);font-family:var(--font-body);font-size:14px;line-height:1.55}.admin-page-head .action-button{margin-left:auto}.security-notice{display:flex;align-items:flex-start;gap:10px;margin-bottom:var(--space-4);padding:12px 14px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-gold) 7%,var(--color-surface-100))}.security-notice svg{width:16px;height:16px;flex:none;margin-top:1px;fill:none;stroke:var(--color-gold);stroke-width:1.8}.security-notice strong{display:block;margin-bottom:3px;font-size:11px}.security-notice p{margin:0;color:var(--color-text-55);font-size:11px;line-height:1.5}.credential-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.credential-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-100);box-shadow:var(--shadow-ambient)}.credential-head{display:flex;align-items:flex-start;gap:12px}.credential-role-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:var(--radius-md);color:var(--color-accent);background:var(--color-surface-300)}.credential-role-icon.vision{color:color-mix(in srgb,var(--color-read) 68%,var(--color-text))}.credential-role-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.credential-title{min-width:0;flex:1 1}.credential-title strong{display:block;margin-bottom:4px;font-size:12px}.credential-title span{color:var(--color-text-55);font-family:var(--font-mono);font-size:10px}.credential-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:var(--radius-pill);color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface-100));font-family:var(--font-mono);font-size:8px}.credential-status:before{content:"";width:5px;height:5px;border-radius:var(--radius-pill);background:currentColor}.credential-status.disabled{color:var(--color-text-38);background:var(--color-surface-400)}.credential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;margin-top:var(--space-3);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-border)}.credential-field{min-width:0;padding:10px;background:var(--color-surface-300)}.credential-field span{display:block;margin-bottom:5px;color:var(--color-text-38);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.credential-field strong{display:block;overflow:hidden;font-family:var(--font-mono);font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.credential-actions{display:flex;align-items:center;gap:6px;margin-top:var(--space-3)}.credential-actions .action-button{min-height:30px;padding:6px 9px;font-size:10px}.credential-actions .danger{color:var(--color-error)}.test-result{margin-left:auto;color:var(--color-text-55);font-family:var(--font-mono);font-size:10px}.credential-dialog-body{padding:22px 24px 24px}#credentialDialog{width:min(660px,calc(100vw - 32px))}#credentialDialog .dialog-header{padding:20px 24px 18px}#credentialDialog .dialog-header h2{font-size:22px;font-weight:500}#credentialDialog .dialog-header p{max-width:510px;font-size:13px;line-height:1.5}.credential-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.credential-form-field{min-width:0;display:grid;grid-gap:7px;gap:7px}.credential-form-field.full{grid-column:1/-1}.credential-form-field label{color:var(--color-text-72);font-size:11px;font-weight:600}.credential-form-field label span{margin-left:5px;color:var(--color-text-38);font-family:var(--font-mono);font-size:9px;font-weight:400}.credential-form-field input,.credential-form-field select{width:100%;min-width:0;height:40px;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);padding:0 11px;color:var(--color-text);background:var(--color-surface-100);font-family:var(--font-mono);font-size:11px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.credential-form-field select{cursor:pointer}.credential-form-field input:hover,.credential-form-field select:hover{border-color:var(--color-text-38)}.credential-form-field input:focus,.credential-form-field select:focus{border-color:var(--color-accent);background:var(--color-bg);box-shadow:var(--shadow-focus)}.credential-form-field select:disabled{cursor:not-allowed;color:var(--color-text-38);background:var(--color-surface-400)}.credential-secret-note{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:11px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-300);color:var(--color-text-55);font-size:11px;line-height:1.5}.credential-secret-note svg{width:15px;height:15px;flex:none;margin-top:1px;fill:none;stroke:var(--color-gold);stroke-width:1.8}.credential-secret-note strong{display:block;margin-bottom:2px;color:var(--color-text-72);font-size:11px}#credentialDialog .dialog-footer{padding:12px 24px;background:var(--color-surface-300)}.launch-footer{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-38);font-family:var(--font-mono);font-size:9px}.launch-footer span:last-child{margin-left:auto}@media (max-width:1279px){:root{--chat-width:350px}.workspace{grid-template-columns:var(--chat-width) 50px minmax(480px,1fr)}.assets-content,.assets-header,.assets-tabs{display:none}.collapsed-assets{display:flex}.model-health{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){body,html{overflow:auto}.app-shell{min-height:100vh;height:auto;grid-template-rows:auto auto auto}.topbar{min-height:var(--topbar-height);flex-wrap:wrap;padding-block:9px}.project-switcher{order:3;width:100%;max-width:none}.save-state,.topbar .action-button:not(.primary){display:none}.workspace,.workspace.assets-collapsed{grid-template-columns:1fr}.chat-panel{min-height:700px;border-right:0;border-bottom:1px solid var(--color-border)}.assets-panel{display:none}.preview-panel{min-height:700px}.statusbar{min-height:var(--status-height);overflow-x:auto}.design-grid,.launch-hero,.publish-config,.start-grid{grid-template-columns:1fr}.launch-hero{align-items:start}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.brand{min-width:auto}.topbar .action-button.primary span{display:none}.stage-wrap{padding-inline:var(--space-3)}.conversation{padding:var(--space-3)}.page-select,.preview-toolbar .micro-label{display:none}.preview-stage{padding:var(--space-3)}.browser-frame,.browser-frame.mobile{width:100%;min-height:580px}.demo-hero{grid-template-columns:1fr;padding:34px 20px 54px}.demo-hero h1{font-size:42px}.demo-links{display:none}.demo-trust{grid-template-columns:1fr}.launch-main{width:min(100% - 24px,1180px);padding-top:42px}.launch-nav{padding-inline:14px}.identity-banner{align-items:flex-start;flex-wrap:wrap}.identity-banner .action-button{width:100%}.invite-chip span{display:none}.invite-benefits{grid-template-columns:1fr}.launch-hero h1{font-size:48px}.project-grid{grid-template-columns:1fr}.launch-footer{align-items:flex-start;flex-direction:column}.launch-footer span:last-child{margin-left:0}.admin-topbar{padding-inline:14px}.admin-main{padding:24px 14px 48px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head .action-button{width:100%}.credential-grid{grid-template-columns:1fr}.credential-actions{align-items:stretch;flex-direction:column}.credential-actions .action-button{justify-content:center;width:100%}.credential-form-grid{grid-template-columns:1fr}.credential-form-field.full{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}