:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--z-base:0;--z-header:20;--z-dropdown:80;--z-popover:90;--z-overlay:900;--z-modal:1000;--bg:#070b15;--panel-bg:#111827;--border:#94a3b838;--text:#dbe4ff;--text-h:#fff;--text-primary:var(--text-h);--muted:#94a3b8;--muted-text:var(--muted);--accent:#7c80ff;--link:#9fb3ff;--shadow:0 24px 80px #050a1966;--shadow-sm:0 10px 24px #02061724;--shadow-md:0 18px 44px #02061738;--shadow-lg:var(--shadow);--focus-ring:color-mix(in srgb, var(--accent) 26%, transparent);--bg-top-glow:#6366f140;--bg-gradient:linear-gradient(180deg, #08101f 0%, #050913 100%);--button-gradient:linear-gradient(135deg, #6574ff, #9a5bff);--button-text:#fff;--button-secondary-bg:#ffffff14;--button-secondary-text:#fff;--input-bg:#0f172ae6;--hero-bg:linear-gradient(135deg, #545cff2e, #b95cff1f);--hero-status-bg:#0c101e94;--card-bg:linear-gradient(180deg, #ffffff0d, #ffffff05);--menu-trigger-bg:#0f172ad1;--menu-trigger-hover-bg:#1e293bf0;--menu-bg:#0a101ffa;--overlay-bg:#0409138c;--modal-overlay-bg:#040913b8;--progress-track-bg:#ffffff14;--pill-bg:#ffffff1f;--note-bg:#6574ff14;--note-text:#94a3b8;--success-bg:#22c55e1f;--success-text:#9af0b4;--error-bg:#ff6b6b1a;--error-text:#ffb4b4;--warning-bg:#ffd1661f;--warning-text:#ffd78a;--surface-1:#111827eb;--surface-2:#0f172abd;--surface-muted:#0f172a75;--border-strong:#cbd5e157;--control-bg:#0f172ae6;--control-border:#94a3b83d;--text-secondary:#b8c4d9;--status-processing-bg:#5df5ff1a;--status-processing-text:#a8f7ff}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf4ff;--panel-bg:#ffffffd1;--border:#5b72a12e;--text:#19304f;--text-h:#10233d;--text-primary:var(--text-h);--muted:#5c7294;--muted-text:var(--muted);--accent:#3d73ff;--link:#285ee8;--shadow:0 30px 90px #385ba029;--shadow-sm:0 8px 22px #385ba01a;--shadow-md:0 18px 44px #385ba024;--shadow-lg:var(--shadow);--focus-ring:color-mix(in srgb, var(--accent) 22%, transparent);--bg-top-glow:#4782ff38;--bg-gradient:linear-gradient(180deg, #f8fbff 0%, #e8f1ff 52%, #dce9ff 100%);--button-gradient:linear-gradient(135deg, #4f7cff, #4ad7ff);--button-text:#0f2340;--button-secondary-bg:#ffffffc2;--button-secondary-text:#19304f;--input-bg:#ffffffe0;--hero-bg:linear-gradient(135deg, #4f7cff2e, #4ad7ff2e);--hero-status-bg:#ffffffb8;--card-bg:linear-gradient(180deg, #ffffffe0, #f0f7ffe6);--menu-trigger-bg:#ffffffd1;--menu-trigger-hover-bg:#e7f0fff2;--menu-bg:#fffffffa;--overlay-bg:#98b1e047;--modal-overlay-bg:#7c99d157;--progress-track-bg:#6b91dc29;--pill-bg:#ffffffc7;--note-bg:#537ad41f;--note-text:#3c5277;--success-bg:#25a35a29;--success-text:#216741;--error-bg:#dc585824;--error-text:#8c2f2f;--warning-bg:#d69a2629;--warning-text:#7b5511;--surface-1:#fffffff0;--surface-2:#f4f8ffeb;--surface-muted:#e8f0fcd1;--border-strong:#53699152;--control-bg:#fffffff5;--control-border:#5b72a147;--text-secondary:#3e577a;--status-processing-bg:#2673cd21;--status-processing-text:#174c92}:root{font-family:var(--font-sans), sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--bg-top-glow), transparent 30%), var(--bg-gradient);min-width:320px;min-height:100vh;color:var(--text);margin:0}a{color:var(--link);text-decoration:none}button,input,textarea,select{font:inherit}button{border-radius:var(--radius-lg);background:var(--button-gradient);color:var(--button-text);cursor:pointer;border:0;padding:12px 16px}button:disabled,button[aria-disabled=true],.button-disabled{opacity:.6;cursor:not-allowed}input,textarea,select{border-radius:var(--radius-lg);border:1px solid var(--control-border,var(--border));background:var(--control-bg,var(--input-bg));width:100%;color:var(--text);padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--accent) 48%, var(--control-border,var(--border)));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}label{gap:8px;display:grid}audio{width:100%}h1,h2,p{margin:0}#root{min-height:100vh}.app-shell{gap:24px;padding:32px;display:grid}.app-shell--booting{place-items:center;min-height:100vh}.app-boot{background:#ffffffdb;border:1px solid #b4c3dc47;border-radius:20px;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 20px 50px #0f172a14}.app-boot__logo{color:#3158f5;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.app-boot__logo svg{width:48px;height:48px}.app-boot__copy{flex-direction:column;gap:4px;display:flex}.app-boot__copy strong{color:#0f172a;font-size:16px}.app-boot__copy span{color:#64748b;font-size:13px}.button-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text)}:root[data-theme=light] .button-secondary,:root[data-theme=light] button.button-secondary{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-secondary)}:root[data-theme=light] .button-secondary:hover:not(:disabled),:root[data-theme=light] button.button-secondary:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 38%, var(--border-strong));color:var(--text-h);background:#fff}.button-row{flex-wrap:wrap;gap:6px;display:flex}.muted{color:var(--muted)}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.workspace--single{grid-template-columns:1fr}.workspace--refine{overscroll-behavior-x:contain;overflow-x:clip}.panel{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow);border-radius:18px;gap:14px;padding:20px;display:grid}.panel__header h2{margin:0 0 6px}.panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel__header-action{flex-shrink:0}.progress-overlay{background:var(--overlay-bg);z-index:30;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.progress-card{border:1px solid var(--border);background:var(--menu-bg);width:min(480px,100%);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:22px;display:grid}.progress-card strong{font-size:18px}.progress-card p,.progress-card span{color:var(--muted)}.progress-track{background:var(--progress-track-bg);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--button-gradient);height:100%;transition:width .35s}.progress-fill--failed{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.progress-fill--success{background:linear-gradient(135deg,#14b8a6,#22c55e)}.progress-track--indeterminate{position:relative}.progress-fill--indeterminate{width:36%;min-width:96px;transition:none;animation:1.15s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-120%)}55%{transform:translate(95%)}to{transform:translate(320%)}}.modal-overlay{background:var(--modal-overlay-bg);z-index:40;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:var(--menu-bg);width:min(460px,100%);box-shadow:var(--shadow);border-radius:20px;gap:14px;padding:24px;display:grid}.modal-card--wide{width:min(760px,100%)}.modal-card h3,.modal-card p{margin:0}.modal-actions{justify-content:flex-end}.image-preview-modal{width:min(1100px,94vw)}.image-preview-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.image-preview-modal__body{background:color-mix(in srgb, var(--panel-bg) 78%, transparent);border-radius:18px;justify-content:center;align-items:center;max-height:min(78vh,920px);margin-top:4px;padding:16px;display:flex;overflow:auto}.image-preview-modal__image{object-fit:contain;border-radius:14px;max-width:100%;max-height:calc(78vh - 32px);display:block;box-shadow:0 16px 44px #0f172a24}.background-task-toast{z-index:32;border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--menu-bg) 92%, transparent), color-mix(in srgb, var(--panel-bg) 96%, transparent)), color-mix(in srgb, var(--panel-bg) 92%, #020617);pointer-events:none;border-radius:18px;gap:10px;width:min(360px,100vw - 32px);padding:14px 15px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #02081747}.background-task-toast__header,.background-task-toast__meta{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.background-task-toast__header span{background:color-mix(in srgb, var(--accent) 16%, transparent);color:color-mix(in srgb, var(--accent) 72%, var(--text-h));border-radius:999px;flex:none;padding:4px 8px;font-size:12px;font-weight:800}.background-task-toast__header strong{min-width:0;color:var(--text-h);text-align:right;font-size:14px;line-height:1.35}.background-task-toast__meta span,.background-task-toast__meta b{color:var(--muted);font-size:12px;line-height:1.3}.background-task-toast__meta span{overflow-wrap:anywhere;min-width:0}.background-task-toast__meta b{color:var(--text-h);flex:none}.background-task-toast__track{background:var(--progress-track-bg);border-radius:999px;width:100%;height:7px;overflow:hidden}.background-task-toast__track i{border-radius:inherit;background:var(--button-gradient);height:100%;transition:width .35s;display:block}.background-task-toast--success{border-color:color-mix(in srgb, #22c55e 36%, var(--border))}.background-task-toast--success .background-task-toast__header span,.background-task-toast--success .background-task-toast__track i{color:#062b16;background:linear-gradient(90deg,#22c55e,#86efac)}.background-task-toast--failed{border-color:color-mix(in srgb, #ef4444 36%, var(--border))}.background-task-toast--failed .background-task-toast__header span,.background-task-toast--failed .background-task-toast__track i{color:#fff7ed;background:linear-gradient(90deg,#ef4444,#f97316)}.background-task-toast--failed .background-task-toast__meta span{color:color-mix(in srgb, #fecaca 82%, var(--muted))}.warning{color:#ffd166}@media (width<=640px){.background-task-toast{width:calc(100vw - 28px);bottom:14px;right:14px}}@media (width<=960px){.app-shell{padding:18px}.button-row{flex-direction:column}.app-boot{width:100%;max-width:420px;padding:20px}.workspace{grid-template-columns:1fr;gap:16px;display:grid}}.stack{gap:14px;display:grid}.project-list,.segment-list{gap:10px;display:grid}.asset-list{gap:12px;display:grid}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.asset-grid--images{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.asset-card{border:1px solid var(--border);background:var(--card-bg);-webkit-user-select:text;user-select:text;border-radius:16px;align-content:start;gap:8px;min-width:0;padding:10px;display:grid;position:relative}.asset-card__menu-wrap{z-index:3;position:absolute;top:10px;right:10px}.menu-trigger{background:var(--menu-trigger-bg);min-width:32px;min-height:32px;color:var(--text);border:1px solid #94a3b838;border-radius:10px;place-items:center;padding:6px;font-size:16px;line-height:1;display:inline-grid;box-shadow:0 8px 20px #0208172e}.menu-trigger svg{display:block}.menu-trigger:hover{background:var(--menu-trigger-hover-bg);border-color:#7c80ff57}.menu-trigger:focus-visible{outline-offset:2px;outline:2px solid #5df5ffb8}.card-menu{background:var(--menu-bg);border:1px solid #94a3b833;border-radius:14px;gap:6px;min-width:150px;padding:8px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 20px 60px #00000059}.card-menu__item{color:var(--text);background:0 0;border-radius:10px;justify-content:flex-start;padding:10px 12px;font-size:13px}.card-menu__item:hover{background:#ffffff0f}.card-menu__item--danger{color:#ff8c8c}.asset-card strong{-webkit-user-select:text;user-select:text;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;line-height:1.3;display:block;overflow:hidden}.asset-card span{color:var(--muted);-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;min-width:0}.asset-card>div:first-child{min-height:42px}.asset-grid--images .asset-card{gap:7px;padding:9px}.asset-card--image{align-content:start}.asset-card--image>div:nth-of-type(2){min-width:0;min-height:40px}.asset-grid--images .asset-card strong{font-size:14px}.asset-grid--images .asset-card span{font-size:12px}.asset-grid--images .asset-card>div:nth-of-type(2)>span{max-height:2.8em;display:block;overflow:hidden}.asset-grid--images .asset-meta{font-size:11px}.asset-grid--images .button-row{gap:8px}.asset-grid--images .button-row>*{flex:1 1 0}.asset-grid .button-row>*{flex:auto}.asset-grid .button-row a,.asset-grid .button-row button,.asset-grid .button-row span{text-align:center;justify-content:center}.asset-audio{width:100%;min-height:54px}.button-secondary--active{color:var(--text-h);background:#5df5ff29;border-color:#5df5ffa6}.toggle-line{color:var(--text-h);align-items:center;gap:8px;font-size:12px;display:inline-flex}.asset-meta{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.status-badge{background:color-mix(in srgb, var(--panel-bg) 78%, transparent);border:1px solid #94a3b829;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-badge--processing,.status-badge--pending{color:#b8c1ff}.status-badge--success{color:#8df0b4}.status-badge--failed{color:#ffb4b4}.work-preview{aspect-ratio:auto;object-fit:cover;background:#000;width:100%;height:100%;min-height:0;max-height:none;display:block}.work-preview-placeholder{aspect-ratio:auto;text-align:center;width:100%;height:100%;min-height:0;max-height:none;color:var(--text-h);background:radial-gradient(circle at 50% 18%, #5df5ff1f, transparent 36%), color-mix(in srgb, var(--panel-bg) 78%, #050913);border:0;align-content:center;justify-items:center;gap:7px;padding:18px;display:grid;position:relative;overflow:hidden}.work-preview-placeholder--playable{cursor:pointer;transition:transform .16s,filter .16s}.work-preview-placeholder--with-thumbnail{background:#050913}.work-preview-thumbnail{z-index:0;object-fit:cover;filter:saturate(1.04)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.work-preview-placeholder--with-thumbnail:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#05091314,#050913a8),radial-gradient(circle at 50% 36%,#0509130f,#05091357);position:absolute;inset:0}.work-preview-placeholder--playable:before{content:"";z-index:2;clip-path:polygon(36% 26%,36% 74%,76% 50%);background:linear-gradient(135deg,#5df5ffeb,#72f6add6),#5df5ff;border-radius:999px;width:34px;height:34px;box-shadow:0 12px 24px #0a12234d}.work-preview-placeholder--playable:hover{filter:brightness(1.08);transform:scale(1.01)}.work-preview-placeholder--playable:focus-visible{outline-offset:-3px;outline:2px solid #5df5ffb8}.work-preview-placeholder span{z-index:2;color:var(--muted);font-size:11px;font-weight:800;position:relative}.work-preview-placeholder--with-thumbnail span{color:#ecf6ffd1;text-shadow:0 1px 8px #00000073}.work-preview-placeholder strong{z-index:2;min-height:0;color:var(--text-h);overflow-wrap:anywhere;max-width:100%;font-size:14px;position:relative}.work-preview-placeholder--with-thumbnail strong{color:#fff;text-shadow:0 2px 10px #00000080}.work-card__note{color:#ffb4b4;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:#ff6b6b14;border-radius:10px;margin:0;padding:7px 9px;font-size:11px;line-height:1.42}.project{border:1px solid var(--border);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.project--active{background:#585cff1f;border-color:#7d77ff99}.segment{background:#ffffff08;border-radius:10px;gap:4px;padding:10px 12px;display:grid}:root[data-theme=light] .project,:root[data-theme=light] .segment{border-color:var(--border-strong);background:var(--surface-1);color:var(--text);box-shadow:0 12px 32px #385ba014}:root[data-theme=light] .project strong{color:var(--text-h)}:root[data-theme=light] .asset-meta,:root[data-theme=light] .asset-meta span{color:var(--muted)}:root[data-theme=light] .status-badge{border-color:var(--border-strong);background:var(--surface-muted);color:var(--text-secondary)}:root[data-theme=light] .status-badge--success{background:var(--success-bg);color:var(--success-text);border-color:#1f7f4c42}:root[data-theme=light] .status-badge--error,:root[data-theme=light] .status-badge--failed,:root[data-theme=light] .work-card__note{background:var(--error-bg);color:var(--error-text);border-color:#9c31313d}:root[data-theme=light] .status-badge--warning{background:var(--status-processing-bg);color:var(--status-processing-text);border-color:#2673cd3d}:root[data-theme=light] .project--active{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-strong));background:linear-gradient(135deg, #3d73ff1a, #4ad7ff14), var(--surface-1)}@media (width<=960px){.asset-grid{grid-template-columns:1fr}.asset-meta{flex-direction:column}.work-preview,.work-preview-placeholder{min-height:0}}.field-label-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.char-count{min-height:22px;color:var(--text-m);white-space:nowrap;background:#0f172a5c;border:1px solid #94a3b829;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.style-picker{border:1px solid var(--border);background:#ffffff08;border-radius:14px;gap:8px;padding:12px;display:grid}.style-picker__header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.style-picker__header>div{gap:4px;display:grid}.style-picker__header strong{font-size:15px}.style-picker__header span,.style-card__description{color:var(--muted)}.style-picker__grid{display:none}.preview-panel{border:1px solid var(--border);background:#ffffff08;border-radius:16px;gap:10px;padding:12px;display:grid}.preview-panel__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.preview-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.preview-panel__actions .button-ghost{padding:6px 9px;font-size:12px}.preview-panel__header strong{margin-bottom:4px;display:block}.preview-panel__header span,.preview-panel__meta span{color:var(--muted)}.preview-panel__badge{color:#cbd5ff;background:#6574ff29;border:1px solid #7c80ff33;border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:28px;padding:4px 9px;font-size:11px;display:inline-flex}.preview-panel__meta{gap:4px;font-size:12px;display:grid}.preview-mode-tabs{gap:8px;display:flex}.preview-mode-tab{min-height:38px;color:var(--button-secondary-text);background:#ffffff0f;border-radius:10px;flex:1 1 0;padding:8px 12px;font-size:13px}.preview-mode-tab--active{color:var(--text-h);background:linear-gradient(135deg,#6574ff38,#9a5bff29);box-shadow:inset 0 0 0 1px #7c80ff61}.phone-preview{background:linear-gradient(#0d1426,#060b16);border:1px solid #94a3b833;border-radius:24px;padding:8px;box-shadow:0 18px 42px #02081759}.phone-preview__topbar{justify-content:center;padding:0 0 8px;display:flex}.phone-preview__camera{background:#ffffff14;border-radius:999px;width:70px;height:8px}.phone-preview__viewport{aspect-ratio:9/16;background:#050913;border-radius:18px;position:relative;overflow:hidden}.phone-preview__player{width:100%;height:100%}.phone-preview__player>div{border-radius:18px}.phone-preview__loading{color:#e2e8f0b8;background:linear-gradient(#ffffff0a,#ffffff03),#050913;place-items:center;width:100%;height:100%;font-size:13px;display:grid}.phone-preview__video{object-fit:cover;background:#000;width:100%;height:100%}.phone-preview__chrome{z-index:2;color:#ffffffdb;text-shadow:0 1px 4px #0006;font-size:12px;position:absolute}.phone-preview__chrome--top{justify-content:center;gap:18px;display:flex;top:12px;left:18px;right:18px}.phone-preview__chrome--side{justify-items:center;gap:14px;display:grid;bottom:104px;right:12px}.phone-preview__subtitle{z-index:3;white-space:pre-line;position:absolute}.phone-preview__subtitle--left{text-align:left}.phone-preview__subtitle--center{text-align:center}.phone-preview__subtitle--right{text-align:right}.phone-preview__empty{text-align:center;place-content:center;gap:8px;height:100%;padding:24px;display:grid}.phone-preview__empty span{color:var(--muted)}.editor-overlay{z-index:8;cursor:move;-webkit-user-select:none;user-select:none;border:2px dashed #ffffff73;border-radius:12px;position:absolute;overflow:hidden}.editor-overlay--active{border-color:#8ea2ff;box-shadow:0 0 0 1px #8ea2ff66,0 10px 24px #2436782e}.editor-overlay__label{z-index:2;color:#fff;background:#060b16b8;border-radius:999px;padding:4px 8px;font-size:11px;position:absolute;top:6px;left:6px}.editor-overlay__text{white-space:pre-line;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:absolute;inset:0;overflow:hidden}.editor-overlay__text--left{text-align:left;justify-content:flex-start}.editor-overlay__text--center{text-align:center}.editor-overlay__text--right{text-align:right;justify-content:flex-end}.editor-overlay__handle{z-index:2;cursor:nwse-resize;background:#8ea2ff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:8px;right:8px;box-shadow:0 0 0 2px #060b16b8}.editor-overlay__image,.editor-overlay__video{object-fit:cover;background:#050a13d1;width:100%;height:100%;display:block}.subtitle-controls{gap:8px;padding-top:2px;display:grid}.subtitle-controls__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subtitle-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.content-strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.content-strategy-grid label{min-width:0}.content-strategy-grid textarea{min-height:96px}.subtitle-panel-grid--auto{grid-template-columns:minmax(0,1.4fr) minmax(110px,.8fr)}.subtitle-panel-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.subtitle-field-group{gap:6px;display:grid}.subtitle-field-label{color:var(--muted);font-size:12px}.subtitle-toggle-group,.subtitle-align-group{flex-wrap:wrap;gap:8px;display:flex}.subtitle-toggle{min-width:42px;min-height:36px;color:var(--button-secondary-text);background:#ffffff14;border-radius:10px;padding:8px 10px;font-size:13px}.subtitle-toggle--active{color:var(--button-text);background:linear-gradient(135deg,#6574ff,#9a5bff)}.subtitle-toggle em{font-style:italic}.subtitle-toggle__underline{text-underline-offset:3px;font-weight:700;text-decoration:underline}.preset-chip-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px;display:grid}.preset-chip{text-align:center;background:#0f172ab8;border:1px solid #94a3b833;border-radius:14px;justify-items:center;gap:8px;padding:10px 8px;display:grid}.preset-chip--active{background:linear-gradient(#6574ff2e,#9a5bff14);border-color:#7c80ffc2;box-shadow:0 10px 24px #585cff24}.preset-chip__preview{background:#050a19b8;border-radius:12px;place-items:center;width:40px;height:40px;font-size:24px;font-weight:700;display:grid}.preset-chip__name{color:var(--text);font-size:12px;line-height:1.3}.preset-chip__preview--clean_white{color:#fff;text-shadow:0 1px #000000bf,0 0 10px #0000004d}.preset-chip__preview--contrast_yellow{color:#ffd84a;text-shadow:0 1px #000000e6,0 0 12px #00000061}.preset-chip__preview--business_outline{color:#f2f7ff;text-shadow:0 1px #1b2a4ef2,0 0 14px #12213d73}.preset-chip__preview--warm_orange{color:#ffa94d;text-shadow:0 1px #211108f2,0 0 14px #2d12066b}.preset-chip__preview--mint_glow{color:#7cf7d4;text-shadow:0 1px #091c17f2,0 0 14px #0a2d2373}.preset-chip__preview--bold_red{color:#ff4d5e;text-shadow:0 1px #23080cf2,0 0 14px #420a1273}.preset-chip__preview--deep_blue{color:#8fd3ff;text-shadow:0 1px #081226f2,0 0 14px #09224c80}.preset-chip__preview--soft_pink{color:#ff9cd6;text-shadow:0 1px #2d0e22eb,0 0 14px #46143661}.preset-chip__preview--mono_black{color:#111827;text-shadow:0 0 2px #fffffff2,0 0 9px #ffffffb8}.preset-chip__preview--fresh_green{color:#b6ff6a;text-shadow:0 1px #142a06f2,0 0 14px #26500c73}.subtitle-live-preview{border:1px solid var(--border);background:linear-gradient(#08101fe6,#050a13fa);border-radius:16px;align-items:flex-end;min-height:88px;padding:14px 12px;display:flex}.subtitle-live-preview__text{white-space:pre-line;text-shadow:0 1px #000000f2,0 0 12px #0000005c;width:100%;display:block}.subtitle-live-preview__text--left{text-align:left}.subtitle-live-preview__text--center{text-align:center}.subtitle-live-preview__text--right{text-align:right}:root[data-theme=light] .style-picker{border-color:var(--border-strong);background:var(--surface-1);color:var(--text);box-shadow:0 12px 32px #385ba014}:root[data-theme=light] .style-picker__header strong{color:var(--text-h)}:root[data-theme=light] .style-picker__header span{color:var(--muted)}:root[data-theme=light] .char-count{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-secondary)}@media (width<=960px){.subtitle-controls__row,.subtitle-panel-grid,.subtitle-panel-grid--auto,.subtitle-panel-grid--triple{grid-template-columns:1fr}}.hero{border:1px solid var(--border);background:var(--hero-bg);z-index:30;border-radius:20px;gap:10px;padding:12px 16px;display:grid;position:relative;overflow:visible}.hero--account-menu-open{z-index:1100}.hero:after{content:"";pointer-events:none;filter:blur(2px);z-index:0;background:radial-gradient(circle,#5df5ff1f,#ff9f520b 42%,#0000 72%);border-radius:999px;width:340px;height:340px;position:absolute;inset:auto -76px -150px auto}.hero__main,.hero__controls{z-index:1;position:relative}.hero__main{align-items:start;gap:12px;display:grid}.hero__copy{gap:12px;min-width:0;padding-right:148px;display:grid}.hero__brand{flex-wrap:wrap;align-items:center;gap:11px;width:fit-content;margin-bottom:2px;display:inline-flex}.hero__brand-name-wrap{flex-direction:column;justify-content:center;gap:1px;line-height:1;display:flex}.hero__brand-logo{width:34px;height:34px;color:var(--text-h);background:radial-gradient(circle at 50% 42%,#7c80ff05,#7c80ff01 38%,#0000 56%);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 0 0 1px #7c80ff05,0 1px 4px #367fff04}.hero__brand-logo svg{filter:none;width:100%;height:100%;display:block}.hero__value-chain{width:fit-content;max-width:100%;color:color-mix(in srgb, var(--text-h) 86%, #5df5ff 14%);letter-spacing:0;text-shadow:0 10px 26px #0000002e,0 0 22px #5df5ff14;flex-wrap:wrap;align-items:center;gap:0;margin:8px 0 0;font-size:clamp(22px,2.35vw,34px);font-weight:800;line-height:1.22;display:inline-flex}.hero__value-step{white-space:nowrap;text-shadow:0 0 22px #5df5ff14;align-items:center;display:inline-flex}.hero__value-step i{background:linear-gradient(90deg,#5df5ff7a,#ff9f5247,#5df5ff14);border-radius:999px;width:22px;height:1px;margin:0 10px;display:inline-block;transform:translateY(1px)}.hero__tagline{color:var(--muted);letter-spacing:.01em;white-space:normal;overflow-wrap:anywhere;text-wrap:pretty;width:min(100%,96ch);margin:0;font-size:14px;line-height:1.45}.hero__brand-name{color:color-mix(in srgb, var(--text-h) 95%, white 5%);letter-spacing:.02em;text-shadow:0 1px 6px #435eff0f;font-family:"Alibaba PuHuiTi 3.0",HarmonyOS Sans SC,MiSans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:21px;font-weight:800;line-height:.98}.hero__brand-name-sub{color:color-mix(in srgb, var(--muted) 92%, white 8%);letter-spacing:.26em;text-transform:uppercase;opacity:.58;font-size:9px;font-weight:600;line-height:1}.hero__brand-tag{min-height:28px;color:color-mix(in srgb, var(--text-h) 84%, #5df5ff 16%);background:linear-gradient(135deg, #5df5ff1c, #ff9f5214), color-mix(in srgb, var(--hero-status-bg) 72%, transparent);letter-spacing:.04em;white-space:nowrap;isolation:isolate;transform-origin:50%;border:1px solid #5df5ff2e;border-radius:999px;align-items:center;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.hero__brand-tag:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#5df5ff47,#fff3,#0000);width:42%;animation:3.8s ease-in-out infinite hero-brand-tag-sheen;position:absolute;inset:-40% auto -40% -36%;transform:skew(-18deg)}.hero__controls{justify-content:space-between;align-items:flex-start;gap:14px;padding-top:2px;display:flex}.hero__actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.hero__official-home{z-index:3;color:color-mix(in srgb, var(--text-h) 78%, var(--muted));font:inherit;letter-spacing:.02em;white-space:nowrap;cursor:pointer;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;transition:color .18s,opacity .18s;display:inline-flex;position:absolute;top:14px;right:16px}.hero__official-home:hover{color:var(--text-h)}.hero__official-home:active{opacity:.82}.hero__entitlement-strip{border:1px solid color-mix(in srgb, var(--border) 28%, transparent);background:color-mix(in srgb, var(--button-secondary-bg) 18%, transparent);min-height:32px;box-shadow:none;border-radius:999px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.hero__entitlement-chip{color:var(--button-secondary-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:3px 7px 3px 4px;transition:transform .16s,background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.hero__entitlement-chip:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text-h);transform:translateY(-1px)}.hero__entitlement-chip--membership{min-width:0}.hero__entitlement-chip--credits{background:0 0;min-width:0}.hero__entitlement-chip--active .hero__entitlement-chip-icon{color:#ffd38a;background:#ffb84d1f}.hero__entitlement-chip--inactive .hero__entitlement-chip-icon{color:#ffb4a0;background:#ff9f521f}.hero__entitlement-chip--syncing .hero__entitlement-chip-icon,.hero__entitlement-chip--credits .hero__entitlement-chip-icon{color:#8df0b4;background:#8df0b41a}.hero__entitlement-chip-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.hero__entitlement-chip-copy{text-align:left;align-items:baseline;gap:4px;min-width:0;display:inline-flex}.hero__entitlement-chip-copy span{color:color-mix(in srgb, var(--muted) 86%, transparent);font-size:10px;font-weight:760;line-height:1}.hero__entitlement-chip-copy strong{max-width:84px;color:color-mix(in srgb, var(--text-h) 88%, var(--muted));text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:880;line-height:1.1;overflow:hidden}.tabs{align-items:flex-start;gap:8px;display:flex}.hero__tabs{border-top:1px solid color-mix(in srgb, var(--border) 58%, #5df5ff1f);flex-wrap:wrap;flex:auto;justify-content:flex-start;gap:4px 18px;padding:13px 0 0}.hero__tabs .tab,.hero__actions .button-secondary{border-radius:0;min-height:32px;padding:6px 2px 9px;font-size:12px}.hero__tabs .tab{min-height:32px;color:color-mix(in srgb, var(--text) 72%, var(--muted));letter-spacing:.01em;box-shadow:none;background:0 0;border:0;border-radius:0;padding:6px 2px 9px;font-weight:800;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;position:relative;overflow:visible}.hero__tabs .tab:after{content:"";opacity:0;transform-origin:0;background:linear-gradient(90deg,#ff9f52c7,#5df5ff94,#0000);border-radius:999px;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.42)}.hero__tabs .tab:hover{color:var(--text-h);background:0 0;transform:translateY(-1px)}.hero__tabs .tab--active{color:var(--text-h);box-shadow:none;background:0 0;border-color:#0000}.hero__tabs .tab--active:after{opacity:1;transform:scaleX(1)}.theme-toggle{border:1px solid color-mix(in srgb, var(--border) 76%, #5df5ff1f);background:linear-gradient(135deg, #ffffff09, #5df5ff09), color-mix(in srgb, var(--button-secondary-bg) 58%, transparent);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--button-secondary-text);border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.theme-toggle svg{width:17px;height:17px;transition:transform .25s,opacity .2s;display:block}.theme-toggle:hover{background:color-mix(in srgb, var(--button-secondary-bg) 82%, var(--hero-bg));border-color:#7c80ff57;transform:translateY(-1px)}.theme-toggle:hover svg{transform:rotate(12deg)scale(1.05)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:active svg{transform:scale(.94)}.hero__account-wrap{z-index:1101;position:relative}.hero__account{border:1px solid color-mix(in srgb, var(--border) 76%, #5df5ff1f);background:linear-gradient(135deg, #ff9f5214, #5df5ff0e), color-mix(in srgb, var(--button-secondary-bg) 54%, transparent);min-height:40px;color:var(--button-secondary-text);border-radius:999px;align-items:center;gap:9px;padding:5px 11px 5px 5px;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0b,0 10px 24px #050a191f}.hero__account:hover{border-color:color-mix(in srgb, var(--accent) 28%, #5df5ff33);background:linear-gradient(135deg, #ff9f521c, #5df5ff14), color-mix(in srgb, var(--button-secondary-bg) 68%, var(--hero-bg));transform:translateY(-1px);box-shadow:0 12px 28px #050a1929,0 0 22px #5df5ff0f,inset 0 1px #ffffff0f}.hero__account-avatar{color:#071016;background:radial-gradient(circle at 32% 26%,#ffffff6b,#0000 26%),linear-gradient(135deg,#ff9f52e6,#5df5ffd1);border-radius:999px;flex:none;justify-content:center;align-items:center;width:29px;height:29px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 0 0 1px #ffffff1c,0 0 18px #5df5ff1f}.hero__account-text{text-align:left;gap:0;min-width:0;display:grid}.hero__account-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:13px;font-weight:800;line-height:1.05;overflow:hidden}.hero__account-status{color:color-mix(in srgb, var(--muted) 86%, var(--text));white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:700;line-height:1.1;display:inline-flex}.hero__account-status:before{content:"";background:#9af0b4;border-radius:999px;width:5px;height:5px;box-shadow:0 0 10px #9af0b494}.hero__account-status-divider{color:color-mix(in srgb, var(--muted) 58%, transparent);font-weight:600}.hero__assistant-status{color:color-mix(in srgb, var(--muted) 88%, var(--text))}.hero__assistant-status--online{color:color-mix(in srgb, #8df0b4 78%, var(--text-h))}.hero__assistant-status--offline{color:#ffb46b}.hero__account-caret{color:color-mix(in srgb, var(--muted) 84%, var(--text-h));font-size:10px;transform:translateY(-1px)}.hero__account-menu{z-index:1102;width:min(340px,100vw - 28px);min-width:min(300px,100vw - 28px);box-shadow:none;background:0 0;border:0;border-radius:24px;padding:0;top:calc(100% + 12px);right:0;overflow:visible}.hero__account-menu:before{content:"";border-top:1px solid color-mix(in srgb, var(--accent) 20%, #fff3);border-left:1px solid color-mix(in srgb, var(--accent) 20%, #fff3);background:color-mix(in srgb, var(--menu-bg) 92%, #5df5ff14);width:14px;height:14px;position:absolute;top:-7px;right:30px;transform:rotate(45deg)}.hero__account-menu-card{border:1px solid color-mix(in srgb, var(--accent) 18%, #ffffff29);background:radial-gradient(circle at 18% -10%, #ff9f5233, transparent 34%), radial-gradient(circle at 92% 8%, #5df5ff2e, transparent 32%), linear-gradient(180deg, #ffffff12, #ffffff06), color-mix(in srgb, var(--menu-bg) 94%, #091223b8);-webkit-backdrop-filter:blur(22px)saturate(1.18);backdrop-filter:blur(22px)saturate(1.18);border-radius:24px;gap:12px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #02081775,0 0 0 1px #ffffff0b,inset 0 1px #ffffff17}.hero__account-menu-card:after{content:"";pointer-events:none;opacity:.76;background:linear-gradient(135deg,#ffffff17,#0000 36%,#5df5ff0d);position:absolute;inset:0}.hero__account-summary,.hero__account-metrics,.hero__account-section,.hero__account-logout{z-index:1;position:relative}.hero__account-summary{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:4px 4px 0;display:grid}.hero__account-summary-avatar{color:#071016;background:radial-gradient(circle at 28% 20%,#ffffffb8,#0000 24%),linear-gradient(135deg,#ffd084,#7de9ff 48%,#9b8cff);border-radius:18px;grid-row:span 2;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:950;display:inline-flex;box-shadow:0 16px 34px #5df5ff2e,0 0 0 1px #ffffff38}.hero__account-summary-copy{gap:2px;min-width:0;display:grid}.hero__account-section{gap:7px;display:grid}.hero__account-section-label{color:color-mix(in srgb, var(--muted) 76%, var(--text-h));letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:850}.hero__account-summary-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;line-height:1.15;overflow:hidden}.hero__account-summary-username{color:var(--muted);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.hero__account-membership-pill{width:fit-content;min-height:26px;color:var(--muted);background:#94a3b814;border:1px solid #94a3b833;border-radius:999px;grid-column:2;align-items:center;padding:0 10px;font-size:11px;font-weight:850;display:inline-flex}.hero__account-membership-pill--active{color:color-mix(in srgb, #8df0b4 78%, var(--text-h));background:linear-gradient(135deg,#8df0b429,#5df5ff14);border-color:#8df0b447}.hero__account-membership-pill--syncing{color:color-mix(in srgb, #7de9ff 76%, var(--text-h));background:#5df5ff1a;border-color:#5df5ff42}.hero__account-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hero__account-metrics>div{background:color-mix(in srgb, var(--panel-bg) 68%, transparent);border:1px solid #94a3b824;border-radius:18px;gap:5px;min-width:0;padding:11px 12px;display:grid}.hero__account-metrics span{color:var(--muted);font-size:11px;font-weight:800}.hero__account-metrics strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;overflow:hidden}.hero__account-item{border:1px solid #0000;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:10px 11px;transition:transform .16s,background-color .16s,border-color .16s,color .16s;display:grid;position:relative}.hero__account-item:hover{border-color:color-mix(in srgb, var(--accent) 16%, #ffffff1f);background:linear-gradient(135deg,#ff9f521a,#5df5ff13);transform:translate(2px)}.hero__account-item--primary{background:linear-gradient(135deg,#ff9f521a,#5df5ff14);border-color:#5df5ff24}.hero__account-item-icon{width:18px;height:18px;color:color-mix(in srgb, var(--muted) 82%, var(--accent));flex:none;justify-content:center;align-items:center;display:inline-flex}.hero__account-item-icon svg{width:18px;height:18px;display:block}.hero__account-item-arrow{color:color-mix(in srgb, var(--muted) 64%, transparent);font-size:20px;line-height:1;transform:translateY(-1px)}.hero__account-item:hover .hero__account-item-icon,.hero__account-item:hover .hero__account-item-arrow{color:var(--text-h)}.hero__account-logout{color:#ff9f9f;border-top:1px solid #94a3b81f;margin-top:2px}.tab{background:var(--button-secondary-bg);color:var(--button-secondary-text)}.tab--active{background:var(--button-gradient);color:var(--button-text)}.hero__tabs .tab--active{color:var(--text-h);background:0 0;border-color:#0000}@keyframes hero-emphasis-float{0%,to{transform:translateY(0);box-shadow:inset 0 0 0 1px #ffffff29,0 8px 20px #367fff24}50%{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fff3,0 10px 24px #367fff2e}}@keyframes hero-emphasis-sheen{0%{opacity:0;transform:translate(-10%)skew(-20deg)}20%{opacity:.72}60%{opacity:.72}to{opacity:0;transform:translate(320%)skew(-20deg)}}@keyframes hero-brand-tag-breathe{0%,to{color:color-mix(in srgb, var(--text-h) 82%, white 18%);background:linear-gradient(135deg, #7c80ff2e, #46add61f), color-mix(in srgb, var(--hero-bg) 78%, var(--panel-bg));border-color:#7c80ff1f;transform:translateY(0)}50%{color:color-mix(in srgb, var(--text-h) 90%, white 10%);background:linear-gradient(135deg, #7c80ff42, #46add62e), color-mix(in srgb, var(--hero-bg) 68%, var(--panel-bg));border-color:#7c80ff47;transform:translateY(-3px)scale(1.035)}}@keyframes hero-brand-tag-glow{0%,to{border-color:#7c80ff24;box-shadow:inset 0 0 0 1px #ffffff0d,0 2px 8px #367fff08}50%{border-color:#7c80ff33;box-shadow:inset 0 0 0 1px #ffffff0f,0 3px 10px #367fff0a}}@keyframes hero-brand-tag-sheen{0%,42%{opacity:0;transform:translate(0)skew(-18deg)}54%{opacity:.56}76%{opacity:.16;transform:translate(380%)skew(-18deg)}to{opacity:0;transform:translate(380%)skew(-18deg)}}.hero__guide-action{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));min-height:34px;color:var(--text-h);background:color-mix(in srgb, var(--button-secondary-bg) 78%, transparent);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}@media (width<=960px){.hero{border-radius:20px;grid-template-columns:1fr;padding:18px;display:grid}.hero__main{grid-template-columns:1fr;align-items:stretch}.tabs{flex-direction:column}.hero__actions{flex-wrap:wrap;justify-content:flex-start;align-items:stretch}.theme-toggle,.hero__account-wrap{flex:150px}.hero__official-home{top:12px;right:12px}.hero__copy{padding-right:132px}.hero__account{justify-content:flex-start;width:100%}.hero__entitlement-strip{border-radius:20px;flex-wrap:wrap;justify-content:flex-start;width:100%}.hero__entitlement-chip{flex:150px}.hero__entitlement-chip--membership,.hero__entitlement-chip--credits{min-width:0}.hero__controls{flex-direction:column;align-items:stretch}.hero h1{max-width:none;font-size:28px}}@media (width<=1180px){.hero__actions{flex-wrap:wrap}.hero__entitlement-strip{border-radius:999px;order:0;justify-content:flex-start;width:auto}.hero__entitlement-chip{flex:0 auto}.hero__entitlement-chip--membership,.hero__entitlement-chip--credits{min-width:0}}@media (width<=720px){.hero__entitlement-chip-copy strong{max-width:72px}.hero__entitlement-chip-copy span{display:none}}@media (prefers-reduced-motion:reduce){.hero__brand-tag{background:linear-gradient(135deg, #5df5ff24, #ff9f521a), color-mix(in srgb, var(--hero-status-bg) 78%, transparent);border-color:#5df5ff47;box-shadow:inset 0 0 0 1px #ffffff0f,0 4px 16px #5df5ff0f}}.hero__account-entitlement-card,.hero__account-metric-card{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #94a3b824;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s}.hero__account-entitlement-card{background:radial-gradient(circle at 16% 0%, #ff9f5229, transparent 32%), color-mix(in srgb, var(--panel-bg) 82%, transparent);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.hero__account-entitlement-card:hover,.hero__account-metric-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, #94a3b82e);background-color:color-mix(in srgb, var(--accent) 7%, var(--panel-bg));transform:translateY(-1px);box-shadow:0 14px 30px #02061729}.hero__account-entitlement-icon{border:1px solid #94a3b829;border-radius:14px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.hero__account-entitlement-icon--membership{color:#ffd38a;background:linear-gradient(135deg,#ffb84d33,#ff9f5214)}.hero__account-entitlement-icon--credits{color:#8df0b4;background:linear-gradient(135deg,#8df0b42e,#5df5ff14)}.hero__account-entitlement-icon--topup{color:#9bd2ff;background:linear-gradient(135deg,#5df5ff29,#7c5cff14)}.hero__account-entitlement-copy,.hero__account-metric-copy{gap:3px;min-width:0;display:grid}.hero__account-entitlement-label,.hero__account-metric-copy>span{color:var(--muted);font-size:11px;font-weight:850}.hero__account-entitlement-copy strong,.hero__account-metric-copy strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;overflow:hidden}.hero__account-entitlement-copy small,.hero__account-metric-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.hero__account-entitlement-arrow{color:color-mix(in srgb, var(--muted) 68%, transparent)}.hero__account-metric-card{background:color-mix(in srgb, var(--panel-bg) 72%, transparent);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:11px;display:grid}.workspace-start-panel{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:linear-gradient(135deg, #5df5ff1f, #ffd86614), color-mix(in srgb, var(--panel-bg) 86%, transparent);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 18px 46px #0f172a1f}.workspace-start-panel__copy{gap:5px;min-width:0;display:grid}.workspace-start-panel__copy span{width:fit-content;color:color-mix(in srgb, var(--accent) 74%, var(--text-h));background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.workspace-start-panel__copy strong{color:var(--text-h);font-size:clamp(18px,2.3vw,24px);line-height:1.25}.workspace-start-panel__copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.workspace-start-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.workspace-start-panel__primary{color:#102225;background:linear-gradient(135deg,#f8ffff,#c9f8ff 46%,#d7ffe8);border:1px solid #5df5ff57;border-radius:12px;min-height:40px;padding:9px 14px;font-weight:900;box-shadow:0 12px 28px #37cdde29}@media (width<=960px){.workspace-start-panel{grid-template-columns:1fr}.workspace-start-panel__actions{justify-content:stretch;display:grid}.workspace-start-panel__actions button{width:100%}}.new-user-guide-overlay{z-index:58}.new-user-guide{background:radial-gradient(circle at 12% 0%, #5df5ff1f, transparent 34%), radial-gradient(circle at 92% 10%, #ffd8661a, transparent 32%), var(--menu-bg);border-radius:20px;gap:16px;width:min(920px,96vw);max-height:min(88vh,820px);padding:18px;overflow:auto}.new-user-guide__hero{grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:14px;display:grid}.new-user-guide__hero>div{gap:7px;min-width:0;display:grid}.new-user-guide__hero span{width:fit-content;color:color-mix(in srgb, var(--accent) 74%, var(--text-h));background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.new-user-guide__hero h3{color:var(--text-h);font-size:clamp(22px,3vw,30px);line-height:1.16}.new-user-guide__hero p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.new-user-guide__close{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--button-secondary-bg) 68%, transparent);width:34px;height:34px;min-height:34px;color:var(--text-h);border-radius:11px;padding:0;font-size:20px;line-height:1}.new-user-guide__routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.new-user-route{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);min-height:190px;color:var(--text);background:color-mix(in srgb, var(--panel-bg) 78%, transparent);text-align:left;border-radius:16px;align-content:start;gap:9px;padding:14px;display:grid}.new-user-route:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));transform:translateY(-1px)}.new-user-route>span{color:#102225;background:linear-gradient(135deg,#ffd866,#7edcff);border-radius:999px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:950;display:grid}.new-user-route strong{color:var(--text-h);font-size:16px;line-height:1.35}.new-user-route small{color:var(--muted);font-size:12px;line-height:1.55}.new-user-route b{color:color-mix(in srgb, var(--accent) 74%, var(--text-h));align-self:end;font-size:12px}.new-user-guide__capabilities{flex-wrap:wrap;gap:7px;display:flex}.new-user-guide__capabilities span{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);color:var(--muted);background:color-mix(in srgb, var(--panel-bg) 72%, transparent);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850}.new-user-guide__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.new-user-guide__primary{color:#102225;background:linear-gradient(135deg,#f8ffff,#c9f8ff 46%,#d7ffe8);border:1px solid #5df5ff57;border-radius:12px;min-height:40px;padding:9px 14px;font-weight:900;box-shadow:0 12px 28px #37cdde29}@media (width<=960px){.new-user-guide__hero,.new-user-guide__routes{grid-template-columns:1fr}.new-user-guide__actions{justify-content:stretch;display:grid}.new-user-guide__actions button{width:100%}}.creator-onboarding-overlay{z-index:55}.creator-onboarding-modal{background:radial-gradient(circle at 12% 0%, #5df5ff1f, transparent 34%), radial-gradient(circle at 92% 10%, #ffb4561a, transparent 32%), var(--menu-bg);border-radius:20px;gap:16px;width:min(900px,96vw);max-height:min(88vh,820px);padding:18px;overflow:auto}.creator-onboarding-modal__hero{grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:14px;min-width:0;display:grid}.creator-onboarding-modal__hero>div{gap:7px;min-width:0;display:grid}.creator-onboarding-modal__eyebrow{width:fit-content;color:color-mix(in srgb, var(--accent) 72%, var(--text-h));background:#5df5ff1f;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;line-height:1.25}.creator-onboarding-modal h3{color:var(--text-h);font-size:clamp(20px,3vw,28px);line-height:1.16}.creator-onboarding-modal p{max-width:640px;color:var(--muted);font-size:13px;line-height:1.6}.creator-onboarding-modal__close{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--button-secondary-bg) 68%, transparent);width:34px;height:34px;min-height:34px;color:var(--text-h);border-radius:11px;padding:0;font-size:20px;line-height:1}.creator-onboarding-modal__samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.creator-onboarding-modal__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.creator-onboarding-step{border:1px solid color-mix(in srgb, var(--border) 74%, transparent);min-width:0;min-height:94px;color:var(--text);text-align:left;background:#ffffff09;border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;padding:11px;display:grid}.creator-onboarding-step:hover{background:#5df5ff0e;border-color:#5df5ff52}.creator-onboarding-step__index{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);width:30px;height:30px;color:var(--muted);background:#ffffff0e;border-radius:50%;place-items:center;font-size:12px;font-weight:950;display:grid}.creator-onboarding-step__body{gap:5px;min-width:0;display:grid}.creator-onboarding-step__body strong{color:var(--text-h);font-size:13px;line-height:1.3}.creator-onboarding-step__body small{color:var(--muted);font-size:11px;line-height:1.45}.creator-onboarding-step--active{background:linear-gradient(135deg,#ffb4561f,#5df5ff0b),#ffffff09;border-color:#ffb45661}.creator-onboarding-step--active .creator-onboarding-step__index{color:#ffd19b;background:#ffb45629;border-color:#ffb4567a}.creator-onboarding-step--done{border-color:#49d38947}.creator-onboarding-step--done .creator-onboarding-step__index{color:#8effc0;background:#49d38924;border-color:#49d38961}.creator-onboarding-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.creator-onboarding-modal__actions button{border-radius:11px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:850}.creator-onboarding-modal__primary{color:#102225;background:linear-gradient(135deg,#f8ffff,#c9f8ff 46%,#d7ffe8);border:1px solid #5df5ff57;box-shadow:0 12px 28px #37cdde2e}@media (width<=960px){.creator-onboarding-modal__hero,.creator-onboarding-modal__samples,.creator-onboarding-modal__steps{grid-template-columns:1fr}.creator-onboarding-modal{border-radius:16px;width:min(100%,96vw);max-height:88vh;padding:14px}.creator-onboarding-modal__close{grid-row:1;justify-self:end}.creator-onboarding-modal__actions{display:grid}.creator-onboarding-modal__actions button{width:100%}}.settings-modal{gap:18px}.settings-modal__header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.settings-modal__grid{gap:14px;display:grid}.profile-modal__grid{gap:14px}.settings-section{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 78%, transparent);border-radius:16px;gap:10px;padding:14px;display:grid}.settings-section__label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.settings-section__intro{gap:4px;display:grid}.settings-section__intro strong{color:var(--text-h);font-size:15px}.settings-section__intro p{color:var(--muted);font-size:13px;line-height:1.55}.settings-account-card{align-items:center;gap:12px;display:flex}.settings-account-card__avatar{background:var(--button-gradient);width:42px;height:42px;color:var(--button-text);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex}.settings-account-card__body{gap:3px;display:grid}.settings-account-card__body strong{color:var(--text-h)}.settings-account-card__body span,.settings-option-row p{color:var(--muted);font-size:13px}.settings-inline-hint{border:1px solid color-mix(in srgb, #f59e0b 24%, var(--border));color:color-mix(in srgb, #fbbf24 78%, var(--text-h));background:#f59e0b1a;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.55}.settings-security-card{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 12%, transparent), transparent 56%), color-mix(in srgb, var(--panel-bg) 82%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.settings-security-card__copy{gap:4px;display:grid}.settings-security-card__copy strong{color:var(--text-h);font-size:14px}.settings-security-card__copy p{color:var(--muted);font-size:13px;line-height:1.55}.settings-password-dialog{gap:16px;width:min(560px,100%)}.settings-password-dialog__header h3{color:var(--text-h)}.settings-password-form{gap:12px;display:grid}.settings-password-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.settings-password-form input{background:color-mix(in srgb, var(--panel-bg) 82%, transparent);width:100%;min-height:44px;color:var(--text-h);box-sizing:border-box;border:1px solid #94a3b82e;border-radius:12px;padding:10px 12px}.settings-password-form input:focus{border-color:color-mix(in srgb, var(--accent) 54%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);outline:0}.settings-password-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-password-form__actions{justify-content:flex-end;gap:10px;display:flex}.settings-form-error,.settings-form-info{border-radius:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:750;line-height:1.5}.settings-form-error{border:1px solid color-mix(in srgb, #ef4444 32%, var(--border));color:#fca5a5;background:#ef44441a}.settings-form-info{border:1px solid color-mix(in srgb, #22c55e 28%, var(--border));color:color-mix(in srgb, #86efac 78%, var(--text-h));background:#22c55e1a}.settings-option-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-option-row--stack{align-items:flex-start}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-stat-card{background:color-mix(in srgb, var(--panel-bg) 84%, transparent);border:1px solid #94a3b829;border-radius:14px;gap:6px;padding:12px;display:grid}.profile-stat-card span{color:var(--muted);font-size:12px}.profile-stat-card strong{color:var(--text-h);font-size:18px;line-height:1.25}@media (width<=960px){.profile-stat-grid,.settings-option-row,.settings-password-form__grid{grid-template-columns:1fr}.settings-security-card,.settings-password-form__actions{flex-direction:column;align-items:stretch}}