@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-canvas: #f5f7fa;--color-surface: #ffffff;--color-surface-muted: #f0f3f7;--color-surface-sunken: #e7ecf2;--color-border: #e5e9f0;--color-border-strong: #cbd3df;--color-text-strong: #111317;--color-text-body: #2d333a;--color-text-muted: #64707f;--color-text-inverse: #ffffff;--color-brand-100: #f1f3f5;--color-brand-500: #17181b;--color-brand-600: #2b2d32;--color-brand-700: #101114;--chrome-bg: #17181b;--chrome-bg-elevated: #202227;--chrome-bg-hover: rgba(255, 255, 255, .05);--chrome-border: rgba(255, 255, 255, .08);--chrome-text: #f4f5f7;--chrome-text-muted: #9297a1;--chrome-text-faint: #656a74;--color-success: #16a34a;--color-success-100: #f0fdf4;--color-success-700: #15803d;--color-warning: #d97706;--color-warning-100: #fffbeb;--color-warning-300: #f59e0b;--color-warning-700: #b45309;--color-danger: #dc2626;--color-danger-100: #fef2f2;--color-danger-700: #b91c1c;--color-info: #3f4651;--color-info-100: #f1f3f5;--color-info-700: #22262c;--color-neutral-100: #f8fafc;--color-neutral-200: #f1f5f9;--color-neutral-700: #5f6b7a;--color-neutral-800: #1e293b;--color-accent: #3a3d44;--color-accent-soft: #f1f3f5;--color-focus-ring: #3a3d44;--font-family-heading: "Inter", "Segoe UI", sans-serif;--font-family-body: "Inter", "Segoe UI", sans-serif;--font-family-editorial: "Inter", serif;--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-feature-inter: "cv11", "ss01", "ss03";--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-30: 1.875rem;--font-size-32: 2rem;--font-size-36: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-2: .125rem;--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-24: 1.5rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1.125rem;--radius-pill: 999px;--shadow-sm: 0 1px 1px rgba(10, 20, 44, .04), 0 1px 2px rgba(10, 20, 44, .05);--shadow-md: 0 1px 2px rgba(10, 20, 44, .05), 0 6px 16px -4px rgba(10, 20, 44, .1);--shadow-lg: 0 2px 4px rgba(10, 20, 44, .05), 0 18px 40px -12px rgba(10, 20, 44, .18);--shadow-chrome: 1px 0 0 rgba(255, 255, 255, .04), 4px 0 24px -8px rgba(0, 0, 0, .4);--duration-fast: .11s;--duration-base: .17s;--duration-slow: .24s;--duration-page: .3s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family-body);color:var(--color-text-body);background:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:var(--font-feature-inter);letter-spacing:-.005em}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-page: 0ms}.ds-spin,[class*=ds-spin],.ds-shimmer,[class*=ds-shimmer]{animation:none!important}}.sb-history{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;display:grid;grid-template-rows:auto 1fr;max-height:75vh}.sb-history-head{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-16);border-bottom:1px solid var(--color-border)}.sb-history-head h3{margin:0;font-size:var(--font-size-16)}.sb-history-close{width:28px;height:28px;border-radius:var(--radius-pill);border:none;background:var(--color-surface-muted);font-size:18px;cursor:pointer;color:var(--color-text-muted)}.sb-history-close:hover{background:var(--color-surface-sunken)}.sb-history-empty{padding:var(--space-24) var(--space-16);color:var(--color-text-muted);font-size:var(--font-size-13, .8125rem);text-align:center}.sb-history-body{overflow-y:auto}.sb-history-list{list-style:none;padding:var(--space-8) 0;margin:0}.sb-history-row{display:grid;grid-template-columns:32px 1fr auto;gap:var(--space-12);padding:var(--space-12) var(--space-16);align-items:center}.sb-history-row:hover{background:var(--color-surface-muted)}.sb-history-glyph{width:28px;height:28px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-muted);color:var(--color-text-strong);font-size:var(--font-size-14);font-weight:600}.sb-history-row[data-source=wizard] .sb-history-glyph,.sb-history-row[data-source=chat] .sb-history-glyph{background:var(--color-brand-500);color:var(--color-text-inverse)}.sb-history-row[data-source=publish] .sb-history-glyph{background:var(--color-accent);color:var(--color-text-strong)}.sb-history-meta{display:grid;gap:2px;min-width:0}.sb-history-meta strong{font-size:var(--font-size-13, .8125rem);font-weight:600;color:var(--color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-history-meta em{font-style:normal;font-size:11px;color:var(--color-text-muted)}.sb-history-restore{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);font-size:var(--font-size-12);font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.sb-history-restore:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-brand-500)}.sb-history-restore:disabled{opacity:.6;cursor:progress}.sb-adjust{display:grid;grid-template-rows:auto 1fr;height:640px;max-height:75vh;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.sb-adjust-head{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--color-border)}.sb-adjust-body{overflow-y:auto;padding:var(--space-16);display:grid;gap:var(--space-24)}.sb-adjust-section{display:grid;gap:var(--space-12)}.sb-adjust-section-label{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.sb-adjust-section-help{margin:0;font-size:var(--font-size-12);line-height:1.4;color:var(--color-text-muted)}.sb-adjust-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sb-adjust-card{text-align:left;padding:var(--space-12);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;display:grid;gap:2px;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.sb-adjust-card:hover{border-color:var(--color-border-strong)}.sb-adjust-card:disabled{opacity:.6;cursor:progress}.sb-adjust-card[data-active=true]{border-color:var(--color-brand-500);box-shadow:0 0 0 2px #05184114}.sb-adjust-card strong{font-size:var(--font-size-13, .8125rem);font-weight:600;color:var(--color-text-strong)}.sb-adjust-card em{font-style:normal;font-size:11px;color:var(--color-text-muted)}.sb-adjust-palette-grid{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.sb-adjust-palette{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast) ease}.sb-adjust-palette:hover{border-color:var(--color-border-strong)}.sb-adjust-palette[data-active=true]{border-color:var(--color-brand-500);box-shadow:0 0 0 2px #05184114}.sb-adjust-palette-swatches{display:inline-flex;border-radius:var(--radius-pill);overflow:hidden;width:36px;height:18px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #0000000d}.sb-adjust-palette-swatches>span{flex:1;display:block}.sb-adjust-palette-name{font-size:var(--font-size-12);font-weight:500;color:var(--color-text-strong);text-align:left}.sb-adjust-stack{display:grid;gap:4px}.sb-adjust-row{text-align:left;padding:var(--space-12);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;display:grid;gap:2px;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.sb-adjust-row:hover{background:var(--color-surface-muted)}.sb-adjust-row[data-active=true]{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.sb-adjust-row strong{font-size:var(--font-size-13, .8125rem);font-weight:600;color:var(--color-text-strong)}.sb-adjust-row em{font-style:normal;font-size:11px;color:var(--color-text-muted)}.sb-adjust-type-row{gap:var(--space-8)}.sb-adjust-type-specimen{display:grid;gap:2px;padding:var(--space-8) 0 var(--space-4);pointer-events:none}.sb-adjust-type-specimen-head{font-size:1.25rem;line-height:1.1;color:var(--color-text-strong)}.sb-adjust-type-specimen-body{font-size:var(--font-size-12);color:var(--color-text-muted);line-height:1.4}.sb-adjust-tile-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sb-adjust-tile{display:grid;gap:6px;padding:var(--space-12) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-strong);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,background var(--duration-fast) ease}.sb-adjust-tile:hover{border-color:var(--color-border-strong)}.sb-adjust-tile:disabled{opacity:.6;cursor:progress}.sb-adjust-tile[data-active=true]{border-color:var(--color-brand-500);box-shadow:0 0 0 2px #05184114;background:var(--color-brand-100)}.sb-adjust-tile-visual{display:flex;align-items:center;justify-content:center;height:24px;color:var(--color-text-strong)}.sb-adjust-tile-label{font-size:var(--font-size-12);font-weight:600;color:var(--color-text-strong)}.sb-adjust-tile-hint{font-size:10px;color:var(--color-text-muted);font-weight:500}.sb-assets{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr}.sb-assets-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--color-border)}.sb-assets-upload-btn{padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);font-size:var(--font-size-13, .8125rem);font-weight:600;cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.sb-assets-upload-btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-brand-500)}.sb-assets-upload-btn:disabled{opacity:.6;cursor:progress}.sb-assets-body{padding:var(--space-12);overflow-y:auto}.sb-assets-empty{padding:var(--space-32) var(--space-16);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-13, .8125rem)}.sb-assets-empty strong{display:block;color:var(--color-text-strong);font-size:var(--font-size-14);margin-bottom:6px}.sb-assets-empty p{margin:0;max-width:36ch;margin-inline:auto;line-height:1.5}.sb-assets-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sb-asset-tile{display:grid;gap:4px;background:transparent}.sb-asset-thumb{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-md);background-color:var(--color-surface-muted);background-size:cover;border:1px solid var(--color-border);cursor:default;transition:border-color var(--duration-fast) ease;overflow:hidden}.sb-asset-thumb[data-focal=true]{cursor:crosshair;border-color:var(--color-brand-500);box-shadow:0 0 0 2px #0518411f}.sb-asset-focal-dot{position:absolute;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--color-surface);border:3px solid var(--color-brand-500);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 8px #0000004d}.sb-asset-actions{display:flex;justify-content:space-between;gap:4px}.sb-asset-link{border:none;background:none;padding:4px 6px;font-size:11px;font-weight:600;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.sb-asset-link:hover{color:var(--color-text-strong);background:var(--color-surface-muted)}.sb-asset-link-danger:hover{color:var(--color-danger);background:var(--color-danger-100)}.sb-empty{padding:var(--space-48) var(--space-32);display:grid;gap:var(--space-16)}.sb-empty-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-16);margin-top:var(--space-16)}.sb-empty-genres{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-16)}.sb-empty-genre{padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-body);font-size:var(--font-size-14);font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease,color var(--duration-fast) ease}.sb-empty-genre:hover,.sb-empty-genre:focus-visible{border-color:var(--color-brand-500);background:var(--color-brand-100);color:var(--color-brand-700);outline:none}.sb-empty-genre[data-active=true]{border-color:var(--color-brand-500);background:var(--color-brand-500);color:var(--color-text-inverse, #fff)}.sb-empty-section{display:grid;gap:var(--space-8);margin-top:var(--space-24)}.sb-empty-section-head{display:flex;align-items:baseline;gap:var(--space-12);flex-wrap:wrap}.sb-empty-section-title{font-size:var(--font-size-14);font-weight:600;color:var(--color-text-strong)}.sb-empty-section-hint{font-size:var(--font-size-12);color:var(--color-text-muted)}.sb-empty-palettes{display:flex;flex-wrap:wrap;gap:var(--space-8)}.sb-empty-palette{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-body);font-size:var(--font-size-12);font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.sb-empty-palette--default{padding:var(--space-8) var(--space-16)}.sb-empty-palette:hover,.sb-empty-palette:focus-visible{border-color:var(--color-brand-500);outline:none}.sb-empty-palette[data-active=true]{border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.sb-empty-palette-swatch{display:inline-flex;border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--color-border)}.sb-empty-palette-swatch>span{display:block;width:14px;height:22px}.sb-empty-palette-name{white-space:nowrap}.sb-empty-back{align-self:flex-start;background:none;border:none;padding:0;color:var(--color-text-muted);font-size:var(--font-size-12);font-weight:600;cursor:pointer}.sb-empty-back:hover{color:var(--color-text-strong)}.sb-empty-template--card{grid-template-rows:140px auto auto;cursor:default}.sb-empty-template--card:hover{transform:none;box-shadow:none;border-color:var(--color-border)}.sb-empty-template--card .sb-empty-template-meta{padding-bottom:var(--space-8)}.sb-empty-template--card>button{margin:0 var(--space-16) var(--space-16)}.sb-empty-template{--tpl-bg: #fafbfc;--tpl-accent: #3a3d44;--tpl-ink: #17181b;display:grid;grid-template-rows:140px auto;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:0;cursor:pointer;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease,border-color var(--duration-fast) ease}.sb-empty-template:hover,.sb-empty-template:focus-visible{transform:translateY(-2px);box-shadow:0 12px 32px #05184114;border-color:var(--color-border-strong, var(--color-border));outline:none}.sb-empty-template-mock{display:block;position:relative;background:var(--tpl-bg);padding:var(--space-12);overflow:hidden}.sb-empty-template-mock-bar{display:block;width:30%;height:6px;border-radius:var(--radius-pill);background:var(--tpl-ink);opacity:.65}.sb-empty-template-mock-hero{display:block;margin-top:10px;width:70%;height:14px;border-radius:var(--radius-sm);background:var(--tpl-ink)}.sb-empty-template-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.sb-empty-template-mock-grid>span{display:block;aspect-ratio:1 / 1;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--tpl-accent),color-mix(in srgb,var(--tpl-ink) 70%,var(--tpl-accent)));opacity:.85}.sb-empty-template-mock-grid>span:nth-child(2){background:color-mix(in srgb,var(--tpl-ink) 12%,var(--tpl-bg));opacity:1}.sb-empty-template-mock-grid>span:nth-child(3){background:var(--tpl-accent);opacity:.55}.sb-empty-template-meta{display:grid;gap:4px;padding:var(--space-12) var(--space-16) var(--space-16)}.sb-empty-template-name{font-size:var(--font-size-16);font-weight:600;color:var(--color-text-strong)}.sb-empty-template-tagline{font-size:var(--font-size-12);color:var(--color-text-muted);line-height:1.45}.sb-empty-cta{display:flex;gap:var(--space-12);margin-top:var(--space-16)}.sb-shell{display:grid;grid-template-rows:auto 1fr;gap:var(--space-16)}.sb-shell-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-16);flex-wrap:wrap}.sb-shell-divider{width:1px;height:24px;background:var(--color-border);margin:0 var(--space-4)}.sb-shell--fullscreen{display:flex;flex-direction:column;height:100%;min-height:0;gap:var(--space-12)}.sb-shell--fullscreen .sb-shell-stage{height:auto;flex:1 1 auto;min-height:0;border-radius:0}.sb-ai-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--color-brand-100);color:var(--color-brand-700);font-size:var(--font-size-12);font-weight:600;white-space:nowrap}.sb-ai-badge[data-exhausted=true]{background:var(--color-warning-100);color:var(--color-warning-700)}.sb-shell-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);flex-wrap:wrap;padding:var(--space-8) var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.sb-shell-tabs{display:inline-flex;align-items:center;gap:2px}.sb-shell-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:6px 12px;font-size:var(--font-size-13);font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.sb-shell-tab:hover{background:var(--color-surface-muted);color:var(--color-text-strong)}.sb-shell-tab[data-active=true]{background:var(--color-accent-soft);color:var(--color-text-strong);font-weight:600}.sb-shell-toolbar-controls{display:inline-flex;align-items:center;gap:var(--space-8)}.sb-shell-device{display:inline-flex;background:var(--color-surface-muted);padding:2px;border-radius:var(--radius-pill)}.sb-shell-device-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:4px 12px;font-size:var(--font-size-12);font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.sb-shell-device-button:hover{color:var(--color-text-strong)}.sb-shell-device-button[data-active=true]{background:var(--color-surface);color:var(--color-text-strong);box-shadow:0 1px 2px #05184114}.sb-shell-zoom{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface-muted);border:1px solid transparent;padding:5px 12px;font-size:var(--font-size-12);font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease}.sb-shell-zoom:hover{color:var(--color-text-strong)}.sb-shell-zoom[data-active=true]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text-strong);font-weight:600}.sb-shell-stage{display:grid;grid-template-columns:0fr minmax(0,1fr) 0fr;grid-template-rows:minmax(0,1fr);height:calc(100vh - 280px);min-height:560px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-muted);box-shadow:0 4px 16px #0518410a;transition:grid-template-columns var(--duration-base) cubic-bezier(.32,.72,0,1)}.sb-shell-stage[data-adjust-open=true]{grid-template-columns:minmax(280px,min(380px,32vw)) minmax(0,1fr) 0fr}.sb-shell-stage[data-chat-open=true]{grid-template-columns:0fr minmax(0,1fr) minmax(320px,min(420px,36vw))}.sb-shell-stage[data-adjust-open=true][data-chat-open=true]{grid-template-columns:minmax(260px,min(340px,26vw)) minmax(0,1fr) minmax(300px,min(380px,30vw))}.sb-shell-stage-frame{grid-column:2;grid-row:1;width:var(--preview-device-width, 100%);height:100%;margin:0 auto;display:block;transition:width var(--duration-base) cubic-bezier(.32,.72,0,1)}.sb-shell-stage-frame[data-device=tablet],.sb-shell-stage-frame[data-device=mobile]{margin:var(--space-16) auto;height:calc(100% - var(--space-32));border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 8px 24px #0518411a;overflow:hidden}.sb-shell-stage-preview{width:100%;height:100%;border:none;display:block}.sb-shell-stage-frame[data-device=desktop][data-desktop-scaled=true][data-zoom=actual]{overflow:hidden}.sb-shell-stage-frame[data-device=desktop][data-desktop-scaled=true][data-zoom=actual] .sb-shell-stage-preview{width:var(--desktop-layout-width, 1280px);height:calc(100% / var(--desktop-scale, 1));transform:scale(var(--desktop-scale, 1));transform-origin:top left}.sb-shell-stage-frame[data-zoom=fit]{overflow:hidden;background:var(--color-surface-muted)}.sb-shell-stage-frame[data-zoom=fit] .sb-shell-stage-preview{transform:scale(var(--preview-scale, 1));transform-origin:top left;width:calc(100% / var(--preview-scale, 1));height:calc(100% / var(--preview-scale, 1))}.sb-shell-drawer{background:var(--color-surface);display:grid;grid-template-rows:auto 1fr;overflow:hidden;min-width:0}.sb-shell-drawer[data-side=left]{grid-column:1;border-right:1px solid var(--color-border)}.sb-shell-drawer[data-side=right]{grid-column:3;border-left:1px solid var(--color-border)}.sb-shell-drawer[data-open=false]{visibility:hidden}@media (max-width: 720px){.sb-shell-stage{position:relative;grid-template-columns:minmax(0,1fr);transition:none}.sb-shell-stage[data-adjust-open=true],.sb-shell-stage[data-chat-open=true],.sb-shell-stage[data-adjust-open=true][data-chat-open=true]{grid-template-columns:minmax(0,1fr)}.sb-shell-stage-frame{grid-column:1;width:100%!important;margin:0!important;height:100%;border-radius:0;box-shadow:none}.sb-shell-drawer{position:absolute;top:0;bottom:0;width:min(380px,92vw);z-index:2;transition:transform var(--duration-base) cubic-bezier(.32,.72,0,1)}.sb-shell-drawer[data-side=left]{left:0;transform:translate(-100%);box-shadow:12px 0 32px #0518410f}.sb-shell-drawer[data-side=right]{right:0;transform:translate(100%);box-shadow:-12px 0 32px #0518410f}.sb-shell-drawer[data-open=true]{transform:translate(0);visibility:visible}}.sb-shell-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16);border-bottom:1px solid var(--color-border)}.sb-shell-drawer-title{font-size:var(--font-size-12);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sb-shell-drawer-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-14);width:28px;height:28px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.sb-shell-drawer-close:hover{background:var(--color-surface-muted);color:var(--color-text-strong)}.sb-shell-drawer-body{overflow-y:auto;padding:var(--space-16);display:grid;gap:var(--space-16)}.sb-shell-drawer-body--flush{padding:0;gap:0}.sb-publish-status{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--font-size-12);color:var(--color-text-muted);font-weight:500}.sb-publish-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.sb-publish-status[data-dirty=true] .sb-publish-dot{background:var(--color-warning-300);box-shadow:0 0 0 3px var(--color-warning-100)}