:root{color-scheme:light;--color-white:#fff;--color-grey-0:hsla(0,0%,99%,.95);--color-grey-1:#f9f9fa;--color-grey-2:#f4f4f5;--color-grey-3:#e9e9eb;--color-grey-4:#cdced4;--color-grey-5:#9b9ba3;--color-grey-7:#62626a;--color-grey-8:#18181b;--color-text-primary:#18181b;--color-text-secondary:#62626a;--color-text-negativ:#fff;--color-bg-app:#fff;--brand:#0870ff;--brand-hover:#005ee8;--danger:#d63333;--success:#1d9b2a;--warning:#a86f00;--surface-base:var(--color-bg-app);--surface-raised:var(--color-bg-app);--surface-overlay:var(--color-grey-0);--surface-elevated:var(--color-grey-1);--surface-sunken:#f4f4f5;--surface-inset:#f8f8f8;--border-subtle:#e9e9eb;--border-default:#e1e1e5;--border-strong:#cdced4;--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-grey-5);--text-negative:var(--color-text-negativ);--text-danger:var(--danger);--text-success:var(--success);--brand-subtle:rgba(0,30,255,.08);--success-subtle:rgba(29,155,42,.1);--warning-subtle:rgba(168,111,0,.12);--danger-subtle:rgba(214,51,51,.1);--header-height:96px;--chat-panel-width:404px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-fast:.14s var(--ease-standard);--transition-base:.22s var(--ease-out-expo);--shadow-panel:0 12px 31px rgba(24,24,27,.08);--shadow-soft:0 16px 48px rgba(24,24,27,.1);--overlay-scrim:rgba(24,24,27,.62);--overlay-scrim-strong:rgba(24,24,27,.92)}*,:after,:before{box-sizing:border-box}#__nuxt,body,html{height:100%;min-height:100%}body{margin:0;overflow-x:hidden;background:var(--color-bg-app);color:var(--color-text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{color:inherit;font:inherit}a,button,select{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0812162e;border-radius:999px}.studio-entry-appear{animation:studio-entry-appear .42s var(--ease-out-expo) both}.studio-pill-button{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:.5px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);min-height:48px;border-radius:999px;gap:10px;padding:0 18px;font-size:14px;font-weight:560;line-height:1}.studio-pill-button.is-primary{background:var(--brand);color:var(--text-negative)}.studio-pill-button.is-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--brand-hover)}.studio-pill-button.is-secondary{border-color:var(--border-default);background:transparent;color:var(--color-grey-7)}.studio-pill-button.is-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-sunken);color:var(--text-primary)}.studio-pill-button.is-muted{background:var(--surface-sunken);color:var(--color-grey-7)}.studio-pill-button.is-muted:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-grey-3);color:var(--text-primary)}.studio-pill-button.header-motion-studio{border-color:transparent;background:#101012;color:#fff}.studio-pill-button.header-motion-studio:hover:not(:disabled):not([aria-disabled=true]){background:#000}.studio-pill-button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.studio-pill-button:disabled,.studio-pill-button[aria-disabled=true]{cursor:not-allowed;opacity:.48}.shopware-export-dialog label{display:flex;flex-direction:column;gap:4px;font-size:.875rem}.shopware-export-dialog select{width:100%;padding:6px 8px;border:1px solid var(--color-border,#d1d5db);border-radius:4px;font-size:.875rem}.shopware-export-dialog .text-button{align-self:flex-start;background:none;border:none;padding:4px 0;font-size:.8125rem;color:var(--brand,#0870ff);cursor:pointer;transition:color .2s ease}.shopware-export-dialog .text-button:hover{color:var(--brand-hover,#005ee8)}.shopware-export-dialog .text-button:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:2px;border-radius:2px}.studio-spinner{display:inline-block;width:16px;height:16px;border:1.5px solid rgba(8,18,22,.18);border-top:1.5px solid var(--brand);border-radius:50%;animation:studio-spin .8s linear infinite}.studio-typing-dots{display:inline-flex;align-items:center;gap:5px}.studio-typing-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.28;animation:studio-typing-wave 1.2s var(--ease-standard) infinite}.studio-typing-dots span:nth-child(2){animation-delay:.14s}.studio-typing-dots span:nth-child(3){animation-delay:.28s}.studio-status-card{display:grid;width:min(100%,440px);grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--border-subtle);border-radius:18px;background:#ffffffeb;box-shadow:0 18px 48px #18181b1a;padding:15px 18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.studio-status-card.is-active{border-color:#0870ff38}.studio-status-card.is-success{background:#f7fcf8e6}.studio-status-card.is-error{background:#fff8f8eb}.studio-status-milestones{grid-column:1/-1;display:grid;gap:5px;margin:2px 0 0;padding:10px 0 0;border-top:1px solid var(--border-subtle);list-style:none}.studio-status-milestones li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:center;color:var(--text-tertiary);font-size:11px;line-height:1.25}.studio-status-milestones li span{display:grid;width:14px;height:14px;place-items:center;border:1px solid var(--border-subtle);border-radius:50%;font-size:9px}.studio-status-milestones li strong{font-weight:560}.studio-status-milestones li.is-complete{color:var(--text-secondary)}.studio-status-milestones li.is-warning{color:var(--text-primary)}.studio-status-milestones li.is-warning span{border-color:currentColor;font-weight:700}.studio-status-milestones li.is-active{color:var(--text-primary)}.studio-status-milestones li.is-active span{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px #0870ff1f}.studio-status-copy{min-width:0}.studio-status-copy span,.studio-status-copy strong{display:block;overflow:hidden;text-overflow:ellipsis}.studio-status-copy strong{color:var(--text-primary);font-size:14px;font-weight:680;line-height:1.2;white-space:nowrap}.studio-status-copy span{margin-top:3px;color:var(--text-secondary);font-size:12px;line-height:1.25}.studio-status-meta{color:var(--text-tertiary);font-size:12px;font-weight:560;white-space:nowrap}.studio-status-card.is-error .studio-status-copy strong{white-space:normal;line-height:1.3}.studio-status-actions{display:flex;justify-content:flex-end}.studio-status-dot{width:10px;height:10px;margin-left:3px;border-radius:50%;background:var(--text-tertiary)}.studio-status-card.is-active .studio-spinner{width:16px;height:16px}.studio-status-card.is-success .studio-status-dot{background:var(--success)}.studio-status-card.is-error .studio-status-dot{background:var(--danger)}.studio-shell{display:grid;width:100%;height:100dvh;min-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--color-bg-app)}.studio-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);height:var(--header-height);border-bottom:1px solid var(--border-subtle);padding:0 32px;background:var(--surface-raised)}.studio-header.page-header{height:auto;min-height:64px;flex-wrap:wrap;justify-content:flex-start;gap:8px 10px;padding:10px 16px}.page-header .page-bar-actions,.page-header .page-bar-lead{display:flex;min-width:0;align-items:center;gap:10px}.page-header .page-bar-lead{flex:1 1 0}.page-header .page-bar-actions{flex:0 0 auto;gap:8px;margin-left:auto}.page-header .brand-switcher{flex:0 0 auto}.page-header .page-bar-sep{width:1px;height:26px;flex:none;background:var(--border-subtle)}.page-header .page-back-link{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid var(--border-subtle);border-radius:10px;background:var(--color-white);color:var(--text-secondary);font-size:16px;text-decoration:none}.page-header .page-back-link:hover{border-color:var(--border-strong);color:var(--brand)}.page-header .page-title{min-width:60px;flex:0 1 auto;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header .page-title,.page-header .page-title-input{color:var(--text-primary);font:inherit;font-size:15px;font-weight:650}.page-header .page-title-input{width:220px;min-width:0;height:34px;padding:0 8px;border:1px solid var(--brand);border-radius:8px;outline:0;background:var(--color-white)}.page-header .page-state-pill{display:inline-flex;height:30px;align-items:center;gap:7px;padding:0 10px 0 12px;border:0;border-radius:999px;font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}.page-header .page-state-pill.tone-draft{background:var(--warning-subtle);color:var(--warning)}.page-header .page-state-pill:hover:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 28%,transparent)}.page-header .page-state-pill:disabled{cursor:default}.page-header .page-state-dot{width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}.page-header .page-state-pill svg{width:14px;height:14px;flex:none;stroke-width:2.4}.page-header .page-state-short{display:none}.page-header .page-state-pill .studio-spinner{width:11px;height:11px;flex:none;border-width:2px;border-color:currentColor color-mix(in srgb,currentColor 22%,transparent) color-mix(in srgb,currentColor 22%,transparent)}.page-header .page-bar-button{position:relative;display:inline-flex;height:36px;flex:none;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--color-white);color:var(--text-primary);font:inherit;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.page-header .page-bar-button:hover:not(:disabled){background:var(--surface-sunken)}.page-header .page-bar-button svg{width:17px;height:17px;flex:none;stroke-width:2}.page-header .page-chat-button svg{color:var(--brand)}.page-header .page-chat-button.is-on{border-color:color-mix(in srgb,var(--brand) 32%,transparent);background:var(--brand-subtle);color:var(--brand)}.page-header .page-chat-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px var(--color-white)}.page-header .page-primary,.page-header .page-publish{border-color:var(--brand);background:var(--brand);color:var(--text-negative)}.page-header .page-primary:hover:not(:disabled),.page-header .page-publish:hover:not(:disabled){border-color:var(--brand-hover);background:var(--brand-hover)}.page-header .page-primary:disabled{opacity:.7;cursor:default}.page-header .page-publish:disabled{opacity:.4;cursor:default}.studio-header.page-header .page-primary.is-turning{transition:background .5s var(--ease-out-expo),border-color .5s var(--ease-out-expo),color .5s var(--ease-out-expo)}.studio-header.page-header .page-primary.is-quiet{border-color:var(--border-default);background:var(--color-white);color:var(--text-primary)}.studio-header.page-header .page-primary.is-quiet:hover:not(:disabled){background:var(--surface-sunken)}@media(prefers-reduced-motion:reduce){.page-header .page-bar-button,.studio-header.page-header .page-primary.is-turning{transition:none}}.page-header .page-discard{height:36px;flex:none;padding:0 6px;border:0;background:none;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:560;cursor:pointer}.page-header .page-discard:hover:not(:disabled){color:var(--text-danger)}.page-header .page-live-notice{flex-basis:calc(100% + 32px);margin:0 -16px -10px;padding:6px 16px;border-top:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-secondary);font-size:12.5px}@media(max-width:1100px){.page-header .brand-preview-tag{display:none}.page-header .page-bar-iconic{padding:0 10px}.page-header .page-bar-iconic .page-bar-label{display:none}}@media(max-width:640px){.page-header .page-bar-lead{gap:8px}.page-header .brand-copy,.page-header .page-bar-fold,.page-header .page-bar-sep,.page-header .page-state-full{display:none}.page-header .page-state-short{display:inline}.page-header .page-title{min-width:40px}.page-header .page-title-input{width:100%}}.composer-actions,.header-actions,.studio-brand{display:flex;align-items:center}.studio-brand{min-width:0;gap:14px}.studio-brand-button{border:none;border-radius:12px;padding:0;background:none;text-align:left;font:inherit;cursor:pointer;transition:opacity .2s ease}.studio-brand-button:hover{opacity:.7}.studio-brand-button:focus-visible{outline:2px solid var(--color-focus,#2563eb);outline-offset:4px}.brand-mark{width:32px;height:32px;flex:0 0 auto}.brand-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.brand-title-row{display:flex;min-width:0;align-items:center;gap:10px}.brand-copy strong{overflow:hidden;color:var(--text-primary);font-size:18px;font-weight:650;line-height:1;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.brand-preview-tag{display:inline-flex;min-height:36px;align-items:center;gap:6px;border:1px solid var(--border-strong);border-radius:9px;padding:0 10px;color:var(--text-secondary);font-size:12px;font-weight:560;line-height:1;white-space:nowrap}.header-actions{gap:24px}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);gap:0;background:var(--surface-sunken);padding:0}.chat-column,.studio-workspace{height:100%;min-height:0;overflow:hidden}.chat-column{position:relative;min-width:0;grid-row:1;background:var(--surface-raised);padding:0 24px 20px}.chat-column,.chat-scroll{display:flex;flex-direction:column}.chat-scroll{min-height:96px;flex:1;overflow-y:auto;scroll-behavior:smooth;margin-right:-16px;padding:28px 16px 28px 0}.chat-intro{flex:0 0 auto;margin:0 0 16px;color:var(--text-secondary);font-size:12.5px;line-height:1.45;white-space:normal}.chat-message{max-width:100%;margin:0 0 26px;white-space:pre-wrap;overflow-wrap:anywhere;background:transparent;color:var(--text-primary);font-size:16px;line-height:1.4}.chat-message.is-user{max-width:86%;margin-left:auto;border-radius:22px 22px 6px;background:var(--surface-sunken);color:var(--text-primary);padding:14px 18px;font-size:15px;line-height:1.28}.chat-message.is-agent{width:100%;padding:0;font-size:17px;line-height:1.42}.chat-message.is-pending{opacity:1}.chat-message.chat-bento-card{border:1px solid var(--border-subtle);border-radius:18px;background:var(--surface-elevated);box-shadow:0 6px 18px #18181b0a;padding:14px 16px;font-size:15px;line-height:1.45}.assistant-steps{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;font-size:15px;line-height:1.35}.assistant-step{display:flex;align-items:center;gap:10px;color:var(--text-secondary);transition:color .4s var(--ease-standard)}.assistant-step.is-active,.assistant-step.is-done,.assistant-step.is-failed{color:var(--text-primary)}.assistant-step-mark{display:grid;flex:0 0 auto;width:18px;height:18px;place-items:center;border:1.5px solid var(--border-default);border-radius:50%;color:var(--color-white);font-size:11px;font-weight:700;line-height:1}.assistant-step.is-active .assistant-step-mark{border-color:var(--brand);border-top-color:transparent;animation:studio-spin .9s linear infinite}.assistant-step.is-done .assistant-step-mark{border-color:var(--success);background:var(--success);animation:assistant-step-tick .5s var(--ease-spring) backwards}.assistant-step.is-failed .assistant-step-mark{border-color:var(--danger);background:var(--danger);animation:assistant-step-tick .5s var(--ease-spring) backwards}@keyframes assistant-step-tick{0%{transform:scale(.4)}}@media(prefers-reduced-motion:reduce){.assistant-step.is-done .assistant-step-mark,.assistant-step.is-failed .assistant-step-mark{animation:none}.assistant-step{transition:none}.assistant-step.is-active .assistant-step-mark{border-top-color:var(--brand);animation:none}}.chat-message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;white-space:normal}.chat-message-thumb{flex:1 0 100%}.chat-message-thumb img{display:block;width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid var(--color-border,#d1d5db)}.chat-reply-state{display:inline-flex;min-height:36px;align-items:center;color:var(--text-secondary);font-size:13.5px;font-weight:600}.chat-reply-state.is-in-draft{color:var(--text-success)}.chat-scene-choice{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:8px}.chat-action-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:13px;padding:0 14px;font:inherit;font-size:13.5px;font-weight:650;line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-base)}.chat-action-button.ghost{border-color:var(--border-subtle)}.chat-action-button:hover:not(:disabled){transform:translateY(-1px)}.chat-message-actions .chat-action-button.ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-sunken)}.chat-action-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.chat-action-button:disabled,.chat-quick-reply-chip:disabled{cursor:not-allowed;opacity:.55}@media(prefers-reduced-motion:reduce){.chat-action-button{transition:none}.chat-action-button:hover:not(:disabled){transform:none}}.chat-message-guidance{display:inline-flex;align-items:center;margin:0 0 6px;border-radius:999px;background:var(--brand-subtle);color:var(--brand);padding:3px 10px;font-size:12px;font-weight:560;line-height:1.3}.chat-quick-reply-chip{border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-sunken);color:var(--text-primary);padding:6px 14px;font-size:13px;font-weight:540;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.chat-quick-reply-chip:focus-visible,.chat-quick-reply-chip:hover{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand)}.chat-agent-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chat-agent-option{border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-base);color:var(--text-primary);padding:6px 12px;font:inherit;font-size:13px;font-weight:600;line-height:1.25;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.chat-agent-option:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-sunken)}.chat-agent-option.is-main{border-color:var(--brand);background:var(--brand);color:var(--text-negative)}.chat-agent-option.is-main:hover:not(:disabled){border-color:var(--brand-hover);background:var(--brand-hover)}.chat-agent-option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.chat-agent-option:disabled{cursor:not-allowed;opacity:.55}.chat-agent-confirm{margin-top:8px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border-subtle));border-radius:16px;background:var(--surface-base);padding:12px}.chat-agent-confirm-what{display:flex;align-items:center;gap:10px;font-size:14px}.chat-agent-confirm-what img{flex:0 0 auto;width:64px;height:42px;border-radius:9px;-o-object-fit:cover;object-fit:cover}.chat-agent-confirm-what b{font-weight:650}.chat-agent-confirm-cost{margin:2px 0 0;color:var(--text-secondary);font-size:12px}.chat-agent-facts{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin:8px 0 0;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-base);padding:10px 12px;font-size:13.5px}.chat-agent-facts-swatches{display:flex;gap:4px}.chat-agent-facts-swatch{width:18px;height:18px;border:1px solid var(--border-subtle);border-radius:6px}.chat-agent-facts-list{grid-column:-2/-1;margin:0;padding:0;list-style:none}.chat-agent-facts-label{color:var(--text-secondary)}.chat-agent-changes{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none}.chat-agent-change{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-base);padding:6px 8px 6px 10px;font-size:13.5px}.chat-agent-change b{font-weight:650}.chat-agent-change-place{color:var(--text-secondary)}.chat-agent-change-state{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.chat-agent-change .chat-reply-state{min-height:0;font-size:12px}.chat-agent-change .chat-action-button{min-height:28px;border-radius:10px;padding:0 10px;font-size:12.5px}.chat-agent-change .chat-action-button.ghost:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-sunken)}.chat-agent-change-spinner{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--brand) 30%,var(--color-white));border-top-color:var(--brand);border-radius:50%;animation:studio-spin 1s linear infinite}.chat-agent-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding:2px 4px;list-style:none;color:var(--text-secondary);font-size:13px;line-height:1.35}.chat-agent-step{display:flex;align-items:center;gap:8px}.chat-agent-step.is-now{color:var(--text-primary);font-weight:600}.chat-agent-step-mark{display:grid;flex:0 0 auto;width:16px;height:16px;place-items:center;border-radius:50%;font-size:10px;font-weight:700;line-height:1}.chat-agent-step.is-done .chat-agent-step-mark{background:var(--success-subtle);color:var(--text-success)}.chat-agent-step.is-now .chat-agent-step-mark{border:2px solid color-mix(in srgb,var(--brand) 30%,var(--color-white));border-top-color:var(--brand);animation:studio-spin 1s linear infinite}.chat-agent-step.is-next .chat-agent-step-mark{border:1.5px solid var(--border-default)}@media(prefers-reduced-motion:reduce){.chat-agent-option{transition:none}.chat-agent-change-spinner,.chat-agent-step.is-now .chat-agent-step-mark{border-color:var(--brand);animation:none}}.chat-public-link{color:var(--brand);font-weight:560;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.chat-public-link:focus-visible,.chat-public-link:hover{color:var(--brand-hover)}.chat-thinking-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-sunken);color:var(--text-secondary);padding:12px 15px;font-size:13px;line-height:1.1}.retry-inline-button{display:flex;width:-moz-fit-content;width:fit-content;min-height:32px;align-items:center;justify-content:center;border:1px solid var(--border-default);border-radius:999px;margin-top:12px;background:var(--color-white);color:var(--text-primary);font-size:12px;font-weight:600;line-height:1;padding:0 14px}.retry-inline-button:hover:not(:disabled){background:var(--surface-sunken)}.retry-inline-button:disabled{cursor:not-allowed;opacity:.5}.chat-feedback-controls{display:flex;min-height:28px;align-items:center;gap:6px;margin-top:10px}.feedback-thumb-button{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-tertiary);line-height:1;padding:0;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.feedback-thumb-button.is-selected,.feedback-thumb-button:hover:not(:disabled){border-color:var(--border-subtle);background:var(--color-white);color:var(--text-primary)}.feedback-thumb-button:active:not(:disabled){transform:scale(.94)}.feedback-thumb-button:disabled{cursor:default;opacity:.52}.feedback-thumb-icon{width:16px;height:16px;flex:0 0 auto}.chat-feedback-status{color:var(--text-tertiary);font-size:11px;line-height:1}.chat-feedback-status.is-error{color:var(--text-danger)}.composer,.composer-shell{flex:0 0 auto}.composer{border:1px solid var(--border-subtle);border-radius:18px;background:var(--surface-sunken);padding:14px}.composer-part{display:grid;gap:8px;margin-bottom:8px}.composer-part-card{display:flex;min-width:0;align-items:center;gap:10px;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-raised);padding:7px}.composer-mention-thumb,.composer-part-thumb{display:block;flex:0 0 auto;width:56px;height:36px;overflow:hidden;border-radius:8px;background:var(--color-grey-3)}.composer-mention-thumb>img,.composer-part-thumb>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.composer-mention-thumb>img:not([src]),.composer-part-thumb>img:not([src]){display:none}.composer-mention-text,.composer-part-text{display:grid;min-width:0;gap:2px}.composer-mention-title,.composer-part-title{overflow:hidden;color:var(--text-primary);font-size:13.5px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.composer-mention-number,.composer-part-number{color:var(--text-secondary);font-size:12px;line-height:1.3}.composer-part-clear{flex:0 0 auto;margin-left:auto;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);padding:2px 8px;font-size:18px;line-height:1;cursor:pointer;transition:background-color var(--transition-fast)}.composer-part-clear:focus-visible,.composer-part-clear:hover{background:var(--surface-sunken);color:var(--text-primary)}.composer-part-actions{display:flex;gap:6px}.composer-part-action{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-raised);color:var(--text-primary);padding:8px 4px;font:inherit;font-size:12.5px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.composer-part-action:focus-visible,.composer-part-action:hover:not(:disabled){border-color:#0870ff52;background:#0870ff0a}.composer-part-action.is-active{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand)}.composer-part-action:disabled,.composer-part-example:disabled{cursor:not-allowed;opacity:.45}.composer-part-icon{font-size:17px;line-height:1}.composer-part-limit{margin:0;color:var(--text-secondary);font-size:12.5px;line-height:1.35}.composer-part-ask{border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-raised);padding:10px}.composer-part-question{display:block;color:var(--text-primary);font-size:13.5px;font-weight:600;line-height:1.3}.composer-part-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.composer-part-example{border:0;border-radius:999px;background:var(--surface-sunken);color:var(--text-primary);padding:4px 10px;font:inherit;font-size:12.5px;line-height:1.3;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.composer-part-example:focus-visible,.composer-part-example:hover:not(:disabled){background:var(--brand-subtle);color:var(--brand)}.composer-input-row-wrap{position:relative}.composer-input-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:6px}.composer-mention-menu{position:absolute;bottom:100%;left:0;right:0;z-index:10;margin:0 0 8px;padding:6px;list-style:none;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface-raised,var(--color-white));box-shadow:var(--shadow-soft);max-height:min(372px,50vh);overflow-y:auto}.composer-mention-item{display:flex;min-width:0;align-items:center;gap:10px;padding:6px;border-radius:10px;cursor:pointer}.composer-mention-item .composer-mention-thumb{width:52px;height:32px;border-radius:7px}.composer-mention-item.is-active,.composer-mention-item:hover{background:var(--surface-sunken)}.composer-plus{position:relative;width:32px;height:32px;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .16s var(--ease-standard)}.composer-plus:hover:not(:disabled){background:var(--color-white)}.composer-plus:disabled{cursor:not-allowed;opacity:.4}.composer-plus:after,.composer-plus:before{position:absolute;top:50%;left:50%;width:16px;height:1px;border-radius:999px;background:var(--text-secondary);content:"";transform:translate(-50%,-50%)}.composer-plus:after{transform:translate(-50%,-50%) rotate(90deg)}.composer textarea{display:block;width:100%;max-height:160px;min-height:40px;resize:none;border:0;background:transparent;padding:10px 0;color:var(--text-primary);font-size:15px;line-height:1.2;outline:none;overflow-y:hidden}.composer textarea::-moz-placeholder{color:var(--text-tertiary)}.composer textarea::placeholder{color:var(--text-tertiary)}.inline-error{margin:10px 0 0 38px;color:var(--danger);font-size:12px;line-height:1.35}.composer-note-count{margin:6px 0 0 38px;color:var(--text-tertiary);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.35}.composer-note-count.is-over{color:var(--danger)}.composer-disclaimer{margin:12px 14px 0;color:var(--text-tertiary);font-size:11px;line-height:1.35;text-align:left}.send-button{position:relative;display:inline-flex;width:32px;height:32px;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border:0;border-radius:50%;background:var(--text-primary);color:var(--color-text-negativ);transition:background-color .16s var(--ease-standard),transform .12s var(--ease-standard),opacity .16s var(--ease-standard)}.send-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.send-button:after,.send-button:before{position:absolute;content:"";transition:opacity .3s ease-in-out,filter .3s ease-in-out,transform .3s ease-in-out}.send-button:before{width:16px;height:18px;background:currentColor;clip-path:polygon(0 38%,50% 0,100% 38%,90% 47%,58% 24%,58% 100%,42% 100%,42% 24%,10% 47%)}.send-button:after{width:12px;height:12px;border-radius:2px;background:currentColor;opacity:0;transform:scale(.25);filter:blur(4px)}.send-button:disabled{cursor:default;opacity:.5}.send-button:not(:disabled):active{transform:scale(.95)}.studio-device-toggle{position:relative;display:flex;height:58px;flex:0 0 auto;align-items:center;gap:10px;border-radius:999px;background:var(--surface-sunken);padding:0 14px}.studio-device-toggle-indicator{position:absolute;top:10px;left:14px;width:38px;height:38px;border-radius:50%;background:var(--text-primary);pointer-events:none;transition:transform .28s var(--ease-spring)}.studio-device-toggle-button{position:relative;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;padding:0}.studio-device-toggle.is-compact{height:36px;gap:4px;padding:0 4px;background:var(--surface-base);border:1px solid var(--border-default);box-sizing:border-box}.studio-device-toggle.is-compact .studio-device-toggle-indicator{top:3px;left:4px;width:28px;height:28px}.studio-device-toggle.is-compact .studio-device-toggle-button{width:28px;height:28px}.studio-device-toggle.is-compact .studio-device-toggle-icon{width:15px;height:15px}.studio-device-toggle-icon{display:block;width:18px;height:18px;background:var(--color-grey-5);transition:background-color .28s var(--ease-spring)}.studio-device-toggle-icon.is-hovered{background:var(--color-text-primary)}.studio-device-toggle-icon.is-active{background:var(--color-text-negativ)}.preview-split-button{display:inline-flex;height:54px;flex:0 0 auto;align-items:center;justify-content:center;border:0;border-radius:18px;font-size:16px;font-weight:650;line-height:1;white-space:nowrap;transition:background-color .16s var(--ease-standard),border-color .16s var(--ease-standard),transform .12s var(--ease-standard),opacity .16s var(--ease-standard);gap:8px;background:var(--brand);color:var(--color-text-negativ);padding:0 22px}.header-version-steps{position:relative;display:inline-flex;flex:0 0 auto;gap:2px;padding:3px;border-radius:16px;background:var(--surface-sunken)}.header-version-step{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:13px;background:transparent;color:var(--text-primary);font-size:17px;line-height:1;cursor:pointer;transition:background-color .16s var(--ease-standard),opacity .16s var(--ease-standard)}.header-version-step:focus-visible,.header-version-step:hover:not(:disabled){background:var(--surface-base)}.header-version-step.is-unavailable{opacity:.32;cursor:default}.header-version-step:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-2px);z-index:5;padding:5px 9px;border-radius:8px;background:var(--overlay-scrim-strong);color:var(--color-white);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.header-version-step:focus-visible:after,.header-version-step:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.header-version-step:after{transition:none}}.preview-split-button img{width:16px;height:16px}.preview-split-button:hover:not(:disabled){background:var(--brand-hover)}.preview-split-button:disabled{cursor:not-allowed;opacity:.46}.preview-split-button:active:not(:disabled){transform:scale(.97)}.preview-column{position:relative;display:flex;min-width:0;min-height:0;grid-column:1;grid-row:1;flex-direction:column;gap:12px;--stage-dot:#e3e3e8;background:radial-gradient(circle at 1px 1px,var(--stage-dot) 1px,transparent 0) 0 0 /22px 22px,linear-gradient(180deg,#f7f7f8,#efeff2);padding:24px;transition:--stage-dot .8s var(--ease-standard)}.preview-column:has(.studio-intro-glow:not(.studio-glow-leave-active)){--stage-dot:transparent}@property --stage-dot{syntax:"<color>";inherits:false;initial-value:#e3e3e8}.workspace-switcher-row{display:grid;width:100%;height:62px;align-items:center;gap:12px;border:1px solid var(--border-default);border-radius:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-white);color:inherit;cursor:pointer;padding:0 16px 0 12px;text-align:left;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.preview-surface{min-width:0;min-height:0;overflow:visible}.scene-hint-banner{position:absolute;left:36px;bottom:36px;z-index:20;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100% - 72px));padding:10px 12px 10px 16px;border-radius:12px;background:var(--overlay-scrim-strong);color:var(--color-white);font-size:13px;line-height:1.4;box-shadow:var(--shadow-soft)}.scene-hint-dismiss{flex:0 0 auto;border:0;background:transparent;color:var(--color-white);font-size:16px;line-height:1;cursor:pointer;opacity:.75}.scene-hint-dismiss:hover{opacity:1}.preview-feedback{display:grid;gap:8px;margin:0 0 12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--color-white);padding:8px 8px 8px 12px}.preview-feedback-title{margin:0;color:var(--text-secondary);font-size:13px;font-weight:560}.preview-feedback-minimize{display:grid;place-items:center;width:30px;height:34px;border:none;border-radius:10px;background:transparent;color:var(--color-grey-7);transition:background-color var(--transition-fast)}.preview-feedback-minimize:hover{background:var(--brand-subtle);color:var(--brand)}.preview-feedback-minimize svg{width:14px;height:14px}.preview-feedback-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:center}.preview-feedback-copy{min-width:0}.preview-feedback-copy h2,.preview-feedback-copy p,.preview-feedback-status{margin:0}.preview-feedback-copy h2{color:var(--text-primary);font-size:14px;font-weight:620;line-height:1.2}.preview-feedback-copy p,.preview-feedback-status{color:var(--text-tertiary);font-size:12px;line-height:1.35}.feedback-rating-controls{display:flex;gap:6px}.feedback-rating-controls .feedback-thumb-button{width:36px;height:34px;background:transparent;color:var(--color-grey-7)}.feedback-rating-controls .feedback-thumb-button.is-selected,.feedback-rating-controls .feedback-thumb-button:hover{background:var(--brand-subtle);color:var(--brand)}.preview-feedback-comment{width:100%;min-height:64px;resize:vertical;border:1px solid var(--border-default);border-radius:12px;background:var(--color-white);color:var(--text-primary);font-size:13px;line-height:1.35;padding:10px 12px}.preview-feedback-comment::-moz-placeholder{color:var(--text-tertiary)}.preview-feedback-comment::placeholder{color:var(--text-tertiary)}.preview-feedback-status{min-height:16px}.preview-feedback-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.preview-feedback-send{height:34px;border:1px solid var(--brand);border-radius:12px;background:var(--brand);color:var(--color-white);font-size:12px;font-weight:620;line-height:1;padding:0 14px;transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.preview-feedback-send:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.preview-feedback-send:active:not(:disabled){transform:scale(.97)}.preview-feedback-send:disabled{cursor:default;opacity:.45}.preview-feedback-status.is-error{color:var(--text-danger)}.preview-feedback-status.is-saved{color:var(--text-success)}.studio-preview-frame,.studio-preview-viewport{position:relative;height:100%;min-height:0;overflow:hidden}.studio-preview-frame{display:flex;width:100%;align-items:center;justify-content:center;overflow:visible}.studio-preview-viewport{flex:0 1 auto;border-radius:22px;background:var(--color-white);box-shadow:0 24px 60px #0f0f1e24,0 2px 8px #0f0f1e0f;transition:width .28s var(--ease-spring),max-width .28s var(--ease-spring),box-shadow .28s var(--ease-standard)}.studio-preview-frame.is-empty .studio-preview-viewport{background:linear-gradient(180deg,var(--color-white),var(--surface-sunken))}.preview-scene-badge{display:inline-flex;align-items:center;gap:5px;right:12px;padding:4px 9px}.preview-scene-badge,.preview-scene-pill{position:absolute;top:12px;z-index:2;border-radius:999px;background:var(--overlay-scrim);color:var(--color-white);font-size:11px;line-height:1.4;letter-spacing:.01em;pointer-events:none;transition:opacity var(--transition-fast)}.preview-scene-pill{left:12px;padding:3px 8px}.preview-refine-scene{position:absolute;top:min(max(calc(var(--refine-top, 0px) + 12px),64px),calc(100% - 44px));left:18px;z-index:2;opacity:0;pointer-events:none}.studio-preview-viewport .preview-refine-scene.studio-refine-button{transition:top .32s var(--ease-out-expo),background var(--transition-base),opacity var(--transition-fast)}.preview-refine-scene.is-visible{opacity:1;pointer-events:auto;animation:preview-refine-pop .6s var(--ease-spring) both}@keyframes preview-refine-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}}@media(max-width:767px){.studio-preview-viewport .preview-refine-scene.studio-refine-button{top:min(max(calc(var(--refine-top, 0px) + 4px),54px),calc(100% - 32px));left:8px;height:28px;padding:0 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.studio-preview-viewport .preview-refine-scene.studio-refine-button{transition:opacity var(--transition-fast)}.preview-refine-scene.is-visible{animation:none}}.studio-preview-iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:var(--color-white);transition:filter .36s var(--ease-out-expo),opacity .36s var(--ease-out-expo),transform .42s var(--ease-out-expo)}.studio-preview-frame.is-overlaying .studio-preview-iframe{filter:saturate(.92) brightness(.72);transform:scale(1.005)}.studio-preview-skeleton{position:absolute;inset:clamp(36px,7vw,76px) clamp(34px,7vw,86px);display:grid;grid-template-rows:54px minmax(180px,1fr) 92px;gap:clamp(18px,3vw,34px);opacity:.62;pointer-events:none}.studio-preview-skeleton-grid,.studio-preview-skeleton-hero,.studio-preview-skeleton-nav{border:1px solid rgba(24,24,27,.06);background:#ffffffb8;box-shadow:0 20px 70px #18181b0a}.studio-preview-skeleton-nav{display:flex;align-items:center;justify-content:space-between;border-radius:18px;padding:0 clamp(18px,3vw,32px)}.studio-preview-skeleton-nav span{display:block;height:10px;border-radius:999px;background:#18181b17}.studio-preview-skeleton-nav span:first-child{width:min(150px,28%)}.studio-preview-skeleton-nav span:nth-child(2){width:min(220px,34%)}.studio-preview-skeleton-nav span:nth-child(3){width:min(96px,18%)}.studio-preview-skeleton-hero{display:grid;align-content:center;gap:16px;border-radius:28px;padding:clamp(28px,6vw,72px)}.studio-preview-skeleton-hero span{display:block;border-radius:999px;background:#18181b17}.studio-preview-skeleton-hero span:first-child{width:min(420px,68%);height:clamp(30px,5vw,58px)}.studio-preview-skeleton-hero span:nth-child(2){width:min(310px,52%);height:14px}.studio-preview-skeleton-hero span:nth-child(3){width:118px;height:38px;margin-top:8px}.studio-preview-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;background:transparent;box-shadow:none}.studio-preview-skeleton-grid span{border:1px solid rgba(24,24,27,.06);border-radius:18px;background:#ffffff75}.studio-preview-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:clamp(16px,4vw,40px);pointer-events:none}.studio-preview-overlay:before{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,hsla(0,0%,100%,.08),transparent 34%),linear-gradient(180deg,#18181b0a,#18181b47);content:""}.studio-preview-frame.is-empty .studio-preview-overlay:before{background:radial-gradient(circle at 50% 46%,hsla(0,0%,100%,.56),transparent 36%),linear-gradient(180deg,#f4f4f51f,#e9e9eb6b)}.studio-preview-overlay-content{position:relative;z-index:1;display:grid;width:min(440px,100%);justify-items:center;gap:14px;pointer-events:auto}.studio-progress-layer{position:absolute;inset:0;z-index:2;container-type:inline-size;pointer-events:none}.studio-progress-layer>*{pointer-events:auto}.studio-progress-canvas{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;background:transparent;container-type:size}.preview-surface:has(.studio-progress-canvas) .studio-preview-viewport{border-radius:0;background:transparent;box-shadow:none}.studio-progress-canvas .studio-scene-bento.is-publishing{opacity:.78}.studio-intro-leave-active{transition:opacity .6s,transform .8s var(--ease-out-expo)}.studio-intro-leave-to{opacity:0;transform:scale(.96)}.studio-glow-enter-active,.studio-glow-leave-active{transition:opacity .8s var(--ease-standard)}.studio-glow-enter-from,.studio-glow-leave-to{opacity:0}.studio-empty-leave-active{transition:opacity .25s var(--ease-standard)}.studio-empty-leave-to{opacity:0}.studio-pill-leave-active{transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo)}.studio-progress-layer .studio-floating-status.studio-pill-leave-to{opacity:0;transform:translate(-50%,12px)}.studio-bento-tile{position:relative;overflow:hidden;min-width:0;min-height:0;border-radius:18px;background:var(--color-white);animation:studio-bento-tile-in .8s var(--ease-spring) backwards;animation-delay:calc(var(--bento-order, 0)*.12s)}.page-badge.tone-error{background:#fef3f2;color:#b42318}@keyframes studio-bento-tile-in{0%{opacity:0;transform:translateY(22px) scale(.97)}}@media(prefers-reduced-motion:reduce){.studio-bento-tile{animation:none}.preview-column,.studio-empty-leave-active,.studio-glow-enter-active,.studio-glow-leave-active,.studio-intro-leave-active,.studio-pill-leave-active{transition:none}}.studio-preview-corners{position:absolute;inset:clamp(18px,3vw,32px);z-index:3;pointer-events:none}.studio-preview-corners span{position:absolute;width:26px;height:26px;border-color:#ffffffb8}.studio-preview-frame.is-empty .studio-preview-corners span{border-color:#18181b33}.studio-preview-corners span:first-child{top:0;left:0;border-top:1px solid;border-left:1px solid}.studio-preview-corners span:nth-child(2){top:0;right:0;border-top:1px solid;border-right:1px solid}.studio-preview-corners span:nth-child(3){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.studio-preview-corners span:nth-child(4){bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.studio-preview-progress{position:absolute;right:24px;bottom:18px;left:24px;z-index:4;height:3px;overflow:hidden;border-radius:999px;background:#ffffff52}.studio-preview-progress span{display:block;width:var(--studio-progress);height:100%;border-radius:inherit;background:var(--brand);transition:width .42s var(--ease-out-expo)}.studio-preview-loading-indicator{position:absolute;top:18px;right:18px;z-index:5;display:inline-flex;align-items:center;gap:10px;border:1px solid hsla(0,0%,100%,.38);border-radius:999px;background:#18181bc2;box-shadow:0 14px 34px #18181b2e;color:var(--color-white);padding:10px 14px;font-size:12px;line-height:1;pointer-events:none}.studio-preview-loading-indicator .studio-spinner{width:14px;height:14px;color:currentColor}.preview-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:var(--color-white)}.preview-empty{display:grid;width:100%;height:100%;min-height:360px;place-items:center;padding:var(--sp-6)}.preview-empty-card{display:flex;width:min(360px,100%);min-height:180px;flex-direction:column;justify-content:center;border:.5px solid var(--color-grey-4);border-radius:16px;background:var(--color-grey-0);padding:var(--sp-6)}.preview-empty-card span{color:var(--color-grey-5);font-size:12px;font-weight:500;text-transform:capitalize}.preview-empty-card strong{margin-top:8px;font-size:22px;font-weight:560;line-height:1.15}.run-log{display:grid;max-height:112px;gap:6px;overflow:auto;margin:0;padding:0;list-style:none}.run-log li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;border-radius:12px;background:var(--color-grey-1);padding:8px 12px;color:var(--color-grey-7);font-size:12px}.run-log time{color:var(--color-grey-5)}.run-log span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-log .is-error{color:var(--danger)}.auth-shell,.center-state{display:grid;min-height:100dvh;place-items:center;background:var(--surface-sunken);padding:var(--sp-6)}.center-state{min-height:0}.auth-panel,.center-panel{display:flex;width:min(420px,100%);flex-direction:column;align-items:center;gap:18px;border:1px solid var(--border-subtle);border-radius:22px;background:#ffffffeb;box-shadow:0 20px 70px #18181b14;padding:28px;text-align:center}.auth-panel p,.center-panel h1,.center-panel p{margin:0}.center-panel h1{color:var(--text-primary);font-size:24px;font-weight:680;line-height:1.12}.auth-panel p,.center-panel p{color:var(--text-secondary)}.center-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.brand-dot{display:grid;width:54px;height:54px;place-items:center;border-radius:16px;background:var(--text-primary);color:var(--text-negative)}.brand-dot img{width:34px;height:34px;filter:invert(1)}.primary-pill,.secondary-pill{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:0 16px;font-size:13px;font-weight:650;line-height:1;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.primary-pill{background:var(--brand);color:var(--color-white)}.secondary-pill{border-color:var(--border-default);background:var(--color-white);color:var(--text-primary)}.primary-pill:hover,.secondary-pill:hover{transform:translateY(-1px)}.loading-dot{width:12px;height:12px;border-radius:50%;background:var(--brand);animation:pulse 1s var(--ease-standard) infinite}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes studio-entry-appear{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes studio-spin{to{transform:rotate(1turn)}}@keyframes studio-typing-wave{0%,80%,to{opacity:.28;transform:translateY(0)}40%{opacity:.9;transform:translateY(-3px)}}@keyframes empty-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(min-width:1600px){:root{--chat-panel-width:420px}}@media(max-width:860px){:root{--header-height:88px}.studio-header{gap:var(--sp-3);padding:0 var(--sp-4)}.header-actions{gap:var(--sp-2)}.studio-device-toggle{display:none}.brand-copy{max-width:178px}.brand-preview-tag{display:none}.brand-copy strong{font-size:15px}.preview-split-button{height:44px;padding:0 14px;font-size:13px}.header-feedback-button{min-height:44px;padding:0 14px;font-size:13px}.chat-column{overflow:visible}.preview-column{padding:12px}.chat-scroll{padding:18px 0}.studio-status-card{grid-template-columns:20px minmax(0,1fr)}.studio-status-meta{grid-column:2}.studio-status-actions{grid-column:2;justify-content:flex-start}.studio-preview-overlay{padding:16px}.studio-preview-corners{inset:18px}}@media(max-width:520px){.studio-brand{gap:10px}.brand-copy{max-width:92px}.header-feedback-button{padding:0 12px}.preview-split-button{width:44px;padding:0}.preview-split-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(max-width:420px){.studio-header{padding:0 16px}.brand-mark{width:32px;height:32px}.brand-copy{max-width:92px}}.studio-intake{display:grid;min-height:0;place-items:safe center;overflow-y:auto;background:var(--surface-sunken);padding:var(--sp-6)}.studio-intake-body{display:flex;width:min(481px,100%);flex-direction:column;align-items:center;gap:28px;border:1px solid var(--border-subtle);border-radius:22px;background:var(--surface-raised);box-shadow:0 20px 70px #18181b14;padding:40px;text-align:center}.studio-intake-copy{display:grid;gap:12px;max-width:481px}.studio-intake-copy h1{margin:0;color:var(--text-primary);font-size:30px;font-weight:600;line-height:1.05;letter-spacing:-.015em}.studio-intake-copy p{margin:0;color:var(--text-secondary);font-size:16px;line-height:1.4}.studio-intake-fields{display:flex;width:100%;flex-direction:column;gap:16px;text-align:left}.studio-intake-field{display:grid;gap:6px}.studio-intake-label{display:flex;align-items:center;gap:7px;color:var(--text-primary);font-size:13px;font-weight:550;letter-spacing:-.0075em}.studio-intake-optional{border:1px solid var(--border-subtle);border-radius:999px;padding:1px 7px;color:var(--text-tertiary);font-size:10px;font-weight:600}.studio-intake-input{width:100%;height:52px;border:1px solid var(--color-grey-4);border-radius:16px;background:var(--surface-raised);padding:0 16px;color:var(--text-primary);font:inherit;font-size:15px;font-weight:500;letter-spacing:-.0175em;outline:none;transition:border-color .16s var(--ease-standard)}.studio-intake-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.studio-intake-input::placeholder{color:var(--text-tertiary);font-weight:400}.studio-intake-input:focus-visible{border-color:var(--color-grey-5)}.studio-intake-textarea{height:auto;min-height:84px;max-height:340px;padding:14px 16px;overflow-y:auto;resize:none;line-height:1.4}.studio-intake-textarea-audience{min-height:60px;max-height:160px}.studio-intake-toggle{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;cursor:pointer}.studio-intake-generate{display:inline-flex;height:52px;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--text-primary);color:var(--text-negative);cursor:pointer;font-size:14px;font-weight:550;letter-spacing:-.0075em;line-height:1;transition:background-color var(--transition-fast),transform var(--transition-fast)}.studio-intake-generate:hover:not(:disabled){background:var(--color-grey-8);transform:translateY(-1px)}.studio-intake-generate:disabled{background:var(--surface-sunken);color:var(--text-tertiary);cursor:not-allowed}.studio-intake-blend{margin:0;max-width:400px;color:var(--text-tertiary);font-size:12px;line-height:1.4;text-align:center}.studio-helix{position:relative;height:100%;overflow:hidden;background:var(--surface-sunken)}.studio-helix-canvas{display:block;width:100%;height:100%}.studio-helix-fade{position:absolute;left:0;right:0;height:200px;pointer-events:none}.studio-helix-fade-top{top:0;background:linear-gradient(to bottom,var(--surface-sunken) 0,transparent 100%)}.studio-helix-fade-bottom{bottom:0;background:linear-gradient(to top,var(--surface-sunken) 0,transparent 100%)}.studio-onboarding-split{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.studio-onboarding-form{display:grid;min-height:0;place-items:safe center;overflow-y:auto;background:var(--surface-raised)}.studio-onboarding-visual{min-width:0}.studio-onboarding-form .studio-intake{background:transparent}.studio-onboarding-form .studio-intake-body{border:0;background:transparent;box-shadow:none;padding:24px}@media(max-width:900px){.studio-onboarding-split{grid-template-columns:minmax(0,1fr)}.studio-onboarding-visual{display:none}.studio-onboarding-form .studio-intake-body{width:min(481px,100%);border:1px solid var(--border-subtle);border-radius:22px;background:var(--surface-raised);box-shadow:0 20px 70px #18181b14;padding:40px}}.composer-target-element{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;border:0;border-radius:999px;background:var(--brand);color:var(--text-negative);padding:2px 8px;font:inherit;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast)}.composer-target-element:after{content:"×";font-size:12px;opacity:.75}.composer-target-element:focus-visible,.composer-target-element:hover{background:var(--brand-hover)}.studio-media-recovery{margin:0 12px 12px;padding:16px;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-raised)}.studio-media-recovery p{margin:0 0 12px;color:var(--text-secondary)}.tone-success{background:var(--success-subtle);color:var(--text-success)}.tone-accent{background:var(--brand-subtle);color:var(--brand)}.tone-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.tone-quiet{border:1px solid var(--border-subtle);color:var(--text-tertiary)}.review-btn-tone.ghost{background:var(--surface-base);color:var(--text-primary)}.review-btn-tone.primary{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 76%,var(--color-white)));color:var(--text-negative);box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 30%,transparent)}.review-btn-tone.primary:disabled{background:var(--color-grey-3);color:var(--text-tertiary);box-shadow:none;cursor:not-allowed}.review-btn-hover.ghost:hover:not(:disabled){background:var(--surface-elevated)}.review-btn-hover.primary:hover:not(:disabled){background:var(--brand-hover)}.review-btn-ghost-off.ghost:disabled{color:var(--text-tertiary);cursor:not-allowed}.brand-accent-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,var(--surface-base)),color-mix(in srgb,var(--brand) 11%,var(--surface-base)))}.studio-photo-lift{box-shadow:inset 0 0 0 1px var(--border-subtle),0 18px 40px #0000001f;transform:rotate(var(--tilt))}