:root{--bg-canvas:#161616;--bg-sidebar:#1b1b1b;--bg-topnav:#1b1b1b;--bg-chat-panel:#212121;--bg-workspace:#212121;--bg-file-explorer:#1b1b1b;--bg-code-editor:#131313;--bg-preview-canvas:#0f0f0f;--bg-surface:#292929;--bg-surface-hover:#323232;--bg-card:#212121;--bg-card-hover:#292929;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-strong:#ffffff2e;--border-accent:#14b8a659;--border-accent-strong:#2dd4bf99;--scrollbar-thumb:#ffffff29;--scrollbar-thumb-hover:#ffffff47;--text-primary:#f4f4f6;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#0d9488;--accent-secondary:#0f766e;--accent-light:#2dd4bf;--accent-gradient:#3659d9;--accent-glow:#14b8a626;--accent-glow-strong:#2dd4bf4d;--color-accent:var(--accent-primary);--color-accent-hover:var(--accent-secondary);--color-success:#10b981;--color-success-bg:#10b98114;--color-success-border:#10b98140;--color-success-glow:#10b98133;--color-warning:#f59e0b;--color-warning-bg:#f59e0b14;--color-warning-border:#f59e0b40;--color-error:#ef4444;--color-error-bg:#ef444414;--color-error-border:#ef444440;--color-info:#0ea5e9;--color-info-bg:#0ea5e914;--color-info-border:#0ea5e940;--color-ai:#2dd4bf;--color-ai-bg:#14b8a614;--color-ai-border:#14b8a647;--color-neutral:#a1a1aa;--color-neutral-muted:#94a3b8;--color-neutral-bg:#ffffff0a;--color-neutral-border:#ffffff14;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--sidebar-width:240px;--header-height:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-subtle:0 1px 3px #00000040;--shadow-panel:none;--shadow-overlay:0 16px 36px #00000080;--font-sans:"Instrument Sans", system-ui, sans-serif;--font-brand:"Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--macos-bg-window:#0e0f14;--macos-bg-sidebar:#12131a;--macos-bg-toolbar:#14151e;--macos-bg-panel:#101118;--macos-blur:none;--macos-window-border:1px solid #ffffff17;--macos-rim-light:inset 0 1px 0 0 #ffffff1a;--macos-shadow-window:0 24px 60px #0000008c, 0 0 0 1px #ffffff14}.macos-segmented-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000052;border:1px solid #ffffff14;border-radius:7px;align-items:center;padding:2px;display:inline-flex;box-shadow:inset 0 1px 2px #0000004d}.macos-segment-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.macos-segment-item:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.macos-segment-item.active{color:#fff;background:#ffffff26;font-weight:600;box-shadow:0 1px 3px #00000059,inset 0 .5px #fff3}.macos-toolbar-btn{height:28px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.macos-toolbar-btn:hover:not(:disabled){background:#ffffff17;border-color:#ffffff24}.macos-toolbar-btn:active:not(:disabled){background:#ffffff1f;transform:scale(.97)}svg.lucide{stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.btn-touch{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.btn-touch-sm{min-width:32px;min-height:32px}.text-h1{font-size:24px;font-weight:700;line-height:1.2}.text-h2{font-size:16px;font-weight:600;line-height:1.3}.text-body{font-size:14px;font-weight:400;line-height:1.5}.text-secondary{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.5}.text-micro{color:var(--text-muted);font-size:12px;font-weight:500}.sidebar-actions,.sidebar-actions-menu-wrapper{opacity:0;transition:opacity .15s}.sidebar-nav-item:hover .sidebar-actions,.sidebar-nav-item:hover .sidebar-actions-menu-wrapper,.sidebar-nav-item:focus-within .sidebar-actions,.sidebar-nav-item:focus-within .sidebar-actions-menu-wrapper{opacity:1}@media (hover:none){.sidebar-actions,.sidebar-actions-menu-wrapper{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{border:none;outline:none;width:100%;min-height:100%;margin:0;padding:0;overflow-x:clip}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;overflow-x:clip}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-corner{background:0 0}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none}select option,select optgroup{color:#f3f4f6;background-color:#141724;padding:6px 10px}:root[data-theme=light] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] select option,:root[data-theme=light] select optgroup{color:#212121;background-color:#fff}select optgroup{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600}h1,h2,h3,h4,.brand-text{font-family:var(--font-brand)}.app-container{background-color:var(--bg-canvas);outline:none;width:100vw;height:100dvh;display:flex;overflow:hidden;border:none!important;border-top-width:0!important;margin:0!important;padding:0!important}.sidebar-container{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);height:100%;padding:var(--space-4) 0;z-index:10;border-radius:0;flex-direction:column;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar-container.collapsed{width:64px}.main-content{background:var(--bg-topnav);outline:none;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden;border:none!important;border-top-width:0!important;margin:0!important;padding:0!important}.top-nav{height:var(--header-height);background:var(--bg-topnav);border:none;border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:10;box-shadow:none;border-radius:0;outline:none;margin:0;display:flex}.top-nav-project-tab{min-width:0;max-width:min(56vw,360px)}.top-nav-project-name-button{min-width:0;max-width:clamp(100px,32vw,180px)!important}.top-nav-user-menu{scrollbar-width:thin}.top-nav-gallery-btn{text-decoration:none}.workspace-area{min-width:0;min-height:0;height:calc(100vh - var(--header-height));background:var(--bg-canvas);flex:1;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.chat-panel-container{background:var(--bg-chat-panel);border:none;border-right:1px solid var(--border-subtle);height:100%;box-shadow:none;border-radius:0;flex-direction:column;flex-shrink:0;min-width:0;max-width:100%;transition:width .15s;display:flex;overflow:hidden}.workspace-panel-container{background:var(--bg-workspace);min-width:0;height:100%;box-shadow:none;border:none;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-resize-handle{cursor:col-resize;z-index:20;background:0 0;justify-content:center;align-items:center;width:5px;margin:0 -2px;transition:background .15s;display:flex}.panel-resize-handle:hover,.panel-resize-handle.active{background:var(--accent-primary)}.file-explorer-container{background:var(--bg-file-explorer);border-right:1px solid var(--border-subtle);border-radius:0;flex-direction:column;width:220px;height:100%;display:flex}.workspace-tabs{background:#00000059;border:none;border-radius:8px;gap:4px;padding:4px;display:flex}.workspace-tab{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:7px 18px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.workspace-tab:hover{color:var(--text-primary);background:#ffffff0a}.workspace-tab.active{color:#fff;background:#ffffff14;font-weight:600}.workspace-tab.active:after{content:"";background:var(--text-primary);border-radius:2px;height:2px;position:absolute;bottom:0;left:14%;right:14%}.workspace-tab.active svg{color:var(--accent-light)}.button-primary{color:#09090b;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;background:#fff;border:1px solid #fff3;align-items:center;gap:7px;padding:7px 15px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0003}.button-primary:hover{background:#f4f4f5;transform:translateY(-.5px);box-shadow:0 2px 6px #0000004d}.button-primary:active{transform:translateY(0)}.button-primary:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff4d}.button-ghost{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.button-ghost:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.button-ghost:hover svg{color:var(--text-primary)}.button-ghost:active{transform:translateY(0)scale(.98)}.button-ghost:disabled{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-muted);opacity:1;cursor:not-allowed}.icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar-brand-badge{background:#18181b;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.sidebar-brand-badge:hover{background:#27272a}.sidebar-new-btn{width:100%;color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);background:#ffffff0a;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-new-btn:hover{color:#fff;background:#ffffff14}.sidebar-new-btn:hover svg{color:var(--accent-light);transform:rotate(90deg)}.sidebar-new-btn svg{transition:transform .25s,color .2s}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 8px;font-size:13px;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-nav-item.active{color:#fff;background:#ffffff14}.sidebar-nav-item.active:hover{background:#ffffff1c}.sidebar-nav-item:hover svg{color:#fff}.sidebar-nav-item svg{transition:color .15s}.brand-draft-badge{background:var(--color-ai-bg);color:var(--accent-light);border:1px solid var(--color-ai-border);letter-spacing:.03em;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:600}.quick-template-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.quick-template-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translate(3px)}.quick-template-card:hover .template-arrow{transform:translate(3px);opacity:1!important;color:var(--accent-light)!important}.chat-input-wrapper{background:#ffffff07;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.chat-input-wrapper:focus-within{background:#ffffff0a;border-color:#6366f159;box-shadow:0 0 0 1px #6366f126,0 4px 16px #0003}.chat-input{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px;line-height:1.5}.chat-input::placeholder{color:var(--text-secondary);opacity:1}.chat-send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #14b8a659}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2dd4bf80}.chat-send-btn:active:not(:disabled){transform:translateY(0)}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed;color:var(--text-muted);box-shadow:none;background:#ffffff0f}.chat-bubble-ai{color:var(--text-primary);box-sizing:border-box;width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;font-size:13.5px;line-height:1.65}.file-tree-item{cursor:pointer;color:var(--text-secondary);border-left:2px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:all .15s;display:flex}.file-tree-item:hover{color:var(--text-primary);background:#ffffff0a;transform:translate(2px)}.file-tree-item.active{background:var(--color-ai-bg);border-left:2px solid var(--accent-secondary);color:#f0fdfa;font-weight:500}.file-tree-item.active svg{color:var(--accent-light)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #2dd4bfb3}50%{opacity:.85;transform:scale(1.18);box-shadow:0 0 0 6px #2dd4bf00}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{border-radius:var(--radius-sm);color:var(--color-neutral);background:#ffffff0a;border:none;align-items:center;gap:8px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.status-badge.generating{color:var(--accent-light);box-shadow:none;background:#0d948824;border:none;padding:4px 10px}.status-badge.ready{color:var(--color-success);background:#10b9811a;border:none}.status-badge.error{color:var(--color-error);background:#ef44441a;border:none}.status-text-group{text-align:left;flex-direction:column;line-height:1.2;display:flex}.status-line-top{align-items:center;gap:6px;display:flex}.status-title{color:#fff;font-size:11.5px;font-weight:600}.status-step-pill{color:#cbd5e1;letter-spacing:.02em;background:#ffffff1a;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:500}.status-detail-text{color:var(--text-secondary);font-size:10.5px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.idle{background:var(--color-success)}.status-dot.generating{background:var(--accent-primary);animation:1.6s ease-in-out infinite status-pulse}.status-dot.ready{background:var(--color-success)}.status-dot.error{background:var(--color-error)}.build-pipeline-bar{border-bottom:1px solid var(--border-subtle);background:#0d0f17f2;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.pipeline-stepper{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 16px;display:flex}.pipeline-step-item{color:var(--text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;font-weight:500;transition:all .2s;display:flex}.pipeline-step-item.active{color:#fff;font-weight:600}.pipeline-step-item.done{color:var(--color-success)}.pipeline-connector-line{background:#ffffff14;flex:1;height:1px;margin:0 8px;transition:background .3s}.pipeline-connector-line.active{background:#10b98166}.pipeline-progress-track{background:#ffffff0d;width:100%;height:2px;position:relative;overflow:hidden}.pipeline-progress-fill{background:var(--color-accent);height:100%;transition:width .35s}.browser-chrome{border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#0b0d14;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex;position:relative}.browser-chrome-left{flex-shrink:0;align-items:center;gap:6px;min-width:auto;display:flex}.browser-dots{flex-shrink:0;align-items:center;gap:6px;display:flex}.browser-dot{border-radius:50%;width:9px;height:9px;transition:opacity .2s}.browser-dot.close{background:#ff5f56;box-shadow:inset 0 0 0 .5px #0000004d}.browser-dot.minimize{background:#ffbd2e;box-shadow:inset 0 0 0 .5px #0000004d}.browser-dot.maximize{background:#27c93f;box-shadow:inset 0 0 0 .5px #0000004d}.browser-nav-actions{align-items:center;gap:4px;display:flex}.browser-chrome-center{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.browser-url-pill{width:100%;max-width:340px;height:24px;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 10px;display:flex;overflow:hidden}.browser-viewport-badge{color:var(--text-muted);background:#ffffff14;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px}.browser-chrome-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-right:0;display:flex}.viewport-segmented-control{background:#00000059;border:1px solid #ffffff14;border-radius:7px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:inset 0 1px 2px #0000004d}.viewport-pill-btn{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.viewport-pill-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0f}.viewport-pill-btn.active{color:#fff;background:#ffffff29;font-weight:600;box-shadow:0 1px 3px #00000061,inset 0 .5px #fff3}.browser-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.browser-action-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.browser-action-btn:hover{color:var(--text-primary);background:#ffffff14}.browser-action-btn:disabled{opacity:.3;cursor:not-allowed}.deploy-menu-container{display:inline-flex;position:relative}.deploy-split-btn{background:var(--color-accent);border:none;border-radius:6px;align-items:center;transition:all .15s;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000004d}.deploy-split-btn:hover{background:var(--color-accent-hover);box-shadow:0 2px 6px #0006}.deploy-main-action{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.deploy-toggle-action{color:#ffffffd9;cursor:pointer;background:#00000026;border:none;border-left:1px solid #ffffff26;justify-content:center;align-items:center;padding:6px 7px;font-family:inherit;transition:background .15s;display:inline-flex}.deploy-toggle-action:hover{color:#fff;background:#0000004d}.deploy-dropdown-menu{border:1px solid var(--border-medium);z-index:1000;background:#111420;border-radius:8px;width:220px;padding:5px;animation:.15s fadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0009,0 0 16px #2563eb26}.deploy-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:9px;padding:7px 10px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.deploy-menu-item:hover{color:#fff;background:#ffffff12}.deploy-menu-item-subtext{color:var(--text-muted);font-size:10.5px}.deploy-menu-divider{background:var(--border-subtle);height:1px;margin:4px 0}.preview-skeleton-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.generating-overlay-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;z-index:10;flex-direction:column;align-items:center;gap:14px;max-width:380px;padding:28px 36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0009}.generating-spinner-ring{border:2px solid #ffffff14;border-top-color:var(--text-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.generating-progress-bar{background:#ffffff0f;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.generating-progress-fill{background:var(--accent-gradient);background-size:200% 100%;border-radius:2px;width:50%;height:100%;animation:1.8s ease-in-out infinite shimmer;position:absolute;top:0;left:0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#64748b;font-style:italic}.token.punctuation{color:#94a3b8}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#f472b6}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#34d399}.token.operator,.token.entity,.token.url{color:var(--accent-light)}.token.atrule,.token.attr-value,.token.keyword{color:#c084fc;font-weight:500}.token.function,.token.class-name{color:#60a5fa}.token.regex,.token.important,.token.variable{color:#fb923c}.code-line-row:hover{background:#ffffff0a}.hover-bright:hover{color:var(--text-primary)!important;background:#ffffff14!important}.segmented-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:inset 0 1px 2px #0000004d}.segmented-tab{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.segmented-tab:hover:not(.active){color:var(--text-primary);background:#ffffff0f}.segmented-tab.active{color:#fff;background:#ffffff29;border:none;font-weight:600;box-shadow:0 1px 3px #00000061,inset 0 .5px #fff3}.segmented-tab.active svg{color:#fff}.viewport-frame-container{background:#08090e;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;transition:all .2s;display:flex;position:relative;overflow:auto}.viewport-frame-container.desktop{background:radial-gradient(circle,#38bdf808 0%,#0000 70%),radial-gradient(#ffffff0d 1px,#0000 1px) 0 0/24px 24px,#090b10;justify-content:center;align-items:center;padding:0;display:flex}.viewport-frame-container.tablet,.viewport-frame-container.mobile{background:radial-gradient(circle,#ffffff05 0%,#06070a 100%);justify-content:center;align-items:center;padding:24px}.viewport-device-chassis{background:#0f111a;flex-direction:column;width:100%;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1),max-height .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.viewport-device-chassis.desktop{flex:100%;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.viewport-device-chassis.tablet{background:#0f111a;border:1px solid #ffffff26;border-radius:12px;width:768px;max-width:calc(100% - 32px);height:100%;max-height:calc(100% - 32px);box-shadow:0 20px 60px #000000d9}.viewport-device-chassis.mobile{background:#0f111a;border:4px solid #1c1f2b;border-radius:28px;outline:1px solid #ffffff1a;width:375px;max-width:calc(100% - 32px);height:667px;max-height:calc(100% - 32px);box-shadow:0 24px 60px #000000f2}.viewport-device-chassis iframe{min-height:100%;background:#0f111a!important;border:none!important;width:100%!important;height:100%!important;display:block!important}.action-chips-container{scrollbar-width:none;align-items:center;gap:6px;padding:4px 0 8px;display:flex;overflow-x:auto}.action-chips-container::-webkit-scrollbar{display:none}.action-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.action-chip:hover{background:var(--color-ai-bg);border-color:var(--color-ai-border);color:#f0fdfa;transform:translateY(-1px)}.file-change-summary-bar{border-left:2px solid var(--color-success);color:var(--text-primary);background:#10b98114;border-radius:4px;justify-content:space-between;align-items:center;margin:6px 0;padding:8px 12px;font-size:12px;display:flex}button:focus-visible,input:not(.landing-prompt-textarea):not(.chat-input):focus-visible,select:focus-visible,textarea:not(.landing-prompt-textarea):not(.chat-input):focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}@media (width<=1024px){.sidebar-container{width:64px}}@media (width<=768px){.sidebar-container{z-index:9999;transition:transform .25s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:-280px;box-shadow:0 0 40px #000c;width:260px!important;height:100vh!important;position:fixed!important}.sidebar-container.mobile-open{transform:translate(280px)}.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#000000bf;position:fixed;inset:0}.workspace-area.is-mobile{height:calc(100dvh - var(--header-height));flex-direction:column;width:100%;overflow:hidden}.chat-panel-container{border-right:none;max-width:100%;transition:none;width:100%!important;min-width:0!important;height:100%!important}.workspace-panel-container{width:100%!important;height:100%!important}.panel-resize-handle{display:none}:root{--header-height:58px}.top-nav{height:var(--header-height);flex-wrap:wrap;align-content:center;row-gap:6px;padding:6px 10px}.top-nav .segmented-control{flex-basis:100%;order:3;justify-content:center}.top-nav-left-cluster{flex:auto;min-width:0;gap:6px!important}.top-nav-right-cluster{min-width:0;margin-left:auto;gap:6px!important}.top-nav-project-tab{max-width:min(52vw,280px)}.top-nav-project-name-button{max-width:clamp(82px,29vw,140px)!important}.top-nav-user-menu{right:0!important}}@media (width<=480px){.top-nav{padding:6px 8px}.top-nav-project-tab{max-width:min(48vw,220px)}.top-nav-project-name-button{max-width:clamp(72px,26vw,110px)!important}.top-nav-new-project-btn,.top-nav-dashboard-btn,.top-nav-gallery-btn{display:none!important}.browser-chrome{padding:0 12px}.browser-chrome-center{display:none}.browser-chrome{gap:4px;padding:0 8px}}.preview-pane-container{container-type:inline-size}@container (width<=600px){.browser-chrome-center{display:none}}.is-resizing iframe{pointer-events:none!important}@keyframes bh-indeterminate{0%{transform:translate(-100%)}to{transform:translate(385%)}}.bh-indeterminate-bar{will-change:transform;animation:1.2s ease-in-out infinite bh-indeterminate}@keyframes bh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-skeleton-overlay{z-index:20;background:#090a0f;flex-direction:column;animation:.2s pso-fade-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes pso-fade-in{0%{opacity:0}to{opacity:1}}.pso-nav{border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.pso-body{flex:1;padding:28px 24px 0;overflow:hidden}.pso-status{color:#ffffff61;border-top:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:7px;padding:10px 16px;font-size:11px;display:flex}.skeleton-block{background:#ffffff12;flex-shrink:0;animation:1.6s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton-block{opacity:.6;animation:none}.preview-skeleton-overlay{animation:none}}.lucide-spin{animation:1s linear infinite bh-spin}@media (prefers-reduced-motion:reduce){.bh-indeterminate-bar{opacity:.35;animation:none;width:100%!important}.lucide-spin{animation:none}}.segmented-tab:focus-visible,.viewport-pill-btn:focus-visible,.browser-action-btn:focus-visible,.deploy-menu-item:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent-light,#a8c7f6);outline-offset:2px}@media (width<=640px){.browser-chrome{scrollbar-width:none;overflow-x:auto}.browser-chrome::-webkit-scrollbar{display:none}.workspace-panel-container{max-width:100vw;overflow-x:hidden}}.minimum-hit-target{justify-content:center;min-width:28px;min-height:28px}.panel-resize-handle:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.message-actions{opacity:0;pointer-events:none}.message-content:hover .message-actions,.message-content:focus-within .message-actions{opacity:1;pointer-events:auto}@media (hover:none){.message-actions{opacity:1;pointer-events:auto}}.chat-edit-notice{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.chat-edit-cancel-button{appearance:none;color:#fecaca;cursor:pointer;background:#ef444429;border:1px solid #ef444473;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1;transition:background .12s,border-color .12s,color .12s}.chat-edit-cancel-button:hover{color:#fee2e2;background:#ef44443d;border-color:#f8717199}.chat-edit-cancel-button:focus-visible{outline-offset:2px;outline:2px solid #f87171b3}.thinking-indicator-card{background:var(--bg-card);width:fit-content;box-shadow:none;color:var(--text-primary);border:1px solid #2dd4bf47;border-radius:12px;align-items:center;gap:12px;margin-top:8px;padding:11px 15px;font-size:14px;font-weight:500;display:flex}.thinking-indicator-icon{background:var(--accent-gradient);width:28px;height:28px;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.thinking-indicator-text{letter-spacing:.01em;color:#ecfeff;font-weight:500}.thinking-indicator-time{color:#2dd4bfe6;font-family:var(--font-mono);background:#0d948833;border:1px solid #2dd4bf4d;border-radius:999px;margin-left:4px;padding:2px 6px;font-size:11px}.composer-label{color:var(--text-secondary);font-size:13px;font-weight:500}.landing-project-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:16px;min-width:0;padding:0;display:flex}.landing-tool-btn:disabled{opacity:.45;cursor:not-allowed}.chat-message{overflow-wrap:anywhere;min-width:0}.chat-input-wrapper{min-width:0}.chat-input-wrapper button,.top-nav button,.workspace-toolbar button,.workspace-panel-container .icon-btn,.workspace-panel-container .segmented-tab{min-height:32px}.chat-input-wrapper .icon-btn{min-width:32px}.runtime-notice{background:var(--bg-card);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;font-size:12px;line-height:1.5;display:flex}.runtime-notice p{flex:1;min-width:180px;margin:0}.runtime-notice button{border:1px solid var(--border-medium);background:var(--bg-surface);min-height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 10px}.runtime-notice strong{color:var(--text-primary)}@media (width<=768px){.top-nav button,.chat-input-wrapper button,.workspace-toolbar button,.workspace-panel-container .icon-btn,.workspace-panel-container .segmented-tab,.runtime-notice button{min-height:44px}.chat-input-wrapper .icon-btn{min-width:44px}.chat-input-wrapper textarea{font-size:16px!important}.chat-input-wrapper [data-testid=model-status-pill]{display:none!important}.top-nav .segmented-control{min-height:44px}.workspace-toolbar{flex-wrap:wrap;gap:6px!important;padding:6px 12px!important}}.studio-advanced-toggle{min-height:36px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;display:inline-flex}.studio-advanced-toggle:hover{background:var(--bg-card);color:var(--text-primary)}.studio-advanced-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.studio-composer-model{color:var(--text-primary);cursor:pointer;font:inherit;white-space:nowrap;text-overflow:ellipsis;background:#243c4b0f;border:1px solid #243c4b1f;border-radius:7px;align-items:center;gap:5px;max-width:198px;padding:4px 9px;font-size:11.5px;font-weight:500;display:inline-flex;overflow:hidden}.studio-composer-model[aria-expanded=true]{background:var(--color-ai-bg);border-color:var(--border-accent);color:var(--accent-light)}.studio-composer-model:hover{border-color:var(--border-accent)}:root[data-theme=light]{--bg-canvas:#f8fafc;--bg-sidebar:#f1f5f9;--bg-topnav:#fff;--bg-chat-panel:#f8fafc;--bg-workspace:#f1f5f9;--bg-file-explorer:#f1f5f9;--bg-code-editor:#fff;--bg-preview-canvas:#fff;--bg-surface:#f8fafc;--bg-surface-hover:#e2e8f0;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-hover:#e2e8f0;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-strong:#94a3b8;--scrollbar-thumb:#00000047;--scrollbar-thumb-hover:#00000073;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--macos-bg-window:#f8fafc;--macos-bg-sidebar:#f1f5f9;--macos-bg-toolbar:#fff;--macos-bg-panel:#f8fafc;--color-success:#055035;--color-success-bg:#dcfce7;--color-success-border:#86efac;--color-warning:#78350f;--color-warning-bg:#fef3c7;--color-warning-border:#fde047;--color-error:#7f1d1d;--color-error-bg:#fee2e2;--color-error-border:#fca5a5;--color-info:#0c4a6e;--color-info-bg:#e0f2fe;--color-info-border:#7dd3fc}@font-face{font-family:Bricolage Studio;src:url(/fonts/bricolage-grotesque.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Instrument Studio;src:url(/fonts/instrument-sans.woff)format("woff");font-weight:400 500;font-display:swap}@font-face{font-family:Instrument Studio;src:url(/fonts/instrument-sans-bold.woff)format("woff");font-weight:600 800;font-display:swap}@font-face{font-family:DM Studio Mono;src:url(/fonts/dm-mono.woff)format("woff");font-weight:400;font-display:swap}.studio-workspace{--header-height:50px;font-family:var(--font-sans);color:var(--text-primary);color-scheme:inherit}.studio-workspace button,.studio-workspace input,.studio-workspace textarea{font-family:inherit}.studio-workspace button{-webkit-tap-highlight-color:transparent}.studio-workspace button:not(:disabled){cursor:pointer}.studio-workspace :is(button,input,textarea,[tabindex],a):focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}.studio-workspace ::selection{color:var(--text-primary);background:var(--bg-surface-hover)}.studio-workspace ::-webkit-scrollbar{width:6px;height:6px}.studio-workspace ::-webkit-scrollbar-track{background:0 0}.studio-workspace ::-webkit-scrollbar-thumb{background:var(--border-medium);border:1px solid #0000;border-radius:8px}.studio-workspace *{scrollbar-color:var(--border-medium) transparent;scrollbar-width:thin}.studio-workspace .main-content{background:var(--bg-canvas)}.studio-workspace .top-nav{height:var(--header-height);min-height:var(--header-height);z-index:100;background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:0;padding:0 12px;display:flex}.studio-workspace .top-nav-workspace{gap:8px;padding:0 10px}.studio-workspace .top-nav-left-cluster{flex-shrink:0;align-items:center;gap:4px;min-width:0;display:flex}.top-nav-center-cluster{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.bolt-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;align-items:center;gap:0;padding:2px;display:flex}.bolt-tab{height:28px;color:var(--text-muted);white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:400;transition:background .1s,color .1s;display:flex}.bolt-tab:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.bolt-tab.active{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-subtle);font-weight:500;box-shadow:0 1px 2px #0000000f}.bolt-tab svg{flex-shrink:0}.bolt-preview-icon-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;align-items:center;gap:0;padding:2px;display:flex}.bolt-icon-btn{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;place-items:center;transition:background .1s,color .1s;display:grid}.bolt-icon-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface-hover)}.bolt-icon-btn:disabled{opacity:.45;cursor:not-allowed}.bolt-icon-btn.active{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.bolt-icon-btn--labeled{width:auto;height:28px;font-size:12px;font-weight:500;font-family:var(--font-sans);box-sizing:border-box;align-items:center;gap:4px;padding:0 8px;display:flex}.bolt-tools-sep{background:var(--border-subtle);flex-shrink:0;width:1px;height:16px;margin:0 1px}.studio-workspace .top-nav-right-cluster{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.bolt-publish-btn{border:1px solid var(--border-medium);background:var(--bg-surface);height:32px;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:not-allowed;opacity:.6;white-space:nowrap;box-sizing:border-box;border-radius:8px;align-items:center;gap:6px;padding:0 14px;display:flex}.bolt-publish-btn.ready{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--brand-on-solid,#fff);cursor:pointer;opacity:1;box-shadow:0 1px 4px color-mix(in srgb, var(--brand-solid) 35%, transparent);transition:background .12s,box-shadow .12s}.bolt-publish-btn.ready:hover{background:var(--brand-solid-hover);box-shadow:0 3px 10px color-mix(in srgb, var(--brand-solid) 35%, transparent)}.live-url-badge{box-sizing:border-box;background:#22c55e14;border:1px solid #22c55e40;border-radius:8px;align-items:center;gap:0;max-width:220px;height:32px;display:flex;overflow:hidden}.live-url-badge-link{color:#22c55e;white-space:nowrap;align-items:center;gap:5px;min-width:0;height:100%;padding:0 8px 0 10px;font-size:11.5px;font-weight:500;text-decoration:none;transition:background .12s;display:flex;overflow:hidden}.live-url-badge-link:hover{background:#22c55e1a}.live-url-badge-link span{text-overflow:ellipsis;min-width:0;overflow:hidden}.live-url-badge-arrow{opacity:.65;flex-shrink:0}.live-url-badge-copy{color:#22c55e;cursor:pointer;background:0 0;border:none;border-left:1px solid #22c55e33;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:100%;padding:0;transition:background .12s;display:flex}.live-url-badge-copy:hover{background:#22c55e1a}.top-nav-workspace .studio-account-trigger{background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;gap:6px!important;height:28px!important;min-height:28px!important;padding:0 8px!important;transition:background .1s,border-color .1s!important}.top-nav-workspace .studio-account-trigger:hover{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important}.top-nav-workspace .studio-account-name{display:none}.top-nav-workspace .top-nav-new-project-btn{width:28px;min-width:28px;height:28px;border:0!important}.top-nav-workspace .studio-project-actions{background:0 0!important;border:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;display:inline-flex!important}.top-nav-workspace .studio-project-actions>button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;color:var(--text-secondary)!important;background:0 0!important;border:0!important;border-radius:6px!important;place-items:center!important;padding:0!important;display:grid!important}.top-nav-workspace .studio-project-actions>button:hover{color:var(--text-primary)!important;background:var(--bg-surface)!important}.preview-canvas-toolbar-minimal{background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;min-height:auto;padding:5px 12px;display:flex}.preview-zoom-select{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;padding:2px 6px;font-size:11px}.studio-workspace-brand{color:var(--text-primary);background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.studio-workspace-brand>span{letter-spacing:-.8px;font-size:19px;font-weight:600}.studio-nav-divider{background:var(--border-medium);flex-shrink:0;width:1px;height:18px;margin:0 4px;font-size:0}.studio-workspace .top-nav-project-tab{background:0 0;border:0;align-items:center;gap:2px;max-width:300px;display:flex}.studio-workspace .top-nav-project-name-button{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 7px;font-size:13px;font-weight:500;transition:background .12s;display:inline-flex;overflow:hidden;max-width:260px!important}.studio-workspace .top-nav-project-name-button:hover{background:var(--bg-surface)}.top-nav-rename-hint{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .12s}.studio-workspace .top-nav-project-name-button:hover .top-nav-rename-hint{opacity:1}.studio-close-project{width:28px;color:var(--text-muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.studio-close-project:hover{color:var(--text-primary);background:var(--bg-surface)}.studio-project-rename{align-items:center;gap:4px;display:flex}.studio-project-rename input{border:1px solid var(--border-medium);background:var(--bg-card);width:150px;min-width:0;color:var(--text-primary);border-radius:6px;padding:6px 8px;font-size:13px;font-weight:500}.studio-project-rename button{color:var(--color-success);background:0 0;border:0;border-radius:5px;padding:5px}.studio-workspace .top-nav-new-project-btn{width:28px;min-width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.studio-workspace .top-nav-new-project-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-topbar-status{background:0 0!important;border:0!important;gap:7px!important;font-size:12px!important}.studio-workspace .studio-account-trigger{min-height:32px;background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:8px!important;gap:7px!important;padding:4px 9px!important;transition:background .1s,border-color .1s!important}.studio-workspace .studio-account-trigger:hover{background:var(--bg-surface-hover)!important;border-color:var(--border-medium)!important}.studio-account-avatar{background:var(--brand-solid);width:22px;height:22px;color:var(--brand-on-solid,#fff);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.studio-workspace .top-nav-user-menu{z-index:100;background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-overlay)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.studio-workspace .deploy-menu-item{color:var(--text-secondary);border-radius:5px;padding:10px 11px;font-size:12px}.studio-workspace .deploy-menu-item:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-workspace .deploy-menu-divider{border-color:var(--border-subtle);background:var(--border-subtle)}.studio-workspace .workspace-area{box-sizing:border-box;background:var(--bg-canvas);flex:1;gap:0;height:100%;min-height:0;max-height:100dvh;padding:12px;display:flex;overflow:hidden}.studio-workspace .chat-panel-container{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-panel);box-sizing:border-box;border-radius:12px;height:100%;transition:none;overflow:hidden}.studio-workspace .workspace-panel-container{border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);box-sizing:border-box;border-radius:12px;height:100%;overflow:hidden}.studio-workspace .panel-resize-handle{opacity:1;width:14px;min-width:14px;color:var(--text-secondary);cursor:col-resize;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.studio-workspace .panel-resize-handle:before{display:none}.studio-workspace .panel-resize-handle>svg{box-sizing:content-box;border:1px solid var(--border-medium);background:var(--bg-surface);opacity:.85;color:var(--text-secondary);border-radius:6px;flex:none;padding:10px 1px}.studio-workspace .panel-resize-handle:hover>svg,.studio-workspace .panel-resize-handle:focus-visible>svg{border-color:var(--accent-primary);background:var(--bg-surface-hover);opacity:1;color:var(--text-primary)}.studio-workspace .panel-resize-handle:hover:before,.studio-workspace .panel-resize-handle.active:before{background:var(--accent-light)}.studio-agent-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:11px 16px;display:flex}.studio-agent-identity{align-items:center;gap:10px;display:flex}.studio-agent-mark{width:30px;height:30px;color:var(--accent-light);background:var(--studio-wash);border-radius:8px;place-items:center;display:grid}.studio-agent-identity h1{font-size:14px;font-family:var(--font-sans);letter-spacing:-.2px;margin:0 0 3px;font-weight:600;line-height:1}.studio-agent-identity p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.2}.studio-agent-header [data-testid=model-status-pill]{gap:6px!important;font-size:12px!important}.studio-message-stream{min-height:0;gap:24px!important;padding:20px 18px!important}.studio-agent-welcome{padding:12px 3px 10px}.studio-eyebrow-label{letter-spacing:1.2px;color:var(--text-muted);font-size:12px}.studio-agent-welcome h2{font-family:var(--font-brand);letter-spacing:-1px;margin:13px 0 14px;font-size:30px;font-weight:400;line-height:1.2}.studio-agent-welcome p{color:var(--text-muted);max-width:295px;margin:0;font-size:13px;line-height:1.75}.studio-workspace .chat-message{gap:10px!important}.studio-message-avatar{justify-content:center;align-items:center;display:flex;background:#3659d914!important;border:1px solid #3659d940!important;border-radius:8px!important;width:28px!important;height:28px!important}.studio-message-avatar svg{width:16px;height:16px;color:var(--accent-primary)}.studio-message-meta{align-items:center;gap:8px;width:100%;min-height:32px;display:flex;color:var(--text-muted)!important;font-size:12px!important}.studio-message-meta time{color:var(--text-secondary);margin-left:auto;font-size:12px}.studio-message-meta button{min-width:36px;min-height:36px}.studio-message-author{color:var(--text-primary);margin-right:auto;font-size:12px;font-weight:500}.studio-workspace .chat-message-user .message-content{border:1px solid var(--border-subtle)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border-radius:12px!important;padding:13px 15px!important;font-size:14px!important;line-height:1.7!important}.studio-workspace .ai-message{font-size:14px!important;line-height:1.7!important}.studio-workspace .message-actions{background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-subtle)!important}.studio-workspace .message-actions button{min-width:36px;min-height:36px}.studio-workspace .file-change-summary-bar{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success);box-shadow:none;border-radius:7px;font-size:12px}.studio-workspace .thinking-indicator-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:none}.studio-workspace .thinking-indicator-icon{background:var(--bg-surface-hover);color:var(--text-primary);box-shadow:none}.studio-workspace .thinking-indicator-icon svg{color:var(--text-primary)}.studio-workspace .thinking-indicator-text{color:var(--text-secondary);-webkit-text-fill-color:currentColor;background:0 0;font-size:12px;animation:none}.studio-workspace .thinking-indicator-time{background:var(--bg-card);border-color:var(--border-subtle);color:var(--text-muted)}.studio-workspace .quick-template-card{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);text-align:left;border-radius:12px;padding:15px 16px;transition:background .15s,border-color .15s}.studio-workspace .quick-template-card:hover{background:var(--bg-surface);border-color:var(--border-medium);transform:none}.studio-workspace .quick-template-card span{line-height:1.7}.studio-workspace .starter-visual-card{border-radius:10px;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.studio-workspace .starter-visual-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.studio-workspace .starter-visual-card:hover .template-arrow{opacity:1!important}.studio-composer-area{padding:8px 14px 10px!important}.studio-workspace .chat-input-wrapper{transition:border-color .18s,box-shadow .18s;border:1px solid var(--border-medium)!important;background:var(--bg-card)!important;border-radius:12px!important;padding:12px 13px 10px!important;box-shadow:0 3px 12px #243c4b04!important}.studio-workspace .chat-input-wrapper:focus-within{border-color:var(--accent-light)!important;box-shadow:0 0 0 3px var(--focus-ring)!important}.studio-workspace .chat-input{min-height:72px!important;color:var(--text-primary)!important;font-size:15px!important;line-height:1.7!important}.studio-workspace .chat-input::placeholder{color:var(--text-secondary);opacity:1}.studio-composer-toolbar{border-top:1px solid var(--border-subtle);gap:8px;padding-top:10px!important}.studio-workspace [data-testid=model-picker-btn]{min-height:30px;background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;color:var(--text-secondary)!important;max-width:205px!important;padding:5px 8px!important;font-size:12px!important;transition:border-color .14s!important}.studio-workspace [data-testid=model-picker-btn]:disabled{opacity:.65!important;cursor:not-allowed!important;border-color:var(--border-subtle)!important}.studio-model-caption{color:var(--text-muted);font-weight:500;font-size:11.5px!important}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:34px;min-height:34px;box-shadow:none!important;color:var(--text-on-accent)!important;background:var(--accent-primary)!important;border-radius:7px!important;transition:transform .14s!important}.studio-workspace [data-testid=send-prompt-btn]:disabled{background:var(--bg-surface)!important;border-color:var(--bg-surface)!important;color:var(--text-muted)!important}.studio-composer-caption{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin:6px 3px 0;font-size:12px;display:flex}.studio-model-picker{background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-overlay)!important;border-radius:9px!important;width:min(310px,100% - 24px)!important}.studio-model-picker [role=option]{border-radius:6px;min-height:47px;color:var(--text-primary)!important;border:1px solid #0000!important;font-size:12px!important}.studio-model-picker [role=option][aria-selected=true]{background:var(--bg-surface)!important;border-color:var(--border-medium)!important}.studio-model-picker [role=option]:hover{background:var(--bg-surface)!important}.studio-model-picker [role=option]>span>span:last-child{color:var(--text-muted)!important}.studio-workspace .workspace-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 14px;display:flex;position:relative}.studio-workspace-tabs{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:10px;align-items:center;gap:3px;padding:3px;display:flex}.studio-workspace-tabs button{min-height:31px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:6px 11px;font-size:12px;display:flex}.studio-workspace-tabs button.active{color:var(--text-primary);border-color:var(--border-subtle);background:var(--bg-card);box-shadow:0 1px 3px #243c4b05}.studio-workspace-actions{align-items:center;gap:7px;display:flex}.studio-workspace-actions>button,.studio-workspace-actions>div>button{min-height:34px;font-family:var(--font-sans);background:var(--bg-card)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;border-radius:6px!important;padding:7px 10px!important;font-size:12px!important}.studio-workspace .studio-publish-button:not(:disabled){color:var(--text-on-accent)!important;background:var(--accent-primary)!important;border-color:var(--accent-primary)!important}.studio-workspace .studio-publish-button:disabled{background:var(--bg-surface)!important;color:var(--text-muted)!important}.studio-workspace-actions>div>div:last-child{box-shadow:var(--shadow-overlay)!important}.studio-workspace-actions>.studio-share-button{border-color:var(--control-border)!important;background:0 0!important}.studio-model-caption{color:var(--text-muted);font-size:10px}.studio-tool-summary{border:1px solid var(--border-medium);width:100%;min-width:0;color:var(--text-secondary);background:var(--bg-surface);border-radius:8px;font-size:13px}.studio-tool-summary summary,.studio-build-progress summary{cursor:pointer;align-items:center;gap:9px;padding:12px;list-style:none;display:flex}.studio-tool-summary summary::-webkit-details-marker{display:none}.studio-build-progress summary::-webkit-details-marker{display:none}.studio-tool-summary summary>svg:last-child,.studio-build-progress summary>svg:last-child{margin-left:auto}.studio-tool-summary[open] summary>svg:last-child,.studio-build-progress[open] summary>svg:last-child{transform:rotate(180deg)}.studio-tool-summary ul{color:var(--text-muted);margin:0;padding:0 18px 12px 40px}.studio-tool-summary li+li{margin-top:5px}.studio-workspace :is(.studio-tool-summary,.studio-build-progress) summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:6px}.studio-build-progress{border:1px solid var(--border-medium);text-align:left;background:var(--bg-card);width:min(100%,460px);color:var(--text-primary);border-radius:8px;flex-shrink:0;margin-top:22px;font-size:13px}.studio-build-progress.compact{border-width:0 0 1px;border-radius:0;width:auto;margin:0}.studio-build-progress summary{min-height:44px;padding-block:9px}.studio-build-progress summary small{color:var(--text-muted);margin-left:auto;font-size:11px}.studio-build-progress summary>svg:last-child{margin-left:0}.studio-build-progress ul{max-height:156px;margin:0;padding:0 12px 10px;list-style:none;overflow:auto}.studio-build-progress li{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;min-height:31px;font-size:12px;display:flex}.studio-build-progress li svg{color:var(--accent-primary);flex:none}.studio-build-progress li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-build-progress li>small{white-space:nowrap;color:var(--text-muted);margin-left:auto;font-size:11px}.studio-preview-empty:has(.studio-build-progress){justify-content:flex-start;padding:24px;overflow-y:auto}.studio-preview-empty:has(.studio-build-progress) .studio-empty-window{display:none}.studio-preview-empty:has(.studio-build-progress) h2{margin:12px 0;font-size:28px}.studio-preview-empty:has(.studio-build-progress) .studio-preview-empty-note{margin-top:14px}.bh-gen-progress{flex-direction:column;flex-shrink:0;width:100%;display:flex}.bh-gen-progress-rail{background:#243c4b12;flex-shrink:0;width:100%;height:2px;position:relative;overflow:hidden}.bh-gen-progress-fill{background:var(--accent-primary);height:100%;transition:width .4s}.bh-gen-indeterminate{background:var(--accent-primary);width:35%;height:100%;position:absolute;inset:0}.bh-gen-progress-strip{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;height:32px;padding:0 12px;font-size:11.5px;display:flex;overflow:hidden}.bh-gen-progress-label{color:var(--text-secondary);flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.bh-gen-filename{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);font-size:11px;overflow:hidden}@keyframes bh-gen-slide-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bh-gen-filename-anim{animation:.15s bh-gen-slide-in}.bh-gen-progress-flash{color:var(--color-success,#22c55e);flex-shrink:0;align-items:center;gap:8px;display:flex}.bh-gen-flash-item{font-family:var(--font-mono);white-space:nowrap;opacity:.85;align-items:center;gap:3px;font-size:10.5px;animation:.15s bh-gen-slide-in;display:flex}.bh-gen-progress-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.studio-workspace .browser-chrome{background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);box-shadow:none;gap:9px!important;min-height:48px!important}.studio-workspace .browser-chrome-center{justify-content:flex-start!important}.studio-workspace .browser-url-pill{border:1px solid var(--border-subtle);max-width:100%;min-height:29px;color:var(--text-muted);background:var(--bg-card);font-family:var(--font-sans);box-shadow:none;border-radius:5px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.studio-workspace .browser-url-pill:before,.studio-workspace .browser-url-pill:after{display:none}.studio-preview-refresh,.studio-preview-popout{min-width:28px;min-height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.studio-preview-refresh:hover,.studio-preview-popout:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-workspace .viewport-segmented-control{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:none;border-radius:6px;padding:2px}.studio-workspace .viewport-pill-btn{color:var(--text-secondary);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;width:28px;min-width:28px;height:28px;min-height:28px;transition:background .1s,color .1s}.studio-workspace .viewport-pill-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.studio-workspace .viewport-pill-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-medium);box-shadow:none}.studio-workspace .viewport-frame-container{background:var(--bg-canvas);padding:20px}.studio-workspace .viewport-frame-container.desktop{padding:15px}.studio-workspace .viewport-device-chassis.desktop{border:1px solid var(--border-subtle)!important;border-radius:8px!important;box-shadow:0 5px 14px #243c4b06!important}.studio-workspace .viewport-device-chassis.tablet{border:1px solid var(--border-medium);border-radius:10px;box-shadow:0 8px 30px #243c4b15}.studio-workspace .viewport-device-chassis.mobile{border:5px solid var(--border-medium);outline:1px solid var(--border-medium);border-radius:25px;box-shadow:0 8px 30px #243c4b15}.studio-workspace .viewport-device-chassis iframe{background:#fff!important}.studio-workspace .browser-viewport-badge{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-subtle)}.studio-preview-empty{z-index:2;text-align:center;background:var(--bg-surface);flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex;position:absolute;inset:0}.studio-empty-window{background:var(--bg-card);border:1px solid var(--border-medium);width:170px;height:123px;color:var(--accent-light);border-radius:9px;margin-bottom:35px;transform:rotate(-4deg);box-shadow:0 10px 30px #243c4b06}.studio-empty-window>div{border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;height:23px;padding:0 9px;display:flex}.studio-empty-window i{background:var(--border-medium);border-radius:50%;width:4px;height:4px}.studio-empty-window>svg{margin:17px auto 6px;display:block}.studio-empty-window>span{letter-spacing:.2px;font-size:12px}.studio-preview-empty h2{letter-spacing:-1.1px;max-width:450px;margin:16px 0;font-size:clamp(25px,2.5vw,37px);font-weight:400;line-height:1.25}.studio-preview-empty>p{max-width:325px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.85}.studio-preview-empty-note{color:var(--accent-light);align-items:center;gap:7px;margin-top:24px;font-size:12px;display:flex}.studio-empty-chat-hint{color:var(--text-muted);align-items:center;gap:7px;margin-top:20px;font-size:13px;display:flex}.studio-empty-chat-hint svg{color:var(--accent-light);flex-shrink:0}.studio-workspace-footer{border-top:1px solid var(--border-subtle);background:var(--bg-topnav);min-height:35px;color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:0 15px;font-size:12px;display:flex}.studio-workspace-footer>span,.studio-workspace-footer>div,.studio-build-meta>span{align-items:center;gap:7px;display:flex}.studio-build-meta>span{border-right:1px solid var(--border-medium);padding-right:13px}.studio-workspace-footer>div{gap:13px}.studio-workspace-footer button{min-height:32px;color:var(--text-muted);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:12px;display:inline-flex}.studio-workspace-footer button[aria-pressed=true]{color:var(--accent-primary)}.studio-workspace .file-explorer-container{background:var(--bg-file-explorer);border-color:var(--border-subtle);flex-shrink:0;width:190px;min-width:145px}.studio-workspace .studio-files-heading{min-height:46px;font-family:var(--font-sans);text-transform:none!important;letter-spacing:0!important;padding:13px 14px!important;font-size:12px!important;font-weight:500!important}.studio-workspace .studio-files-heading>span{color:var(--text-muted)!important;background:var(--bg-canvas)!important}.studio-workspace .file-tree-item{min-height:34px;color:var(--text-muted);background:0 0;border-radius:5px;padding:9px 8px}.studio-workspace .file-tree-item.active{color:var(--accent-primary);background:var(--bg-surface-hover);box-shadow:none;border:0}.studio-workspace .file-tree-item:hover{background:var(--bg-surface)}.studio-workspace .file-tree-item>span{font-size:12px!important}.studio-workspace .file-tree-item svg{flex-shrink:0}.studio-workspace .studio-file-tabs{background:var(--bg-topnav)!important;gap:0!important;min-height:43px!important;padding:0 7px!important}.studio-file-tabs button{padding:13px 12px!important;font-size:12px!important}.studio-workspace .studio-code-toolbar{border-bottom:1px solid var(--border-subtle);min-height:42px;background:var(--bg-card)!important;gap:6px!important;padding:7px 12px!important}.studio-code-toolbar>div:first-child>span:first-child{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;color:var(--text-muted)!important;padding:3px 6px!important;font-size:12px!important}.studio-code-toolbar>div:first-child>span:last-child{font-size:12px}.studio-workspace .code-artifact-card,.studio-workspace .diff-edit-artifact-card{background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:8px!important;margin:8px 0!important;box-shadow:0 2px 4px #243c4b03!important}.studio-workspace .studio-artifact-header{flex-wrap:wrap;background:var(--bg-surface)!important;row-gap:9px!important;padding:10px!important}.studio-artifact-identity{flex:150px!important}.studio-artifact-identity>div:last-child>span:last-child{white-space:normal;line-height:1.5}.studio-artifact-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto}.studio-workspace .code-artifact-card button{color:var(--text-secondary)}.studio-workspace .code-artifact-card button:hover{background:var(--bg-surface)!important}.studio-workspace .token.comment,.studio-workspace .token.prolog,.studio-workspace .token.punctuation{color:var(--text-muted)}.studio-workspace .token.tag,.studio-workspace .token.keyword{color:var(--color-code-violet)}.studio-workspace .token.attr-name,.studio-workspace .token.function{color:var(--accent-light)}.studio-workspace .token.string,.studio-workspace .token.attr-value{color:var(--color-success)}.studio-workspace .token.number,.studio-workspace .token.boolean{color:var(--color-warning)}.studio-workspace .token.operator{color:var(--text-muted);background:0 0}.studio-workspace .hover-bright:hover{filter:none;background:var(--bg-surface)}.studio-workspace .button-primary{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:none}.studio-workspace .button-secondary,.studio-workspace .button-ghost,.studio-workspace .btn-secondary{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-strong);box-shadow:none}.studio-workspace .button-secondary:disabled,.studio-workspace .button-ghost:disabled,.studio-workspace .btn-secondary:disabled,.studio-workspace-actions>button:disabled,.studio-workspace-actions>div>button:disabled{opacity:1;color:var(--text-muted)!important;border-color:var(--border-subtle)!important;background:var(--bg-surface)!important}.studio-workspace [role=dialog]{color:var(--text-primary)}.studio-workspace [role=dialog] h3{font-family:var(--font-brand);font-weight:400!important}.studio-workspace [role=dialog] input:not([type=checkbox]){background:var(--bg-surface)!important;border:1px solid var(--border-medium)!important;color:var(--text-primary)!important}.studio-workspace [role=dialog] input:focus-visible{outline:2px solid var(--accent-light)!important}.studio-workspace .runtime-notice{background:var(--bg-surface);font-size:12px}.studio-workspace .runtime-notice button{background:var(--bg-card);font-size:12px}@media (width<=1100px){.studio-workspace .top-nav{padding-left:18px;padding-right:18px}.studio-workspace .workspace-area{padding:10px}.studio-workspace .workspace-toolbar{flex-wrap:wrap;gap:9px;min-height:60px;padding:12px}.studio-workspace-actions{margin-left:auto}.studio-workspace .file-explorer-container{width:150px;min-width:120px}.studio-workspace .viewport-frame-container.desktop{padding:10px}.bolt-url-bar-group{max-width:260px}}@media (width<=900px){.bolt-url-bar-group,.bolt-tab span{display:none}.bolt-tab{padding:5px 8px}.bolt-action-btn span{display:none}.bolt-action-btn{padding:5px 8px}.bolt-publish-btn span{display:none}.bolt-publish-btn{padding:5px 8px}.top-nav-workspace .studio-account-name{display:none}.top-nav-workspace .studio-account-trigger{padding:4px 6px!important}}@media (width<=768px){.studio-workspace{--header-height:52px}.studio-workspace .top-nav{flex-wrap:wrap;align-content:center;gap:5px 10px;padding:8px 16px 5px}.studio-workspace-brand>span{font-size:18px}.studio-workspace-brand svg{width:23px}.studio-workspace .top-nav-left-cluster{gap:8px!important}.studio-nav-divider{margin:0;font-size:18px}.studio-workspace .top-nav-project-name-button{font-size:12px;max-width:min(28vw,180px)!important}.studio-workspace .studio-account-trigger{justify-content:center;width:37px;min-height:37px;padding:5px!important}.studio-account-trigger>svg,.studio-workspace .studio-close-project{display:none}.studio-workspace .studio-mobile-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);width:auto;min-height:43px;box-shadow:none;border-radius:7px;flex-shrink:0;justify-content:center;margin:9px 9px 0;display:flex;padding:3px!important}.studio-workspace .studio-mobile-tabs button{min-height:36px;color:var(--text-muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;padding:6px 10px!important}.studio-workspace .studio-mobile-tabs button.active{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-subtle)}.studio-workspace .workspace-area.is-mobile{height:auto;padding:9px}.studio-workspace .chat-panel-container,.studio-workspace .workspace-panel-container{border-radius:10px}.studio-agent-header{min-height:62px;padding:12px 16px}.studio-message-stream{padding:21px 16px!important}.studio-composer-area{padding:6px 12px 12px!important}.studio-workspace .chat-input{min-height:65px!important;font-size:16px!important}.studio-workspace .studio-composer-toolbar button{min-height:44px}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:44px;min-height:44px}.studio-workspace .studio-model-picker [role=option]{min-height:48px}.studio-workspace [data-testid=model-picker-btn]{max-width:205px!important}.studio-composer-caption{font-size:12px}.studio-composer-caption>span:last-child{display:none}.studio-workspace .workspace-toolbar{min-height:62px;gap:10px!important;padding:10px 12px!important}.studio-workspace .workspace-toolbar button{min-height:36px}.studio-workspace-tabs{gap:1px;padding:2px}.studio-workspace-tabs button{gap:5px;padding:5px 8px;font-size:12px}.studio-workspace-tabs svg{width:13px}.studio-workspace-actions{gap:5px}.studio-workspace-actions>button,.studio-workspace-actions>div>button{padding:7px 9px!important;font-size:12px!important}.studio-workspace .browser-chrome{min-height:45px!important}.studio-preview-refresh,.studio-preview-popout{min-width:30px;min-height:34px}.studio-workspace .viewport-pill-btn{min-width:30px;min-height:30px}.studio-workspace .file-explorer-container{width:145px;min-width:115px}.studio-workspace .studio-code-toolbar{padding:6px 9px!important}.studio-workspace .studio-code-toolbar>div:first-child>span:first-child{display:none}.studio-workspace .studio-code-toolbar>div:last-child{gap:0!important}.studio-code-toolbar button{min-height:30px!important;padding:5px 7px!important}.studio-workspace .studio-files-heading{padding:13px 10px!important}.studio-workspace .file-tree-item{padding:9px 5px}.studio-workspace .file-tree-item>span{font-size:12px!important}.studio-workspace-footer{min-height:39px}.studio-workspace-footer button{min-height:37px}.studio-preview-empty{padding:24px}.studio-preview-empty h2{font-size:30px}.studio-preview-empty>p{font-size:12px}}@media (width<=420px){.studio-workspace .top-nav{padding-left:12px;padding-right:12px}.studio-workspace-brand>span{display:none}.studio-workspace .top-nav-project-name-button{max-width:49vw!important}.studio-workspace .top-nav-new-project-btn{width:28px;min-width:28px;min-height:30px;display:grid!important}.studio-workspace .workspace-toolbar{flex-wrap:wrap}.studio-workspace-actions{flex:1;justify-content:flex-end}.studio-workspace-tabs button{padding:5px 6px}.studio-workspace-actions>button>span{display:none}.studio-workspace-actions>button{justify-content:center;min-width:34px}.studio-workspace [data-testid=model-picker-btn]{max-width:158px!important}.studio-workspace .file-explorer-container{width:115px;min-width:115px}.studio-workspace .file-explorer-container>div:last-child{padding:5px!important}.studio-workspace .file-explorer-container button{font-size:12px!important}.studio-workspace .file-tree-item{gap:4px}.studio-workspace .file-tree-item svg{width:12px}.studio-workspace .studio-code-toolbar>div:first-child{max-width:140px}.studio-workspace .studio-code-toolbar>div:last-child{justify-content:flex-end;width:100%}.studio-workspace .viewport-frame-container{padding:12px}.studio-workspace .viewport-device-chassis.mobile{max-width:100%}.studio-agent-welcome h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.studio-workspace *,.studio-workspace :before,.studio-workspace :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-workspace .segmented-tab.active svg{color:var(--accent-primary)}.studio-workspace .studio-mobile-tabs button{justify-content:center;transition:none}.studio-message-actions{white-space:normal;justify-content:flex-end;align-items:center;gap:4px;margin:0;display:flex}.studio-message-actions button,.studio-message-tool{min-width:30px;min-height:30px;color:var(--text-secondary);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:5px 7px;font-size:12px;display:inline-flex}.studio-message-actions button:hover,.studio-message-tool:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.studio-message-actions button{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle)}.studio-message-meta{flex-wrap:wrap;row-gap:4px}.studio-message-meta>span:not(.studio-message-author){font-size:11px}.studio-message-author{font-size:13px}.studio-workspace .studio-agent-identity h1{font-size:15px}.studio-agent-identity p{font-size:12px}.studio-agent-welcome p{font-size:15px;line-height:1.65}.studio-workspace .quick-template-card{width:100%}.studio-workspace .quick-template-card span{font-size:13px!important}.studio-workspace .quick-template-card>div>div>span{font-size:14px!important}.studio-workspace .workspace-toolbar button{font-size:13px!important}.studio-workspace-tabs button{min-height:36px}.studio-workspace .browser-url-pill{background:0 0;border:0;justify-content:flex-start;font-size:12px}.studio-workspace .browser-chrome{min-height:46px!important}.studio-workspace .browser-chrome button:disabled{opacity:.45;cursor:default}.studio-workspace .chat-input-wrapper{border-color:var(--control-border)!important;background:var(--bg-card)!important}.studio-workspace [data-testid=model-picker-btn]{min-height:36px;max-width:205px!important}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:38px;min-height:38px}.studio-composer-caption{gap:6px;margin-top:9px;font-size:11px}.studio-composer-caption>span:last-child{font-size:10px}.studio-response-error{background:var(--soft-error-bg);border:1px solid var(--soft-error-border);width:100%;color:var(--soft-error-text);border-radius:8px;padding:15px}.studio-response-error>div:first-child{align-items:center;gap:8px;display:flex}.studio-response-error strong{font-size:14px;font-weight:600}.studio-response-error p{color:var(--soft-error-text);margin:8px 0 0;font-size:13px;line-height:1.65}.studio-recovery-actions{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.studio-recovery-actions button{background:var(--bg-card);border:1px solid var(--soft-error-border);min-height:36px;color:var(--soft-error-text);border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:600;display:inline-flex}.studio-recovery-actions button:hover{background:var(--soft-error-bg)}.studio-resume-banner{background:var(--bg-card);border:1px solid var(--border-medium);border-left:3px solid var(--accent);border-radius:8px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0000000f}.studio-resume-banner-icon{background:var(--accent-soft,#3b82f61f);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-resume-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-resume-banner-text strong{color:var(--text-primary);font-size:13px;font-weight:600}.studio-resume-banner-text span{color:var(--text-secondary);font-size:12px;line-height:1.5}.studio-resume-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-resume-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.studio-resume-primary:hover{filter:brightness(1.08)}.studio-resume-dismiss{min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:500}.studio-resume-dismiss:hover{background:var(--bg-hover,#0000000d);color:var(--text-primary)}@media (width<=560px){.studio-resume-banner{flex-wrap:wrap}.studio-resume-banner-actions{width:100%}.studio-resume-primary{flex:1;justify-content:center;min-height:44px}}.studio-preview-empty{background:var(--studio-paper);padding:32px}.studio-empty-window{width:132px;height:98px;color:var(--accent-light);background:var(--bg-card);border-color:var(--border-medium);border-radius:14px;margin-bottom:24px;transform:none;box-shadow:0 6px 16px #19344706}.studio-empty-window>div{border-color:var(--border-subtle)}.studio-empty-window i{background:var(--control-border)}.studio-preview-empty .studio-eyebrow-label{letter-spacing:1.1px;font-size:10px}.studio-preview-empty h2{max-width:460px;font-family:var(--font-brand);margin:14px 0;font-size:clamp(28px,2.6vw,36px)}.studio-preview-empty>p{max-width:365px;font-size:15px;line-height:1.7}.studio-empty-action{background:var(--accent-primary);border:1px solid var(--accent-primary);min-height:44px;color:var(--text-on-accent);border-radius:6px;align-items:center;gap:9px;margin-top:24px;padding:11px 16px;font-size:14px;font-weight:500;display:inline-flex}.studio-empty-action:hover{background:var(--accent-light)}.studio-preview-empty.has-error .studio-empty-window{background:var(--soft-error-bg);border-color:var(--soft-error-border);color:var(--soft-error-text)}.studio-preview-empty.has-error .studio-eyebrow-label{color:var(--soft-error-text)}.premium-error-overlay{background:#fafafa}[data-theme=dark] .premium-error-overlay{background:#0e0e0e}.premium-error-icon-wrapper{color:#ef4444;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;position:relative}.premium-error-icon-bg{opacity:.8;background:#fee2e2;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-soft;position:absolute;inset:0}[data-theme=dark] .premium-error-icon-bg{background:#ef444426}@keyframes pulse-soft{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.premium-error-icon-wrapper svg{z-index:1;position:relative}.premium-eyebrow{letter-spacing:1.5px;font-weight:700;color:#ef4444!important}.premium-error-title{color:#111827;letter-spacing:-.5px!important;margin:12px 0 8px!important;font-size:28px!important;font-weight:600!important}[data-theme=dark] .premium-error-title{color:#f9fafb}.premium-error-desc{color:#6b7280!important;max-width:400px!important;margin-bottom:24px!important;font-size:15px!important}[data-theme=dark] .premium-error-desc{color:#9ca3af!important}.premium-action-btn{transition:all .2s;box-shadow:0 4px 12px #ef444440;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;border-radius:8px!important}.premium-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d;background:#dc2626!important}.premium-action-btn.secondary{box-shadow:none;color:#374151!important;background:#f3f4f6!important;border-color:#e5e7eb!important}[data-theme=dark] .premium-action-btn.secondary{color:#d1d5db!important;background:#1f2937!important;border-color:#374151!important}.premium-action-btn.secondary:hover{background:#e5e7eb!important}[data-theme=dark] .premium-action-btn.secondary:hover{background:#374151!important}.studio-workspace-footer{min-height:38px;font-size:12px}.studio-workspace-footer button{font-size:12px}@media (width<=1100px) and (width>=769px){.studio-composer-caption>span:last-child{display:none}.studio-workspace [data-testid=model-picker-btn]{max-width:165px!important}}@media (width<=768px){.studio-workspace .studio-mobile-tabs button{min-height:40px}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:44px;min-height:44px}.studio-message-actions button,.studio-message-tool{min-width:36px;min-height:36px}.studio-recovery-actions button{min-height:44px}.studio-workspace .workspace-toolbar button{min-height:40px}.studio-preview-empty{padding:22px}.studio-preview-empty h2{font-size:28px}.studio-preview-empty>p{font-size:14px}.studio-workspace .file-explorer-container{width:155px;min-width:135px}.studio-workspace .studio-code-toolbar button{min-height:36px!important}.studio-composer-caption{font-size:11px}}@media (width<=420px){.studio-workspace [data-testid=model-picker-btn]{max-width:162px!important;font-size:11px!important}.studio-workspace .workspace-toolbar{gap:6px!important;padding:9px!important}.studio-workspace-actions{gap:4px}.studio-workspace .workspace-toolbar button{padding-left:7px!important;padding-right:7px!important;font-size:12px!important}.studio-workspace .top-nav-new-project-btn{min-width:32px;min-height:36px}.studio-workspace .top-nav-project-name-button{font-size:12px}.studio-workspace .workspace-toolbar .studio-workspace-actions>button{min-width:36px}}@media (height<=650px){.studio-empty-window{display:none}.studio-preview-empty{padding:16px}.studio-preview-empty h2{font-size:26px}}.studio-copy-error{color:var(--soft-error-text);background:var(--soft-error-bg);border-radius:5px;margin:8px 0;padding:8px 10px;font-size:12px;line-height:1.5}.studio-workspace-brand>svg{color:var(--studio-blue)}.studio-workspace .studio-account-trigger{border-color:var(--border-subtle)!important;border-radius:10px!important}.studio-workspace .studio-publish-button,.studio-workspace [data-testid=send-prompt-btn]:not(:disabled),.studio-workspace [data-testid=stop-generation-btn],.studio-workspace .studio-empty-action{background:var(--brand-solid)!important;border-color:var(--brand-solid)!important;color:var(--brand-on-solid)!important;border-radius:9px!important}.studio-workspace .studio-publish-button:hover,.studio-workspace [data-testid=send-prompt-btn]:not(:disabled):hover,.studio-workspace .studio-empty-action:hover{background:var(--brand-solid-hover)!important}.studio-workspace .studio-share-button{border-color:var(--border-medium)!important;border-radius:9px!important}.studio-workspace .chat-input-wrapper{border-color:var(--border-medium)!important}.studio-workspace .chat-input-wrapper:focus-within{border-color:var(--studio-blue)!important}.studio-workspace [data-testid=model-picker-btn]{border-color:var(--border-subtle)!important;border-radius:8px!important}.studio-workspace .studio-agent-welcome{padding-top:24px}.studio-workspace .studio-agent-welcome .studio-eyebrow-label{color:var(--studio-blue);font-size:10px}.studio-workspace .studio-preview-empty h2{font-size:clamp(26px,2.3vw,32px)}.studio-workspace .studio-preview-empty>p{font-size:14px}@media (width<=768px){.studio-workspace .studio-preview-empty h2{font-size:28px}.studio-workspace .studio-agent-welcome{padding-top:8px}}.studio-agent-header-actions{align-items:center;gap:10px;display:flex}.studio-conversation-menu{width:30px;height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.studio-conversation-menu:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-workspace .studio-account-trigger{color:var(--text-secondary);align-items:center;gap:7px;display:flex}.studio-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.studio-workspace .studio-project-actions{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;background:0 0!important;border-color:#0000!important;padding:0!important}.studio-workspace .studio-project-actions:hover{border-radius:6px;background:var(--bg-surface)!important}.studio-workspace-tabs[data-mobile=true]{background:0 0;border:0;padding:0}.studio-mobile-workspace-label{color:var(--text-secondary);margin-right:8px;font-size:12px;font-weight:500}.studio-workspace .chat-message-user>.studio-message-avatar{display:none}.studio-workspace .chat-message-user>div:last-child{width:100%;max-width:100%!important}.studio-workspace .chat-message-ai>.studio-message-avatar{background:0 0!important;border:0!important;margin-top:5px!important}.studio-message-actions{flex:none}.studio-message-meta time{white-space:nowrap}.studio-model-picker-note{border-top:1px solid var(--border-subtle);color:var(--text-muted);margin:4px 5px 0;padding:8px 0 2px;font-size:11px}.studio-composer-toolbar{--composer-action-size:34px;grid-template-columns:minmax(0, 1fr) var(--composer-action-size);align-items:center;gap:8px;min-width:0;display:grid}.studio-composer-options{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.studio-composer-submit{justify-content:center;align-items:center;display:flex}.studio-workspace .studio-generation-button{width:var(--composer-action-size);height:var(--composer-action-size);min-width:var(--composer-action-size);min-height:var(--composer-action-size);flex:none;padding:0}.studio-workspace .studio-composer-options [data-testid=model-picker-btn]{min-width:0;max-width:min(205px,100%)!important}.studio-model-caption{flex:none}.studio-workspace-footer .studio-build-meta{flex:1}.studio-build-meta>span{border:0;margin-right:auto}.studio-workspace .studio-file-tabs button[aria-current=true]{color:var(--text-primary)}@media (width<=768px){.studio-composer-toolbar{--composer-action-size:44px}.studio-agent-header{padding:12px 14px}.studio-agent-header-actions{gap:6px}.studio-agent-identity h1{font-size:12px}.studio-agent-mark{width:30px;height:30px}.studio-workspace .workspace-toolbar{flex-wrap:nowrap;min-height:52px}.studio-workspace .studio-project-actions{width:32px;min-width:32px}.studio-composer-caption{font-size:10px}.studio-workspace .workspace-area.is-mobile{padding:6px}}@media (prefers-reduced-motion:reduce){.studio-workspace *,.studio-workspace :before,.studio-workspace :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar-viewport.viewport-segmented-control{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:none}.wc-preview-status{text-align:center;height:100%;min-height:300px;font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.wc-preview-status h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.wc-preview-status p{color:var(--text-muted);max-width:380px;margin:0;font-size:13px;line-height:1.5}.wc-preview-loading{background:var(--bg-canvas);color:var(--text-muted)}.wc-preview-loading svg{color:var(--accent-light)}.wc-preview-error{background:var(--bg-canvas)}.wc-preview-error svg{color:#ff6b6b}.wc-preview-unsupported{background:var(--bg-canvas)}.wc-preview-unsupported svg{color:var(--text-muted)}.wc-preview-actions{gap:8px;margin-top:8px;display:flex}.wc-preview-actions button{border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:background .1s;display:inline-flex}.wc-preview-actions button:hover{background:var(--bg-surface-hover)}.wc-preview-secondary{opacity:.8}.wc-preview-terminal-link{color:var(--accent-light);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-items:center;gap:5px;margin-top:6px;font-size:12px;text-decoration:underline;display:inline-flex}.wc-preview-hint{opacity:.7;font-size:12px!important}.builder-overlay{z-index:100;background:var(--bg-canvas);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:absolute;inset:0;overflow:hidden}.builder-overlay--revealing{opacity:0;visibility:hidden;pointer-events:none}.builder-overlay-bg{z-index:1;background:radial-gradient(circle,#3659d914 0%,#0000 60%);animation:8s ease-in-out infinite alternate pulse-bg;position:absolute;inset:-50%}@keyframes pulse-bg{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.builder-overlay-content{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:0 32px;display:flex;position:relative}.builder-overlay-icon{width:72px;height:72px;color:var(--accent-light);background:linear-gradient(135deg,#3659d91a,#7954a21a);border:1px solid #3659d933;border-radius:24px;justify-content:center;align-items:center;margin-bottom:24px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 32px #3659d91a}.builder-overlay-icon--done{color:#22c55e;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e33;transform:scale(1.05)}.builder-overlay-title{font-family:var(--font-brand);letter-spacing:-.5px;color:var(--text-primary);margin:0 0 12px;font-size:32px;font-weight:500}.builder-overlay-tip{color:var(--text-muted);min-height:48px;margin:0 0 40px;font-size:15px;line-height:1.6;animation:.5s ease-out fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.builder-overlay-progress-rail{background:var(--border-medium);border-radius:2px;width:100%;height:4px;margin-bottom:32px;position:relative;overflow:hidden}.builder-overlay-progress-fill{background:linear-gradient(90deg, var(--accent-light), var(--color-code-violet));border-radius:2px;height:100%;transition:width .3s ease-out}.builder-overlay-indeterminate{background:linear-gradient(90deg,#0000,#3659d980,#0000)}.builder-overlay-phases{text-align:left;flex-direction:column;gap:12px;width:100%;margin-bottom:32px;display:flex}.builder-phase{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:all .3s;animation:.4s ease-out backwards slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.builder-phase-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.builder-phase--active{background:var(--bg-card);color:var(--text-primary);border-color:#3659d94d;box-shadow:0 4px 12px #0000000d}.builder-phase--active .builder-phase-icon{color:var(--accent-light)}.builder-phase--done{opacity:1;background:var(--bg-surface);color:var(--text-primary);border-color:#22c55e40}.builder-phase--done .builder-phase-icon{color:#22c55e}.builder-overlay-elapsed{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:16px;font-size:13px;display:flex}.slash-cmd-menu{z-index:120;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}.slash-cmd-item{width:100%;min-height:42px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;transition:background 80ms;display:flex}.slash-cmd-item:hover,.slash-cmd-item.active{background:var(--bg-surface-hover)}.slash-cmd-icon{background:var(--bg-surface);width:28px;height:28px;color:var(--text-secondary);border-radius:7px;flex:none;place-items:center;display:grid}.slash-cmd-item.active .slash-cmd-icon{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary)}.slash-cmd-text{flex-direction:column;gap:1px;min-width:0;display:flex}.slash-cmd-label{color:var(--text-primary);font-size:12.5px;font-weight:600;font-family:var(--font-mono,monospace);letter-spacing:0}.slash-cmd-desc{color:var(--text-muted);font-size:11.5px}.follow-up-chip:hover{color:var(--accent-primary,#3659d9)!important;background:#3659d914!important;border-color:#3659d94d!important}.follow-up-chip:focus-visible{outline:2px solid var(--accent-primary,#3659d9);outline-offset:2px}.recent-prompt-btn:hover{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}.recent-prompt-btn:focus-visible{outline:2px solid var(--accent-primary,#3659d9);outline-offset:2px}.conflict-banner{border-bottom:1px solid var(--border-subtle);border-left:3px solid var(--border-medium);background:var(--bg-surface);align-items:flex-start;gap:10px;padding:10px 16px 12px;display:flex}.conflict-banner-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.conflict-banner-body{flex-direction:column;gap:3px;min-width:0;display:flex}.conflict-banner-title{color:var(--text-primary);margin:0;font-size:12.5px;font-weight:650}.conflict-banner-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.conflict-banner-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.conflict-btn{font:inherit;cursor:pointer;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600}.conflict-btn--primary{background:var(--accent-primary);color:var(--text-on-accent);border:none}.conflict-btn--primary:hover{opacity:.88}.conflict-btn--secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle)}.conflict-btn--secondary:hover{border-color:var(--border-medium);color:var(--text-primary)}.activity-panel{background:var(--bg-surface);width:100%;height:100%;color:var(--text-primary);flex-direction:column;min-width:0;display:flex}.activity-panel-header{background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.activity-panel-clear{color:var(--text-muted);font:11px var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 9px}.activity-panel-clear:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.activity-panel-body{flex-direction:column;flex:1;gap:2px;min-height:0;padding:10px 14px;display:flex;overflow-y:auto}.activity-panel-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:32px 20px;font-size:12px;display:flex}.activity-log-row{border-radius:6px;align-items:baseline;gap:8px;padding:5px 6px;font-size:12px;line-height:1.5;display:flex}.activity-log-row:hover{background:var(--bg-surface-hover)}.activity-log-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.activity-log-row--success .activity-log-dot{background:var(--color-success)}.activity-log-row--error .activity-log-dot{background:var(--color-error)}.activity-log-row--warn .activity-log-dot{background:var(--color-warning)}.activity-log-row--info .activity-log-dot,.activity-log-row--log .activity-log-dot{background:var(--color-info)}.activity-log-text{word-break:break-word;min-width:0;color:var(--text-primary);flex:1}.activity-log-row--error .activity-log-text{color:var(--color-error)}.activity-log-row--success .activity-log-text{color:var(--color-success)}.activity-log-row--warn .activity-log-text{color:var(--color-warning)}.activity-log-time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px}.preview-health-strip--compact{min-height:30px;padding:5px 12px;font-size:11.5px}.preview-health-strip--compact .preview-health-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);flex:1;overflow:hidden}.preview-health-strip--compact button{min-height:26px;padding:3px 8px;font-size:11px}.preview-health-dot{background:var(--color-success);width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-success) 20%, transparent);border-radius:50%;flex-shrink:0;margin-top:1px}.landing-container{--desk-shadow:0 3px 6px #23355304, 0 22px 64px #2335530b;--closing-background:#1b1b1e;--closing-ink:#f5f4f0;--closing-muted:#b9b7ae;--shot-shadow:0 2px 6px #101c300f, 0 32px 90px #101c3026, 0 90px 180px #101c3014;--frame-bar:#f1f3f8;--step-num:#10141814}:root[data-theme=dark] .landing-container{--desk-shadow:0 2px 3px #00000020, 0 24px 70px #00000038;--closing-background:#232326;--closing-ink:#f2f1ec;--closing-muted:#a8a6a0;--shot-shadow:0 2px 6px #00000040, 0 32px 90px #00000059, 0 90px 180px #00000038;--frame-bar:#232323;--step-num:#ffffff17}.landing-container{background:var(--studio-paper);width:100%;min-height:100vh;color:var(--studio-ink);font:15px var(--font-sans);-webkit-font-smoothing:antialiased}.landing-container *{box-sizing:border-box}.landing-container :is(button,input,textarea){font-family:inherit}.landing-container button{cursor:pointer}.landing-container a{color:inherit;text-decoration:none}.landing-container :is(button,a){-webkit-tap-highlight-color:transparent}.landing-container :is(button,a,summary,input,[tabindex]):focus-visible{outline:2px solid var(--studio-blue);outline-offset:4px}.landing-container :is(section[id],form[id]){scroll-margin-top:84px}.studio-skip-link{z-index:100;clip-path:inset(50%);background:var(--brand-solid);border-radius:8px;padding:12px 20px;position:fixed;top:8px;left:16px;transform:translateY(-150%);color:var(--brand-on-solid)!important}.studio-skip-link:focus{clip-path:none;transform:translateY(0)}.site-navbar,.landing-header{--site-nav-h:68px;max-width:1280px;min-height:var(--site-nav-h);border-bottom:1px solid var(--border-subtle);z-index:120;background:color-mix(in srgb, var(--studio-paper) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:0 32px;transition:min-height .2s,background .2s;display:flex;position:sticky;top:0}.site-navbar.site-navbar-condensed{--site-nav-h:54px;background:color-mix(in srgb, var(--studio-paper) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);box-shadow:0 6px 24px #00000014}.site-navbar-right,.landing-header-left,.landing-header-right,.landing-auth-buttons{align-items:center;gap:14px;min-width:0;display:flex}.site-brand,.landing-brand-group{color:var(--studio-ink);background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;display:flex}.site-brand-logo,.landing-brand-logo{color:var(--studio-blue);place-items:center;display:grid}.site-brand-text,.landing-brand-text{letter-spacing:-.8px;font-size:20px;font-weight:650}.site-nav,.studio-navigation{color:var(--studio-muted);gap:2px;font-size:13px;font-weight:500;display:flex}.site-nav a,.studio-navigation a{border-radius:999px;padding:7px 13px;transition:color .15s,background .15s}.site-nav a:hover,.studio-navigation a:hover{color:var(--studio-ink);background:var(--bg-surface-hover)}.landing-signin-btn{min-height:44px;color:var(--studio-ink);background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:500}.landing-mobile-menu-btn{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--studio-ink);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:none}.landing-mobile-nav{top:var(--site-nav-h,68px);z-index:200;background:var(--studio-paper);border-bottom:1px solid var(--border-subtle);position:fixed;left:0;right:0;box-shadow:0 8px 24px #0000002e}.landing-mobile-nav nav{flex-direction:column;gap:0;padding:8px 20px 16px;display:flex}.landing-mobile-nav nav a{color:var(--studio-ink);border-bottom:1px solid var(--border-subtle);padding:14px 0;font-size:15px;font-weight:500;transition:color .15s;display:block}.landing-mobile-nav nav a:last-child{border-bottom:none}.landing-mobile-nav nav a:hover{color:var(--studio-blue)}.landing-get-started-btn{background:var(--brand-solid);min-height:44px;color:var(--brand-on-solid);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:13px;padding:10px 17px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.landing-container a.landing-get-started-btn{color:var(--brand-on-solid)}.landing-get-started-btn:hover{background:var(--brand-solid-hover);box-shadow:0 3px 10px var(--focus-ring)}.landing-main-content{max-width:1200px;margin:0 auto}.landing-user-menu-anchor{position:relative}.landing-user-menu-trigger{border:1px solid var(--studio-line);background:var(--studio-white);min-height:40px;color:var(--studio-ink);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 3px;display:flex}.landing-user-avatar{background:var(--studio-wash);width:30px;height:30px;color:var(--studio-blue);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.landing-user-menu-email{text-overflow:ellipsis;max-width:140px;font-size:12px;overflow:hidden}.landing-user-menu-chevron{color:var(--studio-muted)}.landing-user-dropdown{z-index:30;border:1px solid var(--studio-line);background:var(--studio-white);min-width:190px;box-shadow:var(--shadow-overlay);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.landing-user-dropdown-info{padding:9px}.landing-user-dropdown-info .user-email{color:var(--studio-muted);overflow-wrap:anywhere;margin:0;font-size:12px}.landing-dropdown-divider{border:0;border-top:1px solid var(--studio-line);margin:5px 0}.landing-dropdown-item{width:100%;min-height:40px;color:var(--studio-ink);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:10px;font-size:13px;display:flex}.landing-dropdown-item:hover{background:var(--studio-wash)}.landing-project-breadcrumb{border:1px solid var(--studio-line);background:var(--studio-white);max-width:155px;color:var(--studio-muted);border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.landing-breadcrumb-dot{background:var(--studio-blue);border-radius:50%;flex:none;width:5px;height:5px}.landing-breadcrumb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-kicker{color:var(--studio-muted);letter-spacing:0;margin:0 0 14px;font-size:13px;font-weight:600}.landing-kicker-on-dark{color:var(--closing-muted)}.landing-container h2{font-family:var(--font-brand);letter-spacing:-1.1px;text-wrap:balance;margin:0;font-size:clamp(30px,3.6vw,42px);font-weight:400;line-height:1.15}.landing-section-intro{max-width:640px;margin-bottom:44px}.landing-section-lede{color:var(--studio-muted);text-wrap:pretty;margin:18px 0 0;font-size:15px;line-height:1.75}#examples,#how-it-works,#questions{scroll-margin-top:96px}.landing-container a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.landing-audience-line{text-align:center;max-width:640px;color:var(--studio-muted);text-wrap:pretty;margin:44px auto 0;font-size:14px;line-height:1.8}.landing-footer{border-top:1px solid var(--studio-line);max-width:1200px;margin:24px auto 0;padding:64px 0 96px}.landing-footer-grid{grid-template-columns:1.6fr repeat(4,1fr);gap:40px;display:grid}.landing-footer-brand-col{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.landing-footer-brand{letter-spacing:-.5px;width:fit-content;color:var(--studio-ink);align-items:center;gap:9px;font-size:18px;font-weight:650;text-decoration:none;display:inline-flex}.landing-footer-tagline{max-width:280px;color:var(--studio-muted);margin:0;font-size:13.5px;line-height:1.7}.landing-footer-col{flex-direction:column;gap:4px;display:flex}.landing-footer-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--studio-faint,var(--studio-muted));margin:0 0 10px;font-size:11px;font-weight:600}.landing-footer-link{width:fit-content;min-height:40px;color:var(--studio-muted);align-items:center;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.landing-footer-link:hover{color:var(--studio-blue)}.landing-footer-bottom{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:16px;margin-top:52px;padding-top:22px;display:flex}.landing-footer-copy{color:var(--studio-muted);font-size:12.5px}.landing-footer-legal{gap:4px;display:flex}.landing-footer-legal .landing-footer-link{border-radius:6px;min-height:0;padding:6px 10px;font-size:12.5px}.landing-footer-legal .landing-footer-link:hover{background:var(--bg-surface-hover)}.landing-container .modal-card{background:var(--studio-white);border-color:var(--studio-line);color:var(--studio-ink);border-radius:16px}.landing-container .modal-card .text-input{background:var(--studio-white);color:var(--studio-ink);border-color:var(--control-border);font-size:16px}.landing-container .button-primary{background:var(--brand-solid);color:var(--brand-on-solid);border-radius:8px}.landing-container .button-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-medium);border-radius:8px}@media (width<=1280px){.landing-main-content,.landing-footer{margin-left:40px;margin-right:40px}.landing-project-breadcrumb{display:none}}@media (width<=1000px){.site-navbar,.landing-header{padding:0 28px}.landing-main-content,.landing-footer{margin-left:28px;margin-right:28px}.site-navbar-right,.landing-header-right,.landing-auth-buttons{gap:12px}.site-nav,.studio-navigation{gap:0}.site-nav a,.studio-navigation a{padding:7px 10px}.landing-user-menu-email{display:none}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.landing-footer-brand-col{grid-column:1/-1}.landing-footer-tagline{max-width:420px}.landing-steps{grid-template-columns:1fr;gap:32px}.landing-included{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-included li:nth-child(3){border-left:0;padding-left:0}.landing-idea-row{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-faq-section{gap:40px}.landing-closing{padding:48px 40px}.landing-workflow{padding-bottom:80px}.landing-examples{padding:80px 0}}@media (width<=640px){.site-navbar,.landing-header{--site-nav-h:72px;min-height:var(--site-nav-h);gap:12px;padding:0 20px}.site-navbar-right,.landing-header-right,.landing-auth-buttons{gap:10px}.landing-main-content,.landing-footer{margin-left:20px;margin-right:20px}.site-nav,.studio-navigation{display:none}.landing-mobile-menu-btn{display:flex}.site-brand,.landing-brand-group{gap:7px}.site-brand-text,.landing-brand-text{font-size:20px}.site-brand-logo svg,.landing-brand-logo svg{width:25px;height:25px}.landing-signin-btn{display:none}.landing-get-started-btn{gap:7px;min-height:40px;padding:9px 12px;font-size:12px}.landing-get-started-btn svg,.landing-user-menu-email{display:none}.landing-container h2{letter-spacing:-.8px;font-size:30px}.landing-examples{padding:72px 0}.landing-workflow{padding-bottom:72px}.landing-included{grid-template-columns:1fr}.landing-included li{padding:14px 0}.landing-included li+li{border-left:0;border-top:1px solid var(--border-subtle);padding-left:0}.landing-idea-row{grid-template-columns:1fr}.studio-faq-section{grid-template-columns:1fr;gap:30px;padding:56px 0}.studio-faq-list summary{font-size:13px}.landing-closing{flex-direction:column;align-items:flex-start;gap:28px;padding:40px 28px}.landing-footer{padding:40px 0 24px}.landing-footer-grid{gap:22px}.landing-footer-link{min-height:36px}.landing-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px}.landing-dropdown-item{min-height:44px}}@media (width<=380px){.site-navbar,.landing-header{padding:0 14px}.site-navbar-right,.landing-header-right{gap:7px}.site-brand-text,.landing-brand-text{font-size:18px}.site-brand-logo svg,.landing-brand-logo svg{width:22px}.site-brand,.landing-brand-group{gap:5px}.landing-auth-buttons .landing-get-started-btn,.landing-user-menu-chevron{display:none}.landing-main-content,.landing-footer{margin-left:14px;margin-right:14px}.landing-get-started-btn{padding:9px;font-size:11px}.landing-header .studio-theme-toggle{width:32px}}[data-reveal]{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.landing-container *,.landing-container :before,.landing-container :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.landing-hero-redesign{--hero-ink:#f3f5ff;--hero-muted:#e2e8ffa6;color:var(--hero-ink);background:linear-gradient(#0c1132 0%,#0a0e26 100%);border:1px solid #94a3ff1f;border-radius:22px;margin:40px 0 0;position:relative;overflow:clip}:root[data-theme=light] .landing-hero-redesign{--hero-ink:#151b38;--hero-muted:#151b3899;background:linear-gradient(#eef1ff 0%,#e4e9ff 100%);border-color:#6366f126}.hero-glow{pointer-events:none;background:radial-gradient(60% 55% at 50% 35%,#6366f147,#0000 70%);animation:8s ease-in-out infinite hero-glow-breathe;position:absolute;inset:0}:root[data-theme=light] .hero-glow{background:radial-gradient(60% 55% at 50% 35%,#6366f11f,#0000 70%)}@keyframes hero-glow-breathe{0%,to{opacity:1}50%{opacity:.6}}.hero-inner{z-index:1;text-align:center;max-width:640px;margin:0 auto;padding:64px 32px 52px;position:relative}.landing-hero-redesign h1,.hero-sub,.hero-prompt.landing-prompt-box,.hero-trust{animation:.6s cubic-bezier(.22,1,.36,1) both hero-fade-up}.landing-hero-redesign h1{animation-delay:.1s}.hero-sub{animation-delay:.22s}.hero-prompt.landing-prompt-box{animation-delay:.34s}.hero-trust{animation-delay:.44s}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-hero-redesign h1{color:var(--hero-ink);font:400 clamp(36px, 5vw, 56px)/1.1 var(--font-brand);letter-spacing:-1.8px;text-wrap:balance;margin:0}.hero-gradient-text{background:linear-gradient(135deg,#c4b5fd,#818cf8,#38bdf8) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite hero-gradient-shift}@keyframes hero-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-sub{max-width:440px;color:var(--hero-muted);margin:16px auto 0;font-size:16px;line-height:1.6}.hero-prompt.landing-prompt-box{text-align:left;background:color-mix(in srgb, var(--studio-white) 60%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border:1px solid #94a3ff40;border-radius:14px;flex-direction:column;width:100%;margin:32px auto 0;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 12px 40px #0a103c33}.hero-prompt.landing-prompt-box:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#818cf866,#38bdf833,#818cf866) 0 0/200% 200%;padding:1px;transition:opacity .3s;animation:6s infinite hero-prompt-glow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-prompt.landing-prompt-box:focus-within:before{opacity:1}@keyframes hero-prompt-glow{0%,to{background-position:0%}50%{background-position:100%}}.hero-prompt.landing-prompt-box:focus-within{box-shadow:0 0 0 3px var(--focus-ring), 0 12px 40px #0a103c4d;border-color:#818cf880}.hero-prompt .landing-prompt-textarea{color:var(--hero-ink)}.hero-prompt .landing-prompt-textarea::placeholder{color:var(--hero-muted);opacity:1}.hero-prompt .landing-prompt-actions>span{color:var(--hero-muted)}.hero-prompt .landing-input-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-prompt .landing-prompt-textarea{resize:none;width:100%;min-width:0;min-height:64px;max-height:180px;font:15px/24px var(--font-sans);background:0 0;border:0;outline:none;padding:2px 4px 10px}.hero-prompt .landing-prompt-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.hero-prompt .landing-prompt-actions>span{align-items:center;gap:6px;font-size:11px;display:flex}.hero-prompt .landing-submit-btn{background:var(--brand-solid);min-height:40px;color:var(--brand-on-solid);cursor:pointer;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.hero-prompt .landing-submit-btn:disabled{background:var(--studio-wash);color:var(--studio-muted);cursor:not-allowed}.hero-prompt .landing-submit-btn:not(:disabled):hover{background:var(--brand-solid-hover)}.hero-trust{color:var(--hero-muted);letter-spacing:.01em;margin:20px 0 0;font-size:12.5px}.hero-trust a{color:#a5b4fc;font-weight:550;text-decoration:none}.hero-trust a:hover{text-decoration:underline}:root[data-theme=light] .hero-trust a{color:#6366f1}@media (width<=480px){.landing-hero-redesign{border-radius:18px;margin-top:24px}.hero-inner{padding:44px 18px 36px}.landing-hero-redesign h1{letter-spacing:-1.2px;font-size:32px}.hero-sub{font-size:14.5px}.hero-prompt.landing-prompt-box{border-radius:12px;margin-top:24px;padding:12px}.hero-prompt .landing-prompt-textarea{min-height:56px}.hero-prompt .landing-prompt-actions>span{gap:4px;font-size:10px}.hero-prompt .landing-prompt-actions>span svg{display:none}.hero-prompt .landing-submit-btn{padding:0 10px}}@media (prefers-reduced-motion:reduce){.hero-glow{animation:none}.landing-hero-redesign h1,.hero-sub,.hero-prompt.landing-prompt-box,.hero-trust{opacity:1;animation:none;transform:none}.hero-gradient-text,.hero-prompt.landing-prompt-box:before{animation:none}.hero-prompt,.hero-prompt .landing-submit-btn{transition:none}}.demo-section{padding:110px 0}.demo-tabs{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.demo-tabs [role=tab]{border:1px solid var(--studio-line);background:var(--studio-white);min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;display:inline-flex}.demo-tabs [role=tab]:hover{border-color:var(--brand-solid);color:var(--studio-ink)}.demo-tabs [role=tab].is-selected{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--brand-on-solid);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--brand-solid) 60%, transparent)}.demo-panel{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.demo-idea{border:1px solid var(--studio-line);background:var(--studio-white);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex}.demo-owner{border:1px solid var(--studio-line);border-radius:14px;margin:0;overflow:hidden}.demo-owner img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.demo-owner figcaption{color:var(--text-secondary);background:var(--studio-paper);padding:10px 14px;font-size:12.5px}.demo-idea-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:4px 0 0;font-size:11px;font-weight:700}.demo-prompt{border-left:3px solid var(--brand-solid);color:var(--studio-ink);text-wrap:pretty;margin:0;padding:0 0 0 14px;font-size:14.5px;line-height:1.75}.demo-use-idea{background:var(--brand-solid);min-height:48px;color:var(--brand-on-solid);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px 20px;font-size:14px;font-weight:650;transition:transform .15s,box-shadow .15s;display:inline-flex}.demo-use-idea:hover{box-shadow:0 12px 24px -10px color-mix(in srgb, var(--brand-solid) 55%, transparent);transform:translateY(-1px)}.demo-idea-hint{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.6}.demo-stage{min-width:0}.demo-browser{border:1px solid var(--studio-line);background:var(--studio-white);box-shadow:var(--shadow-overlay);border-radius:20px;overflow:hidden}.demo-browser-bar{border-bottom:1px solid var(--studio-line);background:var(--studio-paper);align-items:center;gap:12px;padding:12px 18px;display:flex}.demo-browser-dots{gap:6px;display:inline-flex}.demo-browser-dots i{background:var(--studio-line);border-radius:50%;width:10px;height:10px}.demo-browser-dots i:first-child{background:#f26d6d}.demo-browser-dots i:nth-child(2){background:#f5b84c}.demo-browser-dots i:nth-child(3){background:#5fce7d}.demo-browser-url{color:var(--text-secondary);font-size:12.5px;font-weight:600}.demo-sample{padding:26px 28px 24px}.demo-sample-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.demo-sample-head strong{letter-spacing:-.2px;color:var(--studio-ink);align-items:center;gap:8px;font-size:16px;display:inline-flex}.demo-sample-badge{background:color-mix(in srgb, var(--brand-solid) 12%, transparent);color:var(--brand-solid);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:5px 12px;font-size:11.5px;font-weight:700}.demo-sample-sub,.demo-sample-note{color:var(--text-secondary);margin:10px 0 0;font-size:13px;line-height:1.65}.demo-sample-note{border-top:1px dashed var(--studio-line);margin-top:14px;padding-top:14px}.demo-stock-summary{gap:28px;margin:14px 0 6px;display:flex}.demo-stock-summary div{flex-direction:column;display:flex}.demo-stock-summary strong{letter-spacing:-.5px;color:var(--studio-ink);font-size:26px}.demo-stock-summary span{color:var(--text-secondary);font-size:12px}.demo-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13.5px}.demo-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--studio-line);padding:10px 8px;font-size:11px;font-weight:700}.demo-table td{border-bottom:1px solid var(--border-subtle);color:var(--studio-ink);vertical-align:middle;padding:12px 8px}.demo-table td strong{font-weight:600;display:block}.demo-table td small{color:var(--text-secondary);font-size:12px}.demo-pill{color:#206e42;white-space:nowrap;background:#e2f1e9;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:650;display:inline-block}.demo-pill-warn{color:#8a560b;background:#f9ecdb}:root[data-theme=dark] .demo-pill{color:#7fd79f;background:#182b23}:root[data-theme=dark] .demo-pill-warn{color:#f0b45a;background:#33291a}.demo-sample-action{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.demo-sample-action p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.demo-sample-action button,.demo-mini-btn{border:1px solid var(--studio-line);background:var(--studio-paper);min-height:40px;color:var(--studio-ink);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.demo-sample-action button:hover,.demo-mini-btn:hover{border-color:var(--brand-solid)}.demo-mini-btn{min-height:32px;padding:6px 10px}.demo-slots{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.demo-slot{border:1px solid var(--studio-line);background:var(--studio-paper);min-height:64px;color:var(--studio-ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:border-color .15s,background .15s,transform .15s;display:flex}.demo-slot span{font-size:15px;font-weight:700}.demo-slot small{color:var(--text-secondary);font-size:11px}.demo-slot:not(.is-taken):hover{border-color:var(--brand-solid);transform:translateY(-1px)}.demo-slot.is-mine{border-color:var(--brand-solid);background:color-mix(in srgb, var(--brand-solid) 10%, transparent)}.demo-slot.is-mine small{color:var(--brand-solid);font-weight:700}.demo-slot.is-taken{opacity:.55;cursor:not-allowed;background:var(--studio-paper)}.demo-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.demo-column{border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:14px;padding:12px}.demo-column-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 10px;font-size:11px;font-weight:700}.demo-column ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.demo-column li button,.demo-task-static{border:1px solid var(--studio-line);background:var(--studio-white);width:100%;color:var(--studio-ink);text-align:left;cursor:pointer;border-radius:10px;align-items:flex-start;gap:8px;padding:10px;font-size:12.5px;line-height:1.5;display:flex}.demo-task-static{cursor:default}.demo-column li.is-done .demo-task-static{color:var(--text-secondary);text-decoration:line-through}.demo-check{border:1.5px solid var(--studio-line);width:18px;height:18px;color:var(--brand-on-solid);border-radius:6px;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.demo-column li button:hover .demo-check{border-color:var(--brand-solid)}.demo-check.is-checked{background:var(--brand-solid);border-color:var(--brand-solid)}.demo-caption{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:18px 2px 0;font-size:13px;display:flex}.demo-caption a{color:var(--brand-solid);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.demo-caption a:hover{text-decoration:underline}.demo-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.demo-panel{grid-template-columns:1fr}.demo-idea{order:2}.demo-stage{order:1}}@media (width<=560px){.demo-section{padding:72px 0}.demo-board{grid-template-columns:1fr}.demo-sample{padding:20px 18px}.demo-sample-action{flex-direction:column;align-items:stretch}}@media (width<=480px){.demo-table{min-width:0;font-size:12px}.demo-table th,.demo-table td{padding:8px 6px}.demo-table .demo-col-step{display:none}.demo-idea{padding:20px}.demo-owner{margin:16px -20px -20px}}@media (prefers-reduced-motion:reduce){.demo-tabs [role=tab],.demo-use-idea,.demo-slot,.demo-sample-action button{transition:none}.demo-use-idea:hover,.demo-slot:not(.is-taken):hover{transform:none}}.gallery-row-section{padding:110px 0}.gallery-row-intro{justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}.gallery-row-controls{flex:none;gap:10px;padding-bottom:4px;display:flex}.gallery-row-controls button{border:1px solid var(--studio-line);background:var(--studio-white);width:44px;height:44px;color:var(--studio-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:inline-flex}.gallery-row-controls button:hover{border-color:var(--brand-solid);background:var(--studio-paper)}.gallery-row-scroller{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:18px;padding:8px 4px 20px;display:flex;overflow-x:auto}.gallery-row-card{scroll-snap-align:start;border:1px solid var(--studio-line);background:var(--studio-white);color:inherit;border-radius:18px;flex:0 0 280px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.gallery-row-card:hover{border-color:var(--brand-solid);box-shadow:var(--shadow-overlay), 0 0 0 3px color-mix(in srgb, var(--brand-solid) 12%, transparent);transform:translateY(-4px)scale(1.01)}.gallery-row-thumb{justify-content:center;align-items:center;height:150px;display:flex;position:relative}.gallery-row-preview{height:160px;display:block;overflow:hidden}.gallery-row-preview-bg{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-row-preview-frame{transform-origin:0 0;pointer-events:none;opacity:0;z-index:1;background:0 0;border:none;width:900px;height:600px;transition:opacity .4s;position:absolute;top:0;left:0;transform:scale(.311)}.gallery-row-preview-frame.is-ready{opacity:1}.gallery-row-thumb-initial{color:#ffffffeb;text-shadow:0 2px 12px #00000040;font-size:52px;font-weight:700}.gallery-row-thumb-dots{gap:5px;display:flex;position:absolute;top:12px;left:14px}.gallery-row-thumb-dots i{background:#ffffffa6;border-radius:50%;width:8px;height:8px}.gallery-row-card-body{flex-direction:column;gap:6px;padding:18px;display:flex}.gallery-row-card-body strong{letter-spacing:-.2px;color:var(--studio-ink);font-size:15.5px}.gallery-row-card-body small{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.gallery-row-meta{color:var(--brand-solid);justify-content:space-between;align-items:center;margin-top:6px;font-size:12.5px;font-weight:600;display:flex}.gallery-row-error,.gallery-row-empty{border:1px solid var(--studio-line);background:var(--studio-paper);color:var(--text-secondary);text-align:center;border-radius:16px;padding:28px;font-size:14px}.gallery-row-empty a{color:var(--brand-solid);font-weight:600}.idea-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.idea-card{border:1px solid var(--studio-line);background:var(--studio-white);text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:18px;flex-direction:column;gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.idea-card:hover{border-color:var(--studio-blue);transform:translateY(-2px);box-shadow:0 10px 28px #2026311a}.idea-card:focus-visible{outline:2px solid var(--studio-blue);outline-offset:2px}.idea-badge{z-index:1;background:color-mix(in srgb, var(--studio-white) 88%, transparent);border:1px solid var(--studio-line);color:var(--studio-muted);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.idea-preview{border:1px solid var(--studio-line);background:linear-gradient(160deg, color-mix(in srgb, var(--studio-blue) 6%, var(--studio-paper)), var(--studio-paper));border-radius:12px;flex-direction:column;justify-content:center;gap:8px;height:120px;padding:14px;display:flex}.idea-row{align-items:center;gap:8px;display:flex}.idea-cell{background:color-mix(in srgb, var(--studio-muted) 34%, transparent);border-radius:5px;height:9px;display:block}.idea-cell-name{flex:1;max-width:62%}.idea-cell-name.short{max-width:44%}.idea-cell-name.is-done{opacity:.45}.idea-pill{background:#34d3996b;border-radius:999px;width:34px;height:12px;display:block}.idea-pill-warn{background:#f59e0b8c}.idea-preview-slots{flex-flow:wrap;align-content:center}.idea-slot{border:1px solid color-mix(in srgb, var(--studio-blue) 34%, transparent);background:color-mix(in srgb, var(--studio-blue) 10%, transparent);border-radius:8px;width:calc(33% - 6px);height:26px;display:block}.idea-slot.is-taken{background:color-mix(in srgb, var(--studio-muted) 30%, transparent);border-color:#0000}.idea-avatar{background:color-mix(in srgb, var(--studio-blue) 34%, transparent);border-radius:50%;flex:none;width:16px;height:16px;display:block}.idea-dot{background:color-mix(in srgb, var(--studio-blue) 45%, transparent);border-radius:50%;flex:none;width:8px;height:8px;display:block}.idea-dot-won{background:#34d399}.idea-check{border:1.5px solid color-mix(in srgb, var(--studio-muted) 55%, transparent);color:#0000;border-radius:5px;flex:none;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.idea-check.is-done{color:#fff;background:#34d399;border-color:#34d399}.idea-body{flex-direction:column;gap:5px;display:flex}.idea-body strong{letter-spacing:-.2px;color:var(--studio-ink);font-size:15px;font-weight:650}.idea-body small{color:var(--studio-muted);font-size:12.5px;line-height:1.5}.idea-cta{color:var(--studio-blue);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:650;display:inline-flex}@media (width<=1024px){.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.idea-grid{grid-template-columns:1fr}.idea-preview{height:96px}}@media (prefers-reduced-motion:reduce){.idea-card{transition:none}.idea-card:hover{transform:none}}.gallery-row-skeleton{background:linear-gradient(100deg, var(--studio-paper) 40%, var(--studio-line) 50%, var(--studio-paper) 60%);background-size:200% 100%;border-radius:18px;flex:0 0 280px;height:268px;animation:1.4s linear infinite gallery-row-shimmer}@keyframes gallery-row-shimmer{to{background-position:-200% 0}}@media (width<=560px){.gallery-row-section{padding:72px 0}.gallery-row-controls{display:none}.gallery-row-card{flex-basis:240px}}@media (prefers-reduced-motion:reduce){.gallery-row-card{transition:none}.gallery-row-card:hover{transform:none}.gallery-row-skeleton{animation:none}}.hiw-section{padding:110px 0}.hiw-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:72px;display:grid}.hiw-steps{margin:0;padding:0;list-style:none;position:relative}.hiw-line{background:var(--studio-line);border-radius:2px;width:2px;position:absolute;top:24px;bottom:24px;left:23px;overflow:hidden}.hiw-line-fill{background:var(--brand-solid);transform-origin:top;width:100%;height:100%;transition:transform .5s;display:block;transform:scaleY(0)}.hiw-step{gap:28px;padding:56px 0;display:flex;position:relative}.hiw-step:first-child{padding-top:8px}.hiw-step:last-child{padding-bottom:8px}.hiw-step-body>p{color:var(--studio-muted)}.hiw-step.is-active .hiw-step-body>p{color:var(--text-secondary)}.hiw-dot{z-index:1;border:1px solid var(--studio-line);background:var(--studio-white);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;display:inline-flex;position:relative}.hiw-step.is-active .hiw-dot{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--brand-on-solid);box-shadow:0 10px 24px -8px color-mix(in srgb, var(--brand-solid) 60%, transparent)}.hiw-step.is-done .hiw-dot{background:color-mix(in srgb, var(--brand-solid) 12%, transparent);border-color:var(--brand-solid);color:var(--brand-solid)}.hiw-step-body{min-width:0}.hiw-step-num{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-solid);margin:0 0 8px;font-size:11px;font-weight:700}.hiw-step-body h3{letter-spacing:-.5px;color:var(--studio-ink);margin:0 0 12px;font-size:26px}.hiw-step-body p{color:var(--text-secondary);max-width:44ch;margin:0;font-size:15.5px;line-height:1.75}.hiw-sticky{border:1px solid var(--studio-line);background:var(--studio-white);box-shadow:var(--shadow-overlay);border-radius:24px;padding:30px;position:sticky;top:120px;overflow:hidden}.hiw-sticky-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 18px;font-size:12px;font-weight:700}.hiw-visual-stack{min-height:340px;position:relative}.hiw-visual{opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s;position:absolute;inset:0;transform:translateY(12px)}.hiw-visual.is-active{opacity:1;visibility:visible;position:relative;transform:none}.hiw-card{flex-direction:column;gap:14px;display:flex}.hiw-visual-label{letter-spacing:-.3px;color:var(--studio-ink);margin:0;font-size:17px;font-weight:650}.hiw-prompt{border:1px solid var(--studio-line);background:var(--studio-paper);color:var(--studio-ink);border-radius:14px;align-items:center;gap:10px;padding:16px 18px;font-size:14.5px;display:flex}.hiw-plan{flex-direction:column;gap:8px;display:flex}.hiw-plan span{background:color-mix(in srgb, var(--brand-solid) 8%, transparent);color:var(--studio-ink);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:550;display:flex}.hiw-plan svg{color:var(--brand-solid)}.hiw-chat{border-radius:16px;max-width:320px;padding:12px 16px;font-size:13.5px;line-height:1.55}.hiw-chat-user{background:var(--brand-solid);color:var(--brand-on-solid);border-bottom-right-radius:4px;margin-left:auto}.hiw-chat-ai{background:var(--studio-paper);border:1px solid var(--studio-line);color:var(--studio-ink);border-bottom-left-radius:4px;align-items:center;gap:8px;display:flex}.hiw-mini-page{border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.hiw-mini-row{background:var(--studio-line);border-radius:6px;height:12px}.hiw-mini-row.hiw-mini-new{background:color-mix(in srgb, var(--brand-solid) 12%, transparent);height:auto;color:var(--brand-solid);padding:10px 14px;font-size:13px;font-weight:650}.hiw-checks{flex-direction:column;gap:8px;display:flex}.hiw-checks span{color:var(--studio-ink);align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.hiw-checks svg{color:var(--brand-solid)}.hiw-url{border:1px solid var(--studio-line);background:var(--studio-paper);color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:16px;display:flex}.hiw-url strong{color:var(--brand-solid)}@media (width<=900px){.hiw-layout{grid-template-columns:1fr;gap:40px}.hiw-sticky{position:static}.hiw-visual-stack{min-height:0}.hiw-step{padding:36px 0}}@media (width<=560px){.hiw-section{padding:72px 0}.hiw-line{left:19px}.hiw-dot{width:40px;height:40px}.hiw-step{gap:20px}.hiw-step-body h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.hiw-line-fill,.hiw-step,.hiw-dot,.hiw-visual{transition:none}.hiw-visual{transform:none}}.bento-section{padding:110px 0}.bento-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.bento-tile{border:1px solid var(--studio-line);background:var(--studio-white);opacity:0;min-height:300px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),border-color .15s,box-shadow .15s;transition-delay:calc(var(--tile-i,0) * 80ms);border-radius:20px;flex-direction:column;gap:10px;padding:26px;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}[data-reveal].is-visible .bento-tile{opacity:1;transform:none}.bento-tile.span-4{grid-column:span 4}.bento-tile.span-2{grid-column:span 2}.bento-tile.span-6{grid-column:span 6;min-height:0}.bento-tile:before{content:"";border-radius:inherit;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--brand-solid) 14%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.bento-tile:hover:before,.bento-tile:focus-within:before{opacity:1}.bento-tile-top{justify-content:space-between;align-items:center;display:flex}.bento-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-solid);font-size:11px;font-weight:700}.bento-icon{color:var(--text-secondary)}.bento-tile h3{letter-spacing:-.4px;color:var(--studio-ink);margin:0;font-size:21px}.bento-tile p{color:var(--text-secondary);max-width:46ch;margin:0;font-size:14px;line-height:1.7}.bento-visual{margin-top:auto;padding-top:16px}.bv-prompt,.bv-app{border-radius:12px;align-items:center;gap:8px;max-width:340px;padding:12px 14px;font-size:13px;display:flex}.bv-prompt{border:1px solid var(--studio-line);background:var(--studio-paper);color:var(--studio-ink)}.bv-caret{background:var(--brand-solid);width:2px;height:16px;animation:1.1s steps(2,end) infinite bv-blink}@keyframes bv-blink{50%{opacity:0}}.bv-arrow{color:var(--text-secondary);margin:6px 0 6px 24px;font-size:14px}.bv-app{background:color-mix(in srgb, var(--brand-solid) 10%, transparent);color:var(--brand-solid);font-weight:600}.bv-browser{border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:12px;max-width:300px;overflow:hidden}.bv-bar{border-bottom:1px solid var(--studio-line);gap:5px;padding:8px 10px;display:flex}.bv-bar i{background:var(--studio-line);border-radius:50%;width:8px;height:8px}.bv-page{flex-direction:column;gap:8px;padding:14px;display:flex}.bv-block{background:var(--studio-line);border-radius:5px;height:10px}.bv-w60{width:60%}.bv-w40{width:40%}.bv-w80{width:80%}.bv-btn{background:var(--brand-solid);border-radius:7px;width:84px;height:22px;margin-top:4px}.bv-chat{border-radius:14px;max-width:280px;padding:10px 14px;font-size:12.5px;line-height:1.5}.bv-chat-user{background:var(--brand-solid);color:var(--brand-on-solid);border-bottom-right-radius:4px;margin-left:auto}.bv-chat-ai{background:var(--studio-paper);border:1px solid var(--studio-line);color:var(--studio-ink);border-bottom-left-radius:4px;align-items:center;gap:6px;margin-top:8px;display:flex}.bv-db{border:1px solid var(--studio-line);border-radius:12px;max-width:320px;font-size:12.5px;overflow:hidden}.bv-db-row{background:var(--studio-white);color:var(--studio-ink);border-top:1px solid var(--border-subtle);justify-content:space-between;padding:9px 14px;display:flex}.bv-db-row:first-child{border-top:0}.bv-db-head{background:var(--studio-paper);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px;font-weight:700}.bv-signin{border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:12px;flex-direction:column;gap:8px;max-width:280px;padding:16px;display:flex}.bv-signin-title{color:var(--studio-ink);font-size:13px;font-weight:700}.bv-google,.bv-email{text-align:center;border-radius:8px;padding:9px 12px;font-size:12.5px}.bv-google{background:var(--studio-white);border:1px solid var(--studio-line);color:var(--studio-ink);font-weight:600}.bv-email{background:var(--studio-white);border:1px dashed var(--studio-line);color:var(--text-secondary)}.bento-visual-wide{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.bv-url{border:1px solid var(--studio-line);background:var(--studio-paper);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:16px;display:inline-flex}.bv-url span{color:var(--brand-solid);font-weight:700}.bv-url-note{color:var(--text-secondary);font-size:13px}@media (width<=900px){.bento-tile.span-4,.bento-tile.span-2{grid-column:span 3}.bento-tile.span-6{grid-column:span 6}}@media (width<=560px){.bento-section{padding:72px 0}.bento-grid{grid-template-columns:1fr}.bento-tile.span-4,.bento-tile.span-2,.bento-tile.span-6{grid-column:span 1}.bento-tile{min-height:0}}@media (prefers-reduced-motion:reduce){.bento-tile:before{transition:none}.bv-caret{animation:none}}.trust-section{padding:110px 0}.trust-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.trust-benefit{border:1px solid var(--studio-line);background:var(--studio-white);border-radius:20px;flex-direction:column;gap:12px;padding:28px;display:flex}.trust-benefit-icon{background:color-mix(in srgb, var(--brand-solid) 10%, transparent);width:44px;height:44px;color:var(--brand-solid);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.trust-benefit h3{letter-spacing:-.3px;color:var(--studio-ink);margin:0;font-size:18px}.trust-benefit p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.75}.trust-testimonial-slot{border:1.5px dashed var(--studio-line);text-align:center;color:var(--text-secondary);background:0 0;border-radius:20px;flex-direction:column;align-items:center;gap:8px;margin-top:28px;padding:36px;display:flex}.trust-testimonial-slot svg{color:var(--brand-solid);opacity:.7}.trust-testimonial-slot p{max-width:52ch;margin:0;font-size:14px;line-height:1.7}.trust-testimonial-slot strong{color:var(--studio-ink)}@media (width<=900px){.trust-benefits{grid-template-columns:1fr}}@media (width<=560px){.trust-section{padding:72px 0}.trust-testimonial-slot{padding:28px 22px}}.faq-section{grid-template-columns:1fr 1.3fr;gap:90px;padding:88px 0;display:grid}.faq-intro{align-self:start;position:sticky;top:120px}.studio-faq-list{border-top:1px solid var(--studio-line)}.faq-item{border-bottom:1px solid var(--studio-line)}.faq-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:18px 0;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-summary h3{color:var(--studio-ink);margin:0;font-size:15px;font-weight:600}.faq-summary:hover h3{color:var(--brand-solid)}.faq-icon{color:var(--text-secondary);flex:none;transition:transform .2s}.faq-item[open] .faq-icon{color:var(--brand-solid);transform:rotate(45deg)}.faq-item>p{color:var(--text-secondary);max-width:95%;margin:0 0 22px;font-size:14px;line-height:1.8}@media (width<=900px){.faq-section{grid-template-columns:1fr;gap:36px}.faq-intro{position:static}}@media (width<=560px){.faq-section{padding:64px 0}}@media (prefers-reduced-motion:reduce){.faq-icon{transition:none}}.final-cta-section{padding:0 0 110px}.final-cta-card{color:#fff;background:radial-gradient(120% 160% at 12% 8%,#818cf88c 0%,#818cf800 55%),radial-gradient(120% 160% at 88% 92%,#2dd4bf59 0%,#2dd4bf00 55%),linear-gradient(120deg,#1b2340 0%,#2b2a5e 48%,#3b2f6e 100%);border-radius:28px;padding:clamp(48px,7vw,96px) clamp(28px,6vw,88px);position:relative;overflow:hidden}.final-cta-mark{aspect-ratio:1;object-fit:contain;opacity:.5;filter:drop-shadow(0 0 48px #818cf88c);pointer-events:none;width:clamp(200px,26vw,380px);height:auto;position:absolute;top:50%;right:clamp(16px,5vw,72px);transform:translateY(-50%)}.final-cta-content{max-width:560px;position:relative}.final-cta-content h2{color:#fff;letter-spacing:-1.6px;text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,52px);line-height:1.08}.final-cta-content>p:last-of-type{color:#ffffffd1;margin:20px 0 0;font-size:16px;line-height:1.7}.landing-container a.final-cta-button{color:#1b1b1e;background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:54px;margin-top:32px;padding:15px 28px;font-size:15px;font-weight:650;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.final-cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px #00000073}.final-cta-card :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #fff}@media (width<=700px){.final-cta-mark{opacity:.32;width:220px;right:-40px}}@media (width<=560px){.final-cta-section{padding-bottom:72px}}@media (prefers-reduced-motion:reduce){.final-cta-button{transition:none}.final-cta-button:hover{transform:none}}.public-breadcrumb{color:var(--studio-muted);align-items:center;gap:9px;padding-top:34px;font-size:12px;display:flex}.public-breadcrumb a:hover{color:var(--studio-blue)}.public-intro{max-width:850px;padding:48px 0 52px}.public-intro h1,.public-not-found h1{font-family:var(--font-brand);letter-spacing:-2px;text-wrap:balance;margin:15px 0 24px;font-size:clamp(36px,4.5vw,58px);font-weight:400;line-height:1.12}.public-intro .public-summary{max-width:730px;color:var(--studio-muted);margin:0;font-size:18px;line-height:1.8}.public-content-meta{color:var(--studio-muted);flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:12px;line-height:1.8;display:flex}.public-content-meta a{text-underline-offset:3px;text-decoration:underline}.public-body{border-top:1px solid var(--studio-line);grid-template-columns:240px minmax(0,720px);justify-content:space-between;gap:64px;padding-top:38px;display:grid}.public-contents{align-self:start;position:sticky;top:28px}.public-contents nav{gap:3px;display:grid}.public-contents nav>p{color:var(--studio-ink);margin:0 0 12px;font-size:12px;font-weight:600}.public-contents nav>a{color:var(--studio-muted);padding:9px 0;font-size:13px;line-height:1.6;display:block}.public-contents nav>a:hover{color:var(--studio-blue)}.public-start{align-items:center;gap:12px;margin-top:20px;padding:12px 0;font-size:13px;font-weight:600;display:inline-flex;color:var(--studio-blue)!important}.public-article section{padding-bottom:42px;scroll-margin-top:30px}.public-page .public-article h2{font-family:var(--font-sans);letter-spacing:-.6px;text-wrap:pretty;margin:0 0 18px;font-size:25px;font-weight:600;line-height:1.35}.public-article p,.public-article li{color:var(--text-secondary);font-size:16px;line-height:1.85}.public-article p{margin:0 0 16px}.public-article ul{margin:20px 0 0;padding-left:21px}.public-article li{margin-bottom:10px;padding-left:5px}.public-example-figure{margin:28px 0}.public-example-figure img{border:1px solid var(--studio-line);border-radius:14px;width:100%;max-width:390px;height:auto;display:block}.public-example-figure figcaption{max-width:540px;color:var(--studio-muted);margin-top:12px;font-size:13px;line-height:1.7}.public-references{border-top:1px solid var(--studio-line);margin-top:24px;padding-top:16px}.public-references>p{color:var(--studio-muted);margin:0;font-size:12px;font-weight:600}.public-references ul{margin:4px 0 0;padding:0;list-style:none}.public-references li{margin:0;padding:0}.public-references a{min-height:44px;color:var(--studio-blue);text-underline-offset:3px;align-items:center;gap:8px;font-size:13px;text-decoration:underline;display:inline-flex}.public-references svg{flex:none}.public-prompt-example{background:var(--studio-white);border:1px solid var(--border-medium);border-radius:14px;margin-top:25px;padding:25px}.public-prompt-example>span{color:var(--studio-blue);font:11px var(--font-mono)}.public-prompt-example blockquote{color:var(--text-primary);margin:16px 0;font-size:15px;line-height:1.85}.public-prompt-example a{color:var(--studio-blue);align-items:center;gap:12px;min-height:40px;font-size:13px;font-weight:600;display:inline-flex}.public-related{border-top:1px solid var(--studio-line);padding:36px 0 60px}.public-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.public-related a{background:var(--studio-white);border:1px solid var(--studio-line);border-radius:12px;flex-direction:column;gap:14px;padding:23px;transition:border-color .15s;display:flex;position:relative}.public-related a:hover{border-color:var(--studio-blue)}.public-related a>span{color:var(--studio-muted);padding-right:22px;font-size:11px}.public-related a>strong{font-size:16px;font-weight:500;line-height:1.6}.public-related a>svg{color:var(--studio-blue);position:absolute;top:22px;right:20px}.public-not-found{max-width:700px;min-height:65vh;padding:80px 0}.public-not-found>p:not(.studio-section-label){color:var(--studio-muted);margin-bottom:25px;font-size:16px;line-height:1.8}.public-not-found>a:last-child{color:var(--studio-blue);margin-top:20px;font-size:14px;display:block}.studio-resource-section{border-top:1px solid var(--studio-line);padding:52px 0 65px}.studio-resource-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.studio-resource-links>a{background:var(--studio-white);border:1px solid var(--studio-line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:90px;padding:20px;font-size:14px;line-height:1.6;display:flex}.studio-resource-links>a:hover{border-color:var(--studio-blue)}.studio-resource-links svg{color:var(--studio-blue);flex:none}.landing-footer,.landing-footer-nav{flex-wrap:wrap}@media (width<=900px){.public-body{grid-template-columns:190px minmax(0,1fr);gap:32px}.public-related>div,.studio-resource-links{gap:12px}}@media (width<=640px){.public-breadcrumb{padding-top:24px}.public-intro{padding:34px 0}.public-intro h1{letter-spacing:-1.3px}.public-intro .public-summary{font-size:16px}.public-body{grid-template-columns:1fr;gap:32px;padding-top:26px}.public-contents{border-bottom:1px solid var(--studio-line);padding-bottom:18px;position:static}.public-contents nav>a{min-height:44px}.public-start{margin-top:8px}.public-page .public-article h2{font-size:24px}.public-article p,.public-article li{font-size:15px}.public-prompt-example{padding:20px}.public-related>div,.studio-resource-links{grid-template-columns:1fr}.public-related{padding-bottom:40px}.public-not-found{padding:50px 0}.studio-resource-section{padding:34px 0 45px}.studio-resource-links>a{min-height:76px}}.login-screen{z-index:99999;color:var(--text-primary);background:var(--studio-paper);font-family:var(--font-sans);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-screen.is-modal{background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-auth-card{background:var(--studio-white);border:1px solid var(--border-subtle);width:100%;max-width:460px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-overlay);border-radius:22px;padding:36px 40px;position:relative;overflow-y:auto}.studio-auth-topline,.studio-auth-brand,.studio-auth-controls{align-items:center;display:flex}.studio-auth-topline{justify-content:space-between;gap:16px}.studio-auth-brand{letter-spacing:-.7px;gap:9px;font-size:20px;font-weight:600}.studio-auth-topline-actions{align-items:center;gap:8px;display:flex}.studio-auth-close{width:36px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.studio-auth-close:hover{background:var(--bg-surface)}.studio-auth-heading{margin:26px 0 22px}.studio-auth-heading h1{font-family:var(--font-sans);letter-spacing:-.6px;margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.2}.studio-auth-heading p{color:var(--text-muted);margin:0;font-size:14px}.studio-auth-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:24px;padding:3px;display:flex}.studio-auth-tabs button{min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;font-size:14px}.studio-auth-tabs button[aria-selected=true]{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-medium);box-shadow:var(--shadow-subtle);font-weight:600}.studio-google-button{border:1px solid var(--border-medium);background:var(--studio-white);width:100%;min-height:48px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-bottom:4px;padding:10px 16px;font-size:15px;font-weight:500;transition:background .14s,box-shadow .14s;display:flex}.studio-google-button:hover{background:var(--bg-surface);box-shadow:0 2px 8px #0000000f}.studio-auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.studio-auth-divider:before,.studio-auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.studio-auth-form{flex-direction:column;gap:16px;display:flex}.studio-auth-form label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:13px;font-weight:500;display:flex}.studio-auth-form input{border:1px solid var(--border-medium);background:var(--studio-white);width:100%;min-height:46px;color:var(--text-primary);border-radius:10px;outline:none;padding:11px 12px;font-size:16px}.studio-auth-form input::placeholder{color:var(--text-muted)}.studio-auth-form input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.studio-auth-labelrow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.studio-auth-textlink{color:var(--studio-blue);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:500}.studio-auth-textlink:hover{text-decoration:underline}.studio-auth-passwordwrap{display:block;position:relative}.studio-auth-passwordwrap input{padding-right:46px}.studio-auth-peek{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.studio-auth-peek:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-auth-resend{justify-content:center;display:flex}.studio-auth-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);border-radius:7px;padding:11px 12px;font-size:13px;line-height:1.6}.studio-auth-submit{background:var(--brand-solid);width:100%;min-height:48px;color:var(--brand-on-solid);letter-spacing:-.2px;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:16px;padding:11px 16px;font-size:15px;font-weight:600;transition:background .14s,box-shadow .14s;display:flex}.studio-auth-submit:hover{background:var(--brand-solid-hover);box-shadow:0 4px 12px var(--focus-ring)}.login-screen button:disabled{opacity:.65;cursor:wait}.login-screen button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}@media (width<=480px){.login-screen{padding:12px}.studio-auth-card{border-radius:16px;max-height:calc(100dvh - 24px);padding:24px 22px}.studio-auth-heading{margin-top:22px}.studio-auth-heading h1{font-size:26px}}.studio-auth-brand>svg{color:var(--studio-blue)}.studio-auth-form input:focus{border-color:var(--studio-blue)}:root{--bg-canvas:#f0f2f7;--bg-sidebar:#f8f9fc;--bg-topnav:#fff;--bg-chat-panel:#fff;--bg-workspace:#fff;--bg-file-explorer:#f8f9fc;--bg-code-editor:#fff;--bg-preview-canvas:#edf1fc;--bg-panel:#fff;--bg-surface:#f4f5f9;--bg-surface-hover:#edf0f8;--bg-card:#fff;--bg-card-hover:#fafbfe;--bg-hover:#edf0f8;--border-color:#e0e4ed;--border-subtle:#e7eaf1;--border-medium:#c7cddb;--border-strong:#aab4c6;--border-accent:#c5cff7;--border-accent-strong:#5873df;--text-primary:#202631;--text-secondary:#4c5568;--text-muted:#626d80;--text-on-accent:#fff;--accent-primary:#3659d9;--accent-secondary:#3659d9;--accent-light:#3659d9;--accent-gradient:#3659d9;--accent-glow:transparent;--accent-glow-strong:transparent;--brand-primary:#3659d9;--color-accent:#3659d9;--color-accent-hover:#2948bd;--color-success:#114a2f;--color-success-bg:#edf8f1;--color-success-border:#c3e3d0;--color-success-glow:transparent;--color-warning:#543b0c;--color-warning-bg:#fff7e6;--color-warning-border:#ebd7ac;--color-error:#7d1828;--color-error-bg:#fff0f2;--color-error-border:#f0c7cf;--color-info:#3659d9;--color-info-bg:#edf1fc;--color-info-border:#c5cff7;--color-ai:#5873df;--color-ai-bg:#edf1fc;--color-ai-border:#c5cff7;--color-neutral:#626d80;--color-neutral-muted:#626d80;--color-neutral-bg:#f4f5f9;--color-neutral-border:#e0e4ed;--color-code-violet:#7a6393;--shadow-subtle:0 2px 5px #1b244008;--shadow-panel:0 4px 18px #1b244006;--shadow-overlay:0 20px 70px #1b24401f;--radius-asym-card:12px;--radius-asym-sm:8px;--font-sans:"Instrument Studio", Arial, sans-serif;--font-brand:"Bricolage Studio", Arial, sans-serif;--font-mono:"DM Studio Mono", Consolas, monospace;--studio-paper:#f8f9fc;--studio-white:#fff;--studio-ink:#202631;--studio-blue:#3659d9;--studio-muted:#626d80;--studio-line:#e0e4ed;--studio-wash:#edf0f8;--brand-solid:#3659d9;--brand-solid-hover:#2948bd;--brand-on-solid:#fff;--focus-ring:#3659d925;--landing-accent:var(--studio-blue);--control-border:#b4bdce;--overlay:#11182770;--soft-error-bg:#fff8f2;--soft-error-border:#ddc5ad;--soft-error-text:#714728;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--focus-ring:#97baf52b;--studio-paper:#161616;--studio-white:#212121;--studio-ink:#f2f2f2;--studio-blue:#a3c2f5;--studio-muted:#a3a3a3;--studio-line:#383838;--studio-wash:#292929;--control-border:#5c5c5c;--bg-canvas:#161616;--bg-sidebar:#1b1b1b;--bg-topnav:#1b1b1b;--bg-chat-panel:#212121;--bg-workspace:#212121;--bg-file-explorer:#1b1b1b;--bg-code-editor:#131313;--bg-preview-canvas:#0f0f0f;--bg-panel:#212121;--bg-surface:#292929;--bg-surface-hover:#323232;--bg-card:#212121;--bg-card-hover:#292929;--bg-hover:#292929;--shadow-subtle:0 1px 2px #0009;--shadow-panel:0 4px 16px #00000080;--shadow-overlay:0 20px 60px #000000b3;--border-color:#383838;--border-subtle:#2e2e2e;--border-medium:#4a4a4a;--border-strong:#6b6b6b;--border-accent:#45628a;--border-accent-strong:#a3c2f5;--text-primary:#f2f2f2;--text-secondary:#c7c7c7;--text-muted:#a3a3a3;--text-on-accent:#14243c;--accent-primary:#a8c7f6;--accent-secondary:#c0d7fa;--accent-light:#a3c2f5;--accent-gradient:#a8c7f6;--brand-primary:#a8c7f6;--brand-solid:#a8c7f6;--brand-solid-hover:#c0d7fa;--brand-on-solid:#14243c;--color-accent:#a8c7f6;--color-accent-hover:#c0d7fa;--color-success:#8cc9b0;--color-success-bg:#1c302c;--color-success-border:#365c4f;--color-warning:#e2bf83;--color-warning-bg:#342e24;--color-warning-border:#6e5940;--color-error:#eea9ac;--color-error-bg:#37262e;--color-error-border:#75505b;--color-info:#a3c2f5;--color-info-bg:#1d2c42;--color-info-border:#425d83;--color-ai:#a3c2f5;--color-ai-bg:#292929;--color-ai-border:#4a4a4a;--color-neutral:#a3a3a3;--color-neutral-muted:#a3a3a3;--color-neutral-bg:#292929;--color-neutral-border:#383838;--color-code-violet:#c5b4e6;--soft-error-bg:#342d29;--soft-error-border:#76614c;--soft-error-text:#e6c7a3;--overlay:#0b0b0bcc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:var(--studio-paper);color:var(--text-primary)}body,button,input,textarea,select{font-family:var(--font-sans)}.studio-theme-toggle{background:var(--studio-white);width:40px;height:40px;color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-theme-toggle:hover{background:var(--bg-surface);border-color:var(--accent-light)}.studio-theme-toggle:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}select{color-scheme:inherit}select option,select optgroup{background:var(--bg-card);color:var(--text-primary)}.studio-session-loading{z-index:9999;background:var(--studio-paper);color:var(--studio-blue);place-items:center;animation:.4s cubic-bezier(.22,1,.36,1) both loading-entrance;display:grid;position:fixed;inset:0}@keyframes loading-entrance{0%{opacity:0}to{opacity:1}}.studio-session-loading:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 20% 10%,#6366f11f,#0000 60%),radial-gradient(45% 35% at 80% 15%,#818cf81a,#0000 60%),radial-gradient(55% 45% at 70% 85%,#38bdf814,#0000 65%);animation:10s ease-in-out infinite alternate loading-aurora;position:absolute;inset:0}@keyframes loading-aurora{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(.98)}}.studio-session-loading>div{flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.studio-session-loading .loading-logo-ring{border-radius:50%;place-items:center;width:72px;height:72px;animation:2.4s cubic-bezier(.4,0,.2,1) infinite loading-logo-breathe;display:grid;position:relative}.studio-session-loading .loading-logo-ring:before{content:"";border:2px solid #0000;border-top-color:var(--studio-blue);border-right-color:#818cf84d;border-radius:50%;animation:1.4s linear infinite loading-ring-spin;position:absolute;inset:-3px}.studio-session-loading .loading-logo-ring:after{content:"";background:radial-gradient(circle,#6366f11f 0%,#0000 70%);border-radius:50%;animation:2.4s ease-in-out infinite loading-glow-pulse;position:absolute;inset:0}@keyframes loading-logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes loading-ring-spin{to{transform:rotate(360deg)}}@keyframes loading-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.studio-session-loading .loading-text{letter-spacing:.01em;color:var(--text-secondary,var(--studio-muted));margin-top:20px;font-size:13.5px;font-weight:550;animation:.6s cubic-bezier(.22,1,.36,1) .2s both loading-text-fade}@keyframes loading-text-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-session-loading .loading-bar{background:var(--border-subtle,#94a3ff26);border-radius:2px;width:120px;height:3px;margin-top:16px;animation:.6s cubic-bezier(.22,1,.36,1) .35s both loading-text-fade;overflow:hidden}.studio-session-loading .loading-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--studio-blue), #38bdf8cc);width:40%;height:100%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite loading-bar-slide;display:block}@keyframes loading-bar-slide{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.studio-session-loading,.studio-session-loading:before,.studio-session-loading .loading-logo-ring,.studio-session-loading .loading-logo-ring:before,.studio-session-loading .loading-logo-ring:after,.studio-session-loading .loading-text,.studio-session-loading .loading-bar,.studio-session-loading .loading-bar:after{animation:none}.studio-session-loading .loading-text,.studio-session-loading .loading-bar{opacity:1;transform:none}}.modal-backdrop{z-index:80;background:var(--overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-primary);border-radius:16px;padding:24px}@media (width<=560px){.studio-theme-toggle{width:36px;height:40px}.studio-workspace .top-nav-project-name-button{max-width:38vw!important}}.account-page{background:var(--studio-page,var(--bg-primary));min-height:100dvh;color:var(--text-primary);place-items:center;padding:clamp(24px,6vw,72px) 20px;display:grid}.account-card{border:1px solid var(--border-medium);background:var(--studio-white);border-radius:22px;width:100%;max-width:520px;padding:clamp(24px,5vw,42px)}.account-card header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.account-card header a{color:inherit;align-items:center;gap:12px;font-size:20px;text-decoration:none;display:flex}.account-card h1{font-family:var(--studio-display,"Bricolage Grotesque",sans-serif);letter-spacing:-1px;margin:12px 0;font-size:clamp(28px,5vw,38px)}.account-card p,.account-form p{color:var(--text-secondary);font-size:14px;line-height:1.65}.account-form{text-align:left;gap:20px;margin:28px 0;display:grid}.account-form label{gap:9px;font-size:14px;font-weight:600;display:grid}.account-form input,.account-form textarea{box-sizing:border-box;border:1px solid var(--border-medium);background:var(--bg-secondary);width:100%;min-width:0;color:var(--text-primary);font:inherit;border-radius:9px;padding:13px 15px}.account-form input:focus,.account-form textarea:focus{outline:2px solid var(--studio-blue);outline-offset:2px}.account-form textarea{resize:vertical}.account-form button{justify-self:start;min-height:44px}.account-form button:disabled{opacity:.6;cursor:wait}.account-links{flex-wrap:wrap;gap:16px;font-size:13px;line-height:1.5;display:flex}.account-links a,.account-form a{color:var(--studio-blue)}.account-notice{background:var(--studio-wash);border:1px solid var(--border-medium);border-radius:10px;margin:24px 0;padding:18px;line-height:1.6}.account-error{color:var(--status-error,#be3348)!important}.contact-form{max-width:640px}.contact-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.gallery-intro{text-align:center;max-width:720px;margin:0 auto 40px}.gallery-grid-section{max-width:1080px;margin:0 auto;padding-bottom:64px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.gallery-card-preview{border-radius:12px 12px 0 0;width:calc(100% + 48px);margin:-24px -24px 16px;position:relative;overflow:hidden}.gallery-card-preview-bg{justify-content:center;align-items:center;width:100%;height:100%;min-height:180px;display:flex}.gallery-card-preview-initial{color:#ffffffeb;text-shadow:0 2px 12px #00000040;-webkit-user-select:none;user-select:none;font-size:52px;font-weight:700}.gallery-card-preview-frame{pointer-events:none;transform-origin:0 0;opacity:0;border:none;transition:opacity .4s;position:absolute;top:0;left:0}.gallery-card-preview-frame.is-ready{opacity:1}.gallery-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;flex-direction:column;gap:10px;padding:24px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.gallery-card:hover{border-color:var(--border-accent-strong);box-shadow:0 12px 32px #2026311f, 0 0 0 3px color-mix(in srgb, var(--brand-solid) 12%, transparent);transform:translateY(-3px)}.gallery-card h2{color:var(--text-primary);margin:0;font-size:19px;line-height:1.3}.gallery-card-description{color:var(--text-secondary);flex:1;margin:0;font-size:14px;line-height:1.55}.gallery-card-meta{color:var(--text-muted);margin:0;font-size:13px}.gallery-card-error{color:#b3261e;margin:0;font-size:13px}.gallery-card-actions{gap:10px;margin-top:6px;display:flex}.gallery-open,.gallery-remix{min-height:40px;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.gallery-open{border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-primary)}.gallery-remix{background:var(--accent-primary);color:var(--text-on-accent);border:0}.gallery-remix:disabled{opacity:.6;cursor:wait}.gallery-empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-medium);border-radius:16px;padding:48px 24px}.gallery-spin{animation:.9s linear infinite gallery-rotate}@keyframes gallery-rotate{to{transform:rotate(360deg)}}.gallery-body{grid-template-columns:minmax(0,720px);justify-content:center;padding-bottom:20px}.gallery-page .public-article h2{font-family:var(--font-sans);letter-spacing:-.6px;text-wrap:pretty;margin:0 0 18px;font-size:25px;font-weight:600;line-height:1.35}@media (width<=640px){.gallery-grid{grid-template-columns:1fr}.gallery-card-actions{flex-direction:column}.gallery-open,.gallery-remix{justify-content:center}}