:root,[data-theme=light]{--canvas: #ffffff;--surface: #f9fafb;--surface-subtle: #f3f4f6;--surface-hover: #e5e7eb;--surface-active: #d1d5db;--ink: #111418;--body: #1f242d;--muted: #4b5563;--hairline: #e2e4e9;--hairline-hover: #9ca3af;--border-focus: #111418;--primary: #111418;--primary-hover: #262a32;--primary-active: #050608;--on-primary: #ffffff;--info: #2563eb;--info-soft: #eff6ff;--info-border: #bfdbfe;--success: #16a34a;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 9999px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas: #0c0e12;--surface: #141820;--surface-subtle: #1c222c;--surface-hover: #262e3b;--surface-active: #323d4e;--ink: #f9fafb;--body: #e2e8f0;--muted: #94a3b8;--hairline: #2d3545;--hairline-hover: #475569;--border-focus: #f9fafb;--primary: #f9fafb;--primary-hover: #ffffff;--primary-active: #cbd5e1;--on-primary: #0c0e12;--info: #60a5fa;--info-soft: rgba(59, 130, 246, .12);--info-border: #1e3a8a;--success: #22c55e;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--danger-border: #7f1d1d;color-scheme:dark}}[data-theme=dark]{--canvas: #0c0e12;--surface: #141820;--surface-subtle: #1c222c;--surface-hover: #262e3b;--surface-active: #323d4e;--ink: #f9fafb;--body: #e2e8f0;--muted: #94a3b8;--hairline: #2d3545;--hairline-hover: #475569;--border-focus: #f9fafb;--primary: #f9fafb;--primary-hover: #ffffff;--primary-active: #cbd5e1;--on-primary: #0c0e12;--info: #60a5fa;--info-soft: rgba(59, 130, 246, .12);--info-border: #1e3a8a;--success: #22c55e;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--danger-border: #7f1d1d;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:var(--canvas);color:var(--body);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-nav{height:50px;background-color:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:50;display:flex;align-items:center}.top-nav-inner{width:100%;max-width:1800px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand-cluster{display:flex;align-items:center;gap:10px}.brand-title{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.brand-badge{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--radius-xs);background-color:var(--surface-subtle);color:var(--muted);border:1px solid var(--hairline)}.nav-meta-cluster{display:flex;align-items:center;gap:16px}.allowance-indicator{font-family:var(--font-mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.allowance-indicator.spent{color:var(--danger);font-weight:600}.account-cluster{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);border-left:1px solid var(--hairline);padding-left:14px}.btn-link{background:none;border:none;padding:0;font-size:12.5px;color:var(--muted);cursor:pointer;text-decoration:underline;transition:color .1s ease}.btn-link:hover{color:var(--ink)}.theme-toggle-btn{background-color:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;padding:0;box-shadow:0 1px 2px #0000000a;flex-shrink:0}.theme-toggle-btn:hover{border-color:var(--hairline-hover);background-color:var(--surface-hover);color:var(--ink)}.theme-toggle-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.theme-toggle-icon{line-height:1;display:inline-flex;align-items:center;justify-content:center;color:currentColor;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(15deg) scale(1.08)}.studio-ribbon{background-color:var(--surface);border-bottom:1px solid var(--hairline);padding:10px 20px}.studio-ribbon-inner{max-width:1800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ribbon-left-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ribbon-right-controls{display:flex;align-items:center;gap:12px}.mode-segmented{display:inline-flex;background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:2px}.mode-tab{padding:5px 14px;background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);font-size:13px;font-weight:500;color:var(--body);cursor:pointer;transition:all .12s ease;display:flex;align-items:center;gap:5px}.mode-tab:hover:not(:disabled){color:var(--ink);background-color:var(--surface-hover)}.mode-tab.active{background-color:var(--primary);color:var(--on-primary);font-weight:600;box-shadow:0 1px 2px #00000014}.custom-select-container{position:relative;display:inline-block}.param-pill{display:inline-flex;align-items:center;gap:7px;background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:0 10px;height:32px;cursor:pointer;font-family:var(--font-ui);transition:border-color .12s ease,background-color .12s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a}.param-pill:hover:not(:disabled),.custom-select-container.is-open .param-pill{background-color:var(--surface-hover);border-color:var(--hairline-hover)}.param-pill:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.param-label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.param-value{font-size:13px;font-weight:550;color:var(--ink)}.param-chevron{font-size:10px;color:var(--muted);margin-left:2px;transition:transform .15s ease}.custom-select-container.is-open .param-chevron{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;min-width:210px;max-width:calc(100vw - 24px);box-sizing:border-box;background-color:var(--canvas)!important;border:1px solid var(--hairline);border-radius:var(--radius-sm);box-shadow:0 12px 32px #0000002e,0 2px 6px #00000014;padding:5px;z-index:1000;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .12s cubic-bezier(.16,1,.3,1)}.ribbon-right-controls .custom-select-dropdown{left:auto;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-xs);font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .1s ease,color .1s ease}.dropdown-option:hover,.dropdown-option.active{background-color:var(--surface-hover)!important;color:var(--ink)!important}.dropdown-option.selected{background-color:var(--surface-subtle);font-weight:600;color:var(--ink)}.check-icon{font-size:12px;font-weight:700;color:var(--ink)}select,select option{background-color:var(--canvas)!important;color:var(--ink)!important;opacity:1!important}.workspace-container{flex:1;max-width:1800px;width:100%;margin:0 auto;padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}@media(max-width:960px){.workspace-container{grid-template-columns:1fr;padding:12px}}.pane-card{display:flex;flex-direction:column;background-color:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);min-height:calc(100vh - 160px);overflow:hidden}.pane-header{height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);background-color:var(--canvas)}.pane-title-group{display:flex;align-items:center;gap:10px}.pane-heading{font-size:13px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.source-toggle{display:inline-flex;background-color:var(--surface-subtle);border-radius:var(--radius-sm);padding:2px}.source-btn{padding:3px 10px;background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer}.source-btn.active{background-color:var(--canvas);color:var(--ink);box-shadow:0 1px 2px #0000000d}.pane-actions{display:flex;align-items:center;gap:8px}.meta-count{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.pane-body{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.editor-textarea{flex:1;width:100%;height:100%;min-height:420px;padding:16px;font-family:var(--font-ui);font-size:14.5px;line-height:1.65;color:var(--ink);background-color:var(--canvas);border:none;resize:none;outline:none}.editor-textarea::placeholder{color:var(--muted);opacity:.6}.dropzone-view{flex:1;margin:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;background-color:var(--canvas);border:1.5px dashed var(--hairline);border-radius:var(--radius-sm);cursor:pointer;position:relative;text-align:center;transition:all .12s ease}.dropzone-view:hover,.dropzone-view.drag-active{border-color:var(--ink);background-color:var(--surface-subtle)}.file-input-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.dropzone-icon{font-size:28px;margin-bottom:4px}.dropzone-primary-text{font-size:14px;font-weight:600;color:var(--ink)}.dropzone-secondary-text{font-size:12.5px;color:var(--muted)}.attached-card{margin:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.attached-meta{display:flex;align-items:center;gap:10px}.attached-filename{font-size:13.5px;font-weight:550;color:var(--ink)}.attached-size{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.pane-footer{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline);background-color:var(--canvas)}.security-tag{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.btn-cta{height:36px;padding:0 18px;background-color:var(--primary);color:var(--on-primary);font-family:var(--font-ui);font-size:13px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .12s ease}.btn-cta:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-cta:active:not(:disabled){background-color:var(--primary-active);transform:translateY(0)}.btn-cta:disabled{opacity:.35;cursor:not-allowed;transform:none}.shortcut-badge{font-family:var(--font-mono);font-size:11px;opacity:.7}.idle-studio{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px;background-color:var(--canvas);gap:20px}.idle-wireframe{max-width:440px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;opacity:.45;-webkit-user-select:none;user-select:none}.wireframe-headline{height:18px;width:75%;background-color:var(--muted);border-radius:var(--radius-xs)}.wireframe-row{height:12px;background-color:var(--hairline);border-radius:var(--radius-xs)}.wireframe-box{height:60px;border:1px dashed var(--hairline-hover);border-radius:var(--radius-xs)}.idle-caption{text-align:center;margin:0 auto;max-width:380px}.idle-caption h4{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px}.idle-caption p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.loading-studio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;background-color:var(--canvas)}.spinner-ring{width:24px;height:24px;border:2px solid var(--hairline);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-label{font-size:14px;font-weight:550;color:var(--ink)}.loading-timer{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.output-scroll-body{flex:1;padding:24px 28px;overflow-y:auto;background-color:var(--canvas);display:flex;flex-direction:column;gap:22px}.output-headline{font-size:19px;font-weight:650;line-height:1.35;color:var(--ink);margin:0;letter-spacing:-.01em}.output-label{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}.points-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.points-list li{font-size:14px;line-height:1.6;color:var(--body)}.actions-box{background-color:var(--surface);border:1px solid var(--hairline);border-left:3px solid var(--ink);border-radius:var(--radius-sm);padding:12px 16px}.actions-box ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.actions-box li{font-size:13.5px;line-height:1.5;color:var(--ink)}.addition-explainer{font-size:12.5px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--hairline);line-height:1.5}.section-item{display:flex;flex-direction:column;gap:8px}.section-item h3{font-size:15px;font-weight:600;color:var(--ink);margin:0}.section-item p{font-size:14px;line-height:1.6;color:var(--body);margin:0}.addition-callout{margin-top:4px;padding:8px 12px;background-color:var(--info-soft);border-left:2px solid var(--info);border-radius:0 var(--radius-xs) var(--radius-xs) 0;font-size:13px;line-height:1.5;color:var(--ink)}.addition-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--info);display:block;margin-bottom:2px}.btn-action{height:28px;padding:0 10px;font-size:12px;font-weight:500;color:var(--ink);background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-xs);cursor:pointer;transition:all .1s ease}.btn-action:hover{border-color:var(--hairline-hover);background-color:var(--surface-subtle)}.failure-container{padding:24px;background-color:var(--canvas);flex:1}.failure-card{padding:16px 20px;background-color:var(--surface);border:1px solid var(--hairline);border-left:3px solid var(--danger);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px}.failure-title{font-size:14px;font-weight:600;color:var(--ink);margin:0}.failure-detail{font-size:13px;color:var(--body);margin:0}.output-actions{display:flex;align-items:center;gap:6px}.actions-empty{margin:0;font-size:13px;color:var(--muted)}.dropzone-wrap{flex:1;display:flex;flex-direction:column}.dropzone-error{margin-top:10px;font-size:12.5px;font-weight:550;color:var(--danger)}.editor-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.audio-btn{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.audio-btn:hover{text-decoration:underline}.btn-link.recording{color:var(--danger);font-weight:600}.pane-footer-end{justify-content:flex-end}.landing-page{min-height:100vh;background-color:var(--canvas);color:var(--body);display:flex;flex-direction:column}.site-header{border-bottom:1px solid var(--hairline);background-color:var(--canvas);position:sticky;top:0;z-index:50}.site-header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.brand-title-group{display:flex;align-items:baseline;gap:8px}.brand-name{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.brand-version{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.site-header-actions{display:flex;align-items:center;gap:16px}.header-privacy-badge{font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--muted);background-color:var(--surface-subtle);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline)}.btn-header-signin{background-color:var(--primary);color:var(--on-primary);border:none;padding:7px 16px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .12s ease}.btn-header-signin:hover{background-color:var(--primary-hover)}.hero-section{padding:72px 24px 56px;background-color:var(--canvas);border-bottom:1px solid var(--hairline)}.hero-inner{max-width:820px;margin:0 auto;text-align:center}.hero-heading{font-size:42px;line-height:1.16;font-weight:600;letter-spacing:-.025em;color:var(--ink);margin:0 0 16px}@media(max-width:640px){.hero-heading{font-size:30px}}.hero-lead{font-size:16.5px;line-height:1.6;color:var(--body);margin:0 auto 32px;max-width:640px}.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.btn-hero-primary{background-color:var(--primary);color:var(--on-primary);border:none;padding:10px 22px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .12s ease;box-shadow:0 1px 3px #00000014}.btn-hero-primary:hover{background-color:var(--primary-hover)}.btn-hero-secondary{background-color:var(--canvas);color:var(--ink);border:1px solid var(--hairline);padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:14px;font-weight:550;cursor:pointer;transition:all .12s ease}.btn-hero-secondary:hover{border-color:var(--hairline-hover);background-color:var(--surface-hover);color:var(--ink)}.hero-spec-strip{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--muted);flex-wrap:wrap}.spec-dot{width:3px;height:3px;border-radius:50%;background-color:var(--hairline-hover)}.preview-section{padding:56px 24px;max-width:1200px;margin:0 auto;width:100%}.preview-section-header{margin-bottom:24px}.preview-section-title{font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:0 0 6px}.preview-section-subtitle{font-size:14px;color:var(--muted);margin:0}.preview-workbench{border:1px solid var(--hairline);border-radius:var(--radius-sm);background-color:var(--canvas);overflow:hidden;box-shadow:0 2px 8px #0000000a}.workbench-toolbar{padding:10px 16px;border-bottom:1px solid var(--hairline);background-color:var(--surface-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.sample-tab-group{display:flex;align-items:center;gap:6px}.sample-tab{background-color:var(--canvas);border:1px solid var(--hairline);padding:5px 12px;border-radius:var(--radius-xs);font-family:var(--font-ui);font-size:13px;color:var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .12s ease}.sample-tab:hover{border-color:var(--hairline-hover);background-color:var(--surface-hover);color:var(--ink)}.sample-tab.active{background-color:var(--canvas);border-color:var(--ink);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #00000014}.tab-title{font-weight:550;color:inherit}.tab-meta{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--muted);background-color:var(--surface-subtle);padding:1px 5px;border-radius:3px;border:1px solid var(--hairline)}.mode-toggle-group{display:flex;align-items:center;border:1px solid var(--hairline);border-radius:var(--radius-xs);background-color:var(--canvas);padding:2px}.mode-toggle-btn{background:transparent;border:none;padding:5px 12px;font-family:var(--font-ui);font-size:12.5px;font-weight:500;color:var(--muted);border-radius:calc(var(--radius-xs) - 1px);cursor:pointer;transition:all .12s ease}.mode-toggle-btn:hover{color:var(--ink);background-color:var(--surface-hover)}.mode-toggle-btn.active{background-color:var(--primary);color:var(--on-primary);font-weight:600}.workbench-grid{display:grid;grid-template-columns:1fr 1fr;min-height:480px}@media(max-width:900px){.workbench-grid{grid-template-columns:1fr}}.workbench-pane{display:flex;flex-direction:column;background-color:var(--canvas)}.source-pane{border-right:1px solid var(--hairline)}@media(max-width:900px){.source-pane{border-right:none;border-bottom:1px solid var(--hairline)}}.pane-title-bar{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);font-size:13px;color:var(--ink);background-color:var(--surface)}.pane-title-text{display:flex;align-items:center;gap:8px;font-weight:600}.pane-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;padding:1px 5px;border-radius:var(--radius-xs);background-color:var(--surface-subtle);color:var(--muted);border:1px solid var(--hairline)}.pane-tag.output-tag{color:var(--info);border-color:var(--info-border);background-color:var(--info-soft)}.pane-wordcount{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.pane-ctrls{display:flex;align-items:center}.btn-pane-action{background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-xs);padding:4px 10px;font-family:var(--font-ui);font-size:12px;font-weight:550;color:var(--ink);cursor:pointer;transition:all .12s ease}.btn-pane-action:hover{border-color:var(--hairline-hover);background-color:var(--surface-hover);color:var(--ink)}.pane-content-scroll{flex:1;padding:20px;overflow-y:auto;max-height:440px;line-height:1.6}.raw-text-block{margin:0;font-family:var(--font-mono);font-size:12px;line-height:1.65;color:var(--body);white-space:pre-wrap;word-break:break-word}.pane-footer-bar{height:38px;padding:0 16px;border-top:1px solid var(--hairline);display:flex;align-items:center;font-size:12px;color:var(--muted);background-color:var(--surface-subtle)}.brief-body{display:flex;flex-direction:column;gap:20px}.brief-headline{margin:0;font-size:16px;font-weight:600;line-height:1.45;color:var(--ink);letter-spacing:-.01em}.brief-block{display:flex;flex-direction:column;gap:8px}.brief-block-label{font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.brief-points-list,.brief-actions-list{margin:0;padding-left:20px;color:var(--body);font-size:13.5px;display:flex;flex-direction:column;gap:8px}.brief-actions-list{list-style-type:square}.expansion-body{display:flex;flex-direction:column;gap:18px}.expansion-notice{font-size:12.5px;color:var(--muted);padding:8px 12px;background-color:var(--surface-subtle);border-left:3px solid var(--info);border-radius:var(--radius-xs)}.expansion-article{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--hairline)}.expansion-article:last-child{border-bottom:none}.expansion-heading{margin:0;font-size:14.5px;font-weight:600;color:var(--ink)}.expansion-paragraph{margin:0;font-size:13.5px;line-height:1.6;color:var(--body)}.expansion-callout{margin-top:4px;padding:8px 12px;background-color:var(--surface-subtle);border:1px solid var(--hairline);border-radius:var(--radius-xs);font-size:12.5px;line-height:1.5;color:var(--body);display:flex;align-items:baseline;gap:8px}.callout-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--info)}.cta-banner-section{max-width:1200px;margin:16px auto 64px;padding:0 24px;width:100%}.cta-banner-box{background-color:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cta-banner-title{margin:0 0 4px;font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}.cta-banner-desc{margin:0;font-size:13.5px;color:var(--muted)}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:52px 20px 20px;animation:modalFadeIn .15s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-container{position:relative;width:100%;max-width:420px;display:flex;justify-content:center;margin:auto 0}.auth-modal-floating-close{position:absolute;top:-40px;right:0;background:var(--surface);border:1px solid var(--hairline);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:all .12s ease;padding:0;z-index:10}.auth-modal-floating-close:hover{background:var(--surface-hover);color:var(--ink)}.dev-auth-card{background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:32px;width:100%;max-width:420px;box-shadow:0 24px 48px #00000038}.dev-sign-in-form{display:flex;flex-direction:column;gap:16px}.dev-notice{font-size:12px;line-height:1.5;color:var(--muted);padding:10px 12px;background-color:var(--surface-subtle);border:1px solid var(--hairline);border-radius:var(--radius-xs)}.quick-personas-group{display:flex;flex-direction:column;gap:8px}.quick-personas-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.quick-personas-grid{display:flex;flex-direction:column;gap:6px}.persona-quick-btn{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-xs);cursor:pointer;transition:all .12s ease;font-family:var(--font-ui)}.persona-quick-btn:hover{border-color:var(--ink);background-color:var(--surface-hover)}.persona-role{font-size:13px;font-weight:600;color:var(--ink)}.persona-email{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.auth-divider-or{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:11.5px;margin:4px 0}.auth-divider-or:before,.auth-divider-or:after{content:"";flex:1;border-bottom:1px solid var(--hairline)}.auth-divider-or span{padding:0 10px}.control-field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12.5px;font-weight:550;color:var(--ink)}.form-input{width:100%;padding:9px 12px;background-color:var(--canvas);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-xs);font-family:var(--font-ui);font-size:13.5px;height:40px;transition:border-color .1s ease}.form-input:focus{outline:none;border-color:var(--ink)}.primary-cta-btn{width:100%;padding:10px 16px;background-color:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-xs);font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer;height:40px;transition:background-color .12s ease}.primary-cta-btn:hover:not(:disabled){background-color:var(--primary-hover)}.auth-clerk-wrapper,.auth-clerk-root{width:100%;display:flex;justify-content:center}.site-footer{border-top:1px solid var(--hairline);background-color:var(--canvas);padding:20px 24px}.site-footer-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);flex-wrap:wrap}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--muted);text-decoration:none;transition:color .1s ease}.footer-links a:hover{color:var(--ink)}@media(max-width:960px){.workspace-container{grid-template-columns:1fr;padding:14px;gap:16px}.pane-card{min-height:auto}.editor-textarea{min-height:220px}.idle-studio{padding:32px 20px;min-height:240px}.output-scroll-body{max-height:520px;padding:20px 18px}.workbench-grid{grid-template-columns:1fr;min-height:auto}.source-pane{border-right:none;border-bottom:1px solid var(--hairline)}.pane-content-scroll{max-height:320px}}@media(max-width:768px){.hero-section{padding:48px 20px 40px}.hero-heading{font-size:34px;line-height:1.2}.hero-lead{font-size:15.5px;margin-bottom:26px}.hero-spec-strip .spec-dot{display:none}.hero-spec-strip>span:not(.spec-dot){padding:5px 11px;border:1px solid var(--hairline);border-radius:var(--radius-pill);background-color:var(--surface);color:var(--muted);white-space:nowrap}.preview-section{padding:40px 16px}.workbench-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.toolbar-left,.toolbar-right{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:8px}.sample-tab-group{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px}.sample-tab-group::-webkit-scrollbar{display:none}.sample-tab{flex-shrink:0;white-space:nowrap}.mode-toggle-group{width:100%;display:flex}.mode-toggle-btn{flex:1;text-align:center;padding:6px 12px}.cta-banner-section{padding:0 16px;margin:16px auto 44px}.cta-banner-box{padding:26px 22px;flex-direction:column;align-items:stretch;gap:16px}.cta-banner-title{font-size:18px}.cta-banner-box .btn-hero-primary{width:100%;text-align:center}}@media(max-width:640px){.site-header-inner,.top-nav-inner{padding:0 14px;height:50px}.header-privacy-badge{display:none}.btn-header-signin{padding:6px 12px;font-size:12.5px}.allowance-indicator{font-size:11px}.account-cluster{padding-left:8px;gap:6px;font-size:12px}.account-cluster span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.studio-ribbon{padding:12px 14px}.studio-ribbon-inner{gap:12px}.ribbon-left-controls{width:100%;gap:8px}.ribbon-right-controls{width:100%;justify-content:flex-start}.ribbon-right-controls .custom-select-dropdown{left:0;right:auto}.mode-segmented{width:100%;display:flex}.mode-tab{flex:1;justify-content:center;padding:6px 8px;font-size:12px}.param-pill{padding:0 12px;height:34px;font-size:12px;gap:6px}.param-label{font-size:10.5px}.param-value{font-size:12px}.workspace-container{padding:16px 14px;gap:18px}.pane-header{height:auto;min-height:46px;padding:10px 14px;flex-wrap:wrap;gap:8px}.pane-title-group{gap:8px;flex-wrap:wrap}.pane-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:6px}.editor-textarea{min-height:190px;padding:12px;font-size:14px}.dropzone-view{margin:12px;padding:24px 14px}.dropzone-primary-text{font-size:13.5px}.dropzone-secondary-text{font-size:11.5px}.attached-card{margin:12px;padding:10px 12px}.pane-footer{height:auto;padding:10px 12px;flex-direction:column-reverse;align-items:stretch;gap:10px}.security-tag{justify-content:center;font-size:11.5px}.btn-cta{width:100%;justify-content:center;height:42px;font-size:13.5px}.output-scroll-body{padding:20px 16px;max-height:460px;gap:20px}.output-headline{font-size:17px}.site-footer{padding:20px 14px}.site-footer-inner{flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:14px}}@media(max-width:480px){html,body{font-size:13.5px}.brand-badge{display:none}.brand-title{font-size:14px}.allowance-indicator{display:none}.hero-section{padding:34px 14px 26px}.hero-heading{font-size:26px;line-height:1.22;letter-spacing:-.02em;margin-bottom:12px}.hero-lead{font-size:13.5px;line-height:1.55;color:var(--muted);margin-bottom:22px}.hero-spec-strip>span:not(.spec-dot){padding:4px 10px;font-size:10.5px}.hero-cta-row{flex-direction:column;width:100%;gap:8px;margin-bottom:22px}.btn-hero-primary,.btn-hero-secondary{width:100%;text-align:center;justify-content:center;padding:11px 14px;font-size:13.5px}.hero-spec-strip{gap:6px 8px;font-size:11px}.preview-section{padding:26px 12px}.preview-section-title{font-size:18px}.preview-section-subtitle{font-size:13px}.pane-title-bar{padding:0 12px;font-size:12px}.pane-content-scroll{padding:12px;max-height:250px}.raw-text-block{font-size:11.5px}.brief-headline{font-size:14.5px}.brief-points-list,.brief-actions-list{padding-left:16px;font-size:12.5px;gap:6px}.actions-box{padding:10px 12px}.expansion-heading{font-size:13.5px}.expansion-paragraph{font-size:12.5px}.auth-modal-overlay{padding:48px 12px 16px}.persona-quick-btn{padding:8px 10px}.persona-role{font-size:12px}.persona-email{font-size:10.5px}.primary-cta-btn{height:38px;font-size:13px}.custom-select-dropdown{min-width:170px;max-width:calc(100vw - 20px)}.dropdown-option{padding:7px 10px;font-size:12px}}@media print{.top-nav,.studio-ribbon,.pane-footer,.pane-actions,form.pane-card{display:none!important}.app-shell{min-height:auto}.workspace-container{display:block;max-width:none;padding:0}.pane-card{min-height:auto;overflow:visible;border:none;border-radius:0}.pane-header{height:auto;border-bottom:1px solid var(--hairline)}.pane-body,.output-scroll-body{overflow:visible;padding:0}.addition-callout,.actions-box,.addition-explainer{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}.section-item{break-inside:avoid}}