@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-18:18px;--spacing-20:20px;--spacing-24:24px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:999px;--shadow-flat:none;--shadow-sm:0 4px 12px #00000040;--shadow-md:0 12px 32px #00000052;--shadow-lg:0 20px 50px #0006;--shadow-xl:0 30px 80px #00000080;--shadow-teal-glow:0 8px 20px #1e40af4d,0 4px 12px #06b6d459,0 0 0 1px #22d3ee33;--text-display:32px;--text-lg:18px;--text-base:14px;--text-sm:13px;--text-xs:12px;--text-2xs:11px;--text-3xs:10px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--opacity-full:1;--opacity-medium:.7;--opacity-low:.4;--transition-fast:.12s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.33,1,.68,1);--ease-in:cubic-bezier(.4,0,1,1);--z-base:1;--z-sticky:2;--z-dropdown:5;--z-hero:8;--z-sidebar:22;--z-modal:60;--z-toast:100;--z-tooltip:200;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.01em;--tracking-wider:.02em;--tracking-widest:.08em;--tracking-button:.3px}
:root{--color-bg:#0f1115;--color-panel:#1c1f20;--color-teal:#25a9bf;--color-teal-soft:#25a9bfa6;--color-amber:#f5b942;--color-ash:#c9cdd6;--color-ash-70:#c9cdd6e6;--color-ash-50:#c9cdd680;--color-ash-40:#c9cdd666;--color-ash-30:#c9cdd64d;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-secondary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--shadow-soft:var(--shadow-md)}*{box-sizing:border-box}html,body{font-family:var(--font-primary);color:var(--color-ash);min-height:var(--app-fixed-height);background:linear-gradient(160deg,#12151df5,#0c0f16f0);margin:0;padding:0}a{color:var(--color-teal);text-decoration:none}a:hover,a:focus{text-decoration:none}h1,h2,h3,h4{margin:0}p{margin:0;line-height:1.5}.page{max-width:1200px;padding:var(--spacing-24)var(--spacing-20)var(--spacing-24);margin:0 auto}.page-wide{max-width:1400px}.hero{justify-content:space-between;align-items:flex-start;gap:var(--spacing-16);margin-bottom:var(--spacing-20);display:flex}.title{font-size:var(--text-display);font-weight:var(--font-semibold)}.lede{color:var(--color-ash-70);margin-top:var(--spacing-8);max-width:760px}.hero-banner{gap:var(--spacing-20);padding:var(--spacing-24);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-18);background:radial-gradient(120% 120% at 20% 20%,#25a9bf12,#0000),radial-gradient(90% 120% at 90% 0,#1c1f202e,#0000),linear-gradient(135deg,#12151d,#0f1115);border:1px solid #c9cdd614;grid-template-columns:1.4fr 1fr;display:grid;position:relative;overflow:hidden}.hero-banner:after{content:"";pointer-events:none;background:radial-gradient(50% 50% at 110% 20%,#25a9bf14,#0000);position:absolute;inset:0}.hero-banner.clean{padding-top:var(--spacing-24);grid-template-columns:1fr}.workspace-grid{gap:var(--spacing-16);grid-template-columns:1fr .4fr;align-items:start;display:grid}.workspace-left,.workspace-right{gap:var(--spacing-10);flex-direction:column;display:flex}.workspace-right .panel{border-radius:var(--radius-xl);padding:var(--spacing-14);box-shadow:var(--shadow-md);background:#12151dd1;border:1px solid #c9cdd61a}.placeholder-panel{min-height:120px}.auth-panel{max-width:520px;margin:0 auto;margin-top:var(--spacing-18)}@media (max-width:768px){.workspace-grid{grid-template-columns:1fr}}.hero-text{z-index:1;position:relative}.hero-right{z-index:1;gap:var(--spacing-12);flex-direction:column;display:flex;position:relative}.hero-actions{gap:var(--spacing-10);margin-top:var(--spacing-14);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--spacing-8);color:var(--color-teal);padding:var(--spacing-10)var(--spacing-14);border-radius:var(--radius-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);background:#25a9bf24;border:1px solid #25a9bf4d;display:inline-flex}.page-top{justify-content:space-between;align-items:center;gap:var(--spacing-12);margin-bottom:var(--spacing-10);display:flex}.filter-row{justify-content:space-between;align-items:center;gap:var(--spacing-12);margin:var(--spacing-10)0 var(--spacing-14);flex-wrap:wrap;display:flex}.footer{margin-top:var(--spacing-18);color:var(--color-ash-50);font-size:var(--text-sm);text-align:center}
.btn-primary{color:#fff;padding:var(--spacing-12)var(--spacing-16);border-radius:var(--radius-lg);font-weight:var(--font-bold);font-size:var(--text-base);letter-spacing:var(--tracking-wider);transition:all var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-8);background:linear-gradient(135deg,#2563eb 0%,#06b6d4 50%,#22d3ee 100%);border:none;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e40af4d,0 4px 12px #06b6d459}.btn-primary:active{transform:translateY(-1px)}.btn-primary:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--color-ash);padding:var(--spacing-12)var(--spacing-16);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);letter-spacing:var(--tracking-wider);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-8);background:#c9cdd60f;border:1px solid #c9cdd633;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:#c9cdd666;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-danger{color:#fcc;padding:var(--spacing-10)var(--spacing-18);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-base);letter-spacing:var(--tracking-wider);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-8);background:#ff6e6e1f;border:1px solid #ff6e6eb3;text-decoration:none;display:inline-flex}.btn-danger:hover{background:#ff6e6e2e;border-color:#ff6e6ee6;transform:translateY(-1px)}.btn-danger:focus-visible{outline-offset:3px;outline:2px solid #ff6e6eb3}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-amber{color:#000;padding:var(--spacing-12)var(--spacing-16);border-radius:var(--radius-lg);font-weight:var(--font-bold);font-size:var(--text-base);letter-spacing:var(--tracking-wider);transition:all var(--transition-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-8);background:linear-gradient(135deg,#f5b942e6,#ff8c42cc);border:1px solid #f5b94299;text-decoration:none;display:inline-flex;box-shadow:0 5px #12445ded}.btn-amber:hover{transform:translateY(-2px);box-shadow:0 7px #12445ded}.btn-amber:active{transform:translateY(-1px)}.btn-amber:focus-visible{outline-offset:3px;outline:2px solid #fbbf24}.btn-sm{padding:var(--spacing-8)var(--spacing-12);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-md{padding:var(--spacing-10)var(--spacing-14);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-lg{padding:var(--spacing-14)var(--spacing-18);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-hero{padding:var(--spacing-10)var(--spacing-14);border-radius:var(--radius-3xl);font-size:var(--text-base);min-height:40px}.btn-full-width{width:100%}.btn-icon-only{padding:var(--spacing-10);aspect-ratio:1}.btn-with-icon svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.btn-amber:hover{transform:none}}
.card{border-radius:var(--radius-xl);padding:var(--spacing-16);box-shadow:var(--shadow-md);transition:all var(--transition-base);color:inherit;background:#12151dd9;border:1px solid #c9cdd61f;flex-direction:column;text-decoration:none;display:flex}.card:hover{border-color:#25a9bf59;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 4px 12px #25a9bf33}.card:active{transform:translateY(-1px)}.card:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.card.is-disabled,.card[aria-disabled=true]{opacity:.6;pointer-events:none;background:#0f121a99}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.card-flat{box-shadow:var(--shadow-flat)}.card-flat:hover{box-shadow:var(--shadow-sm)}.card-interactive:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000059,0 6px 15px #25a9bf40}.card-hero{border-radius:var(--radius-2xl);padding:var(--spacing-20)}.card-hero-lg{border-radius:var(--radius-3xl);padding:var(--spacing-24)}.card-sm{padding:var(--spacing-12);border-radius:var(--radius-lg)}.card-md{padding:var(--spacing-16);border-radius:var(--radius-xl)}.card-lg{padding:var(--spacing-20);border-radius:var(--radius-2xl)}.card-teal{border-color:#25a9bf40}.card-teal:hover{border-color:#25a9bf80}.card-amber{border-color:#f5b94240}.card-amber:hover{border-color:#f5b94280}.card-success{background:linear-gradient(140deg,#25a9bf14,#070a10eb);border-color:#6ee7b74d}.card-success:hover{border-color:#6ee7b780}.card-error{background:#20121280;border-color:#ff6e6e4d}.card-header{justify-content:space-between;align-items:center;gap:var(--spacing-12);margin-bottom:var(--spacing-12);display:flex}.card-body{gap:var(--spacing-8);flex-direction:column;flex:1;display:flex}.card-footer{justify-content:space-between;align-items:center;gap:var(--spacing-10);margin-top:var(--spacing-12);padding-top:var(--spacing-12);border-top:1px solid #c9cdd614;display:flex}.card-icon{border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-ash);background:#c9cdd614;flex-shrink:0;place-items:center;display:grid}.card-icon-lg{border-radius:var(--radius-xl);width:44px;height:44px}.card-icon-teal{color:var(--color-teal);background:#25a9bf1f}.card-icon-amber{color:var(--color-amber);background:#f5b9421f}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-ash);margin:0}.card-description{font-size:var(--text-base);color:var(--color-ash-70);margin:0;line-height:1.5}.card-meta{font-size:var(--text-sm);color:var(--color-ash-50)}.tool-card{border-radius:var(--radius-2xl);min-height:200px;padding:var(--spacing-18)}.media-card{border-radius:var(--radius-xl);padding:var(--spacing-12);overflow:hidden}.prompt-card{border-radius:var(--radius-xl);padding:var(--spacing-14);white-space:pre-wrap}.card-grid{gap:var(--spacing-14);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card-grid-compact{gap:var(--spacing-12);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.card-grid-wide{gap:var(--spacing-16);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}@media (prefers-reduced-motion:reduce){.card:hover,.card-interactive:hover{transform:none}}
.input{border-radius:var(--radius-md);padding:var(--spacing-10)var(--spacing-12);color:var(--color-ash);font-size:var(--text-base);font-family:var(--font-primary);font-weight:var(--font-medium);transition:border-color var(--transition-base);background:#c9cdd60f;border:1px solid #c9cdd629;width:100%}.input::placeholder{color:var(--color-ash-50)}.input:hover{border-color:#c9cdd640}.input:focus{border-color:#25a9bf99;outline:none;box-shadow:0 0 0 3px #25a9bf1a}.input:focus-visible{outline-offset:2px;outline:2px solid #25a9bf80}.input:disabled{opacity:.6;cursor:not-allowed;background:#c9cdd608}textarea.input{resize:vertical;min-height:100px;line-height:1.5}.select{appearance:none;border-radius:var(--radius-md);padding:var(--spacing-10)var(--spacing-12);padding-right:var(--spacing-24);color:var(--color-ash);font-size:var(--text-base);font-family:var(--font-primary);font-weight:var(--font-semibold);transition:border-color var(--transition-base);cursor:pointer;background:#c9cdd60f url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23C9CDD6' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-position:right var(--spacing-12)center;border:1px solid #c9cdd629;width:100%}.select:hover{border-color:#c9cdd640}.select:focus{border-color:#25a9bf99;outline:none;box-shadow:0 0 0 3px #25a9bf1a}.select:focus-visible{outline-offset:2px;outline:2px solid #25a9bf80}.select:disabled{opacity:.6;cursor:not-allowed}.input-sm{padding:var(--spacing-8)var(--spacing-10);font-size:var(--text-sm);border-radius:var(--radius-sm)}.input-lg{padding:var(--spacing-12)var(--spacing-14);font-size:var(--text-lg);border-radius:var(--radius-lg)}.input-error{border-color:#ff6e6eb3}.input-error:focus{border-color:#ff6e6ee6;box-shadow:0 0 0 3px #ff6e6e1a}.input-success{border-color:#6ee7b799}.input-success:focus{border-color:#6ee7b7cc;box-shadow:0 0 0 3px #6ee7b71a}.input-group{align-items:center;gap:var(--spacing-8);border-radius:var(--radius-md);padding:var(--spacing-10)var(--spacing-12);transition:border-color var(--transition-base);background:#c9cdd60f;border:1px solid #c9cdd629;display:flex}.input-group:hover{border-color:#c9cdd640}.input-group:focus-within{border-color:#25a9bf99;box-shadow:0 0 0 3px #25a9bf1a}.input-group input{color:var(--color-ash);font-size:var(--text-base);font-weight:var(--font-medium);background:0 0;border:none;flex:1;min-width:0}.input-group input:focus{outline:none}.input-prefix,.input-suffix{color:var(--color-ash-70);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);flex-shrink:0}.input-icon{color:var(--color-ash-50);flex-shrink:0;width:16px;height:16px}.search-input{align-items:center;gap:var(--spacing-10);padding:var(--spacing-12)var(--spacing-14);border-radius:var(--radius-lg);transition:border-color var(--transition-base);background:#c9cdd60f;border:1px solid #c9cdd624;width:100%;max-width:520px;display:flex}.search-input:hover{border-color:#c9cdd640}.search-input:focus-within{border-color:#25a9bf99;box-shadow:0 0 0 3px #25a9bf1a}.search-input input{color:var(--color-ash);font-size:var(--text-base);background:0 0;border:none;flex:1;min-width:0}.search-input input:focus{outline:none}.search-input svg{color:var(--color-ash-50);flex-shrink:0;width:16px;height:16px}.checkbox,.radio{cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);background:#c9cdd60f;border:1px solid #c9cdd64d}.checkbox{border-radius:var(--radius-xs)}.radio{border-radius:var(--radius-full)}.checkbox:hover,.radio:hover{border-color:#25a9bf80}.checkbox:checked,.radio:checked{background:var(--color-teal);border-color:var(--color-teal)}.checkbox:focus-visible,.radio:focus-visible{outline-offset:2px;outline:2px solid #25a9bf80}.label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-ash);margin-bottom:var(--spacing-6);letter-spacing:var(--tracking-wide);display:block}.label-required:after{content:" *";color:#ff6e6ecc}.helper-text{font-size:var(--text-xs);color:var(--color-ash-50);margin-top:var(--spacing-4)}.error-text{font-size:var(--text-xs);color:#fcc;margin-top:var(--spacing-4)}.form-group{margin-bottom:var(--spacing-16)}.form-row{gap:var(--spacing-14);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}
:focus-visible{outline-offset:2px;outline:2px solid #22d3ee}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible,.btn-amber:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}input:focus-visible,select:focus-visible,textarea:focus-visible,.input:focus-visible,.select:focus-visible{outline-offset:2px;outline:2px solid #25a9bf80}.card:focus-visible,.tool-card:focus-visible,.media-card:focus-visible,.dash-card:focus-visible,.module-tile:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}a:focus-visible{outline-offset:2px;border-radius:var(--radius-xs);outline:2px solid #22d3ee}.toolbar-item[data-tool-id=create]:focus-visible,.toolbar-item[data-tool-id=kling]:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.toolbar-item[data-tool-id=video]:focus-visible{outline-offset:3px;outline:2px solid #a78bf7}.toolbar-item[data-tool-id=edit]:focus-visible{outline-offset:3px;outline:2px solid #fbbf24}.toolbar-item:is([data-tool-id=character],[data-tool-id=canvas]):focus-visible{outline-offset:3px;outline:2px solid #34d399}.skip-link{background:var(--color-teal);color:#fff;padding:var(--spacing-8)var(--spacing-12);border-radius:var(--radius-md);z-index:var(--z-toast);font-weight:var(--font-bold);font-size:var(--text-sm);transition:top var(--transition-fast);text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:var(--spacing-8)}.skip-links{gap:var(--spacing-8);padding:var(--spacing-8);z-index:var(--z-toast);display:flex;position:absolute;top:-100px;left:0}.skip-links:focus-within{top:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;position:static;overflow:visible}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card:hover,.tool-card:hover,.media-card:hover,.dash-card:hover,.module-tile:hover,.hero-onboarding:hover,.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.btn-amber:hover,.toolbar-item[data-tool-id=create]:hover,.toolbar-item[data-tool-id=kling]:hover,.toolbar-item[data-tool-id=video]:hover,.toolbar-item[data-tool-id=sound]:hover,.toolbar-item[data-tool-id=edit]:hover,.toolbar-item:is([data-tool-id=character],[data-tool-id=canvas]):hover{transform:none}}@media (prefers-contrast:high){.card,.tool-card,.media-card,.input,.select{border-width:2px}.card-description,.helper-text,.subdued{color:var(--color-ash)}:focus-visible{outline-width:3px}}a,button,input,select,textarea,[role=button],[role=link],[tabindex="0"]{outline:none}[disabled],[aria-disabled=true]{pointer-events:none;cursor:not-allowed}[aria-live=assertive],[role=alert]{padding:var(--spacing-12);border-radius:var(--radius-md);color:#ffecec;background:#ff6e6e1f;border:1px solid #ff6e6eb3}[role=tooltip]{z-index:var(--z-tooltip);border-radius:var(--radius-md);padding:var(--spacing-8)var(--spacing-10);font-size:var(--text-xs);color:var(--color-ash);pointer-events:none;background:#0c0f16f5;border:1px solid #c9cdd629;max-width:200px;position:absolute}[role=dialog],[role=alertdialog]{z-index:var(--z-modal)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#03050ab3;position:fixed;inset:0}[aria-busy=true]{cursor:wait;pointer-events:none}.loader[role=status]:after{content:"Loading...";clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}thead th{background:var(--color-bg);z-index:var(--z-sticky);position:sticky;top:0}.eyebrow,.subdued,.tiny,.card-meta,.helper-text{color:var(--color-ash-50)}a{color:var(--color-teal);transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}a:hover{text-decoration-color:currentColor}body{color:var(--color-ash);background:var(--color-bg)}.input-error:focus{border-color:#ff6e6ee6}.input-success:focus{border-color:#6ee7b7cc}[aria-required=true]:after,.required:after{content:" *";color:#ff6e6ecc;font-weight:var(--font-bold)}
.icon-btn{cursor:pointer;background:#c9cdd60f;border:1px solid #c9cdd61f;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.primary-btn,.ghost-btn{color:#e8fbff;border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;vertical-align:middle;background:linear-gradient(135deg,#34c8ffd1,#25a9bfe6);border:1px solid #34c8ff73;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;line-height:1.1;transition:all .15s;display:inline-flex}.primary-btn:hover{border-color:#34c8ffb3;transform:translateY(-1px)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.ghost-btn{color:var(--color-ash);background:#c9cdd60f;border-color:#c9cdd633}.ghost-btn:hover{border-color:#c9cdd666}.primary-btn.small,.ghost-btn.small{border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.primary-btn.small.active-pill,.ghost-btn.small.active-pill{color:#e8fbff;border-color:#25a9bf8c}.dashboard-nav-prefab{z-index:2;border-radius:10px;justify-content:center;width:120px;min-height:38px;margin:0;font-size:10px;font-weight:500;line-height:1.1;position:relative}.dashboard-nav-prefab--inline{width:auto;min-width:120px}.dashboard-nav-prefab:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.dashboard-nav-prefab>*{pointer-events:none}.panel{background:var(--color-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);border:1px solid #c9cdd614;padding:20px 20px 12px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash-40);margin-bottom:6px;font-size:12px}.subdued{color:var(--color-ash-70);margin-top:6px}.chip-row{gap:10px;display:flex}.chip{color:var(--color-ash);background:#c9cdd614;border:1px solid #c9cdd626;border-radius:12px;padding:8px 12px;font-weight:600}.chip-highlight{color:var(--color-amber);background:#f5b94224;border-color:#f5b94266}.chip-ghost{color:var(--color-ash-70);background:#c9cdd60a;border-color:#c9cdd629}.pill{color:var(--color-ash);background:#c9cdd60d;border:1px solid #c9cdd62e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:600;display:inline-flex}.pill-teal{color:var(--color-teal);border-color:#25a9bf59}.pill-amber{color:var(--color-amber);border-color:#f5b94266}.stat-rail{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:8px 0 14px;display:grid}.stat-card{background:linear-gradient(135deg,#25a9bf0f,#f5b94208),#151821b3;border:1px solid #c9cdd61f;border-radius:12px;padding:12px;position:relative;overflow:hidden}.stat-card:after{content:"";pointer-events:none;background:radial-gradient(60% 60% at 110% -10%,#f5b94226,#0000);position:absolute;inset:0}.stat-card-accent{border-color:#f5b94266;box-shadow:0 8px 26px #f5b94226}.stat-value{color:var(--color-ash);justify-content:space-between;align-items:baseline;font-size:20px;font-weight:700;display:flex}.stat-tag{color:var(--color-ash-70);font-size:12px;font-weight:500}.stat-sub{color:var(--color-ash-70);margin-top:6px;font-size:12px}.tiny{color:var(--color-ash-70);font-size:12px}.legend-row{flex-wrap:wrap;gap:8px;margin:4px 0 10px;display:flex}.legend-pill{color:var(--color-ash);background:#c9cdd60a;border:1px solid #c9cdd629;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:inline-flex}.legend-pill-highlight{color:var(--color-amber);background:#f5b94214;border-color:#f5b94266}.legend-dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #25a9bf1f}.legend-dot-base{background:var(--color-teal-soft);border:1px solid var(--color-teal)}.legend-dot-highlight{background:var(--color-amber);border:1px solid #ffd472;box-shadow:0 0 0 6px #f5b9422e}.legend-sublabel{color:var(--color-ash-70);font-size:12px;font-weight:500}.preview-section{margin:18px 0 8px}.preview-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preview-title{margin:2px 0;font-size:20px;font-weight:600}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.preview-card{background:#1c1f26e6;border:1px solid #c9cdd61f;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.preview-thumb{aspect-ratio:9/16;position:relative;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.02)}.preview-overlay{background:linear-gradient(#0000001a,#000000a6);position:absolute;inset:0}.preview-top,.preview-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:10px;right:10px}.preview-top{top:10px}.preview-bottom{bottom:10px}.meta{max-width:70%}.meta-title{color:#f9fbff;font-size:14px;font-weight:700}.meta-sub{color:#f9fbffcc;font-size:12px;line-height:1.3}.score-badge{color:var(--color-amber);text-align:right;background:#151821cc;border:1px solid #f5b94266;border-radius:12px;min-width:68px;padding:6px 10px}.score-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-ash-70);font-size:11px}.score-value{color:var(--color-amber);font-size:16px;font-weight:700;display:block}.skeleton .skeleton-tile{background:linear-gradient(135deg,#c9cdd614,#c9cdd60a);border:1px solid #c9cdd614;height:260px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-card-alt{background:#12151dcc;border:1px solid #c9cdd61a;border-radius:14px;padding:12px}.stat-value{color:var(--color-ash);align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ash-40);margin-bottom:6px;font-size:12px}.stat-hint{color:var(--color-ash-70);margin-top:2px;font-size:12px}.stat-chip{color:var(--color-amber);background:#f5b9421f;border:1px solid #f5b94266;border-radius:999px;padding:2px 8px;font-size:12px}.pill-stack{flex-wrap:wrap;gap:6px;display:flex}.chips-grid{gap:8px;margin-top:14px}.cap-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cap-chip{color:var(--color-ash-70);background:#c9cdd60d;border:1px solid #c9cdd61a;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600}.snapshot-panel{margin:16px 0}.error-panel{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}
.modal-overlay{z-index:400;background:#03050ab3;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#0c0f16f5;border:1px solid #c9cdd629;border-radius:16px;min-width:280px;padding:18px 20px;box-shadow:0 26px 70px #00000080}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.hero-image-card{color:#f5f9ff;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.plan-free{color:#f5f9ff}.plan-media{color:#4ea09e}.plan-studio{color:#64d0ff}.plan-business{color:#ffcb66}
.app-bar{--header-card-height:92px;background:#c9cdd605;border:1px solid #0000;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:26px;padding:20px 24px;display:flex;box-shadow:0 12px 32px #00000059}.brand-mark{letter-spacing:.01em;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.brand-mark.brand-mark-logo{gap:10px}.brand-logo{object-fit:contain;margin-left:24px;padding-left:6px;display:block}.brand-name{font-weight:800}.brand-mark .logo-dot{background:var(--color-teal);border-radius:4px;width:12px;height:12px}.brand-sub{color:var(--color-ash-70);font-size:13px}.app-bar-right{align-items:center;gap:12px;display:flex}.header-cards{align-items:stretch;gap:12px;display:flex}.header-stat-card{width:200px;min-width:180px;height:var(--header-card-height);cursor:pointer;background:#c9cdd605;border:1px solid #c9cdd61f;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 14px 32px #00000059}.header-stat-card:hover{border-color:#25a9bf80;transform:translateY(-2px);box-shadow:0 18px 40px #00000073}.header-card-body .metric-label{text-transform:uppercase;letter-spacing:.08em}.avatar-card{width:var(--header-card-height);height:var(--header-card-height);cursor:pointer;background:#c9cdd605;border:1px solid #c9cdd61f;border-radius:16px;place-items:center;padding:10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.avatar-card:hover{border-color:#25a9bf80;transform:translateY(-2px);box-shadow:0 18px 40px #00000073}.profile-menu{position:relative}.profile-dropdown{z-index:200;background:radial-gradient(120% 120% at 10% 0,#25a9bf1a,#0000),#05070dfa;border:1px solid #c9cdd629;border-radius:16px;flex-direction:column;min-width:210px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 24px 60px #0000008c}.profile-dropdown a{color:#e8fbff;text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.profile-dropdown button{color:var(--color-ash);text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-weight:600}.profile-dropdown a:hover,.profile-dropdown button:hover{color:#e8fbff;background:#25a9bf29}.user-cluster{align-items:center;gap:12px;display:flex}.avatar{color:#e8fbff;background:#25a9bf33;border:1px solid #25a9bf66;border-radius:50%;place-items:center;width:100%;height:100%;font-size:18px;font-weight:800;display:grid}@media (max-width:1080px){.app-bar{flex-direction:column;align-items:flex-start;gap:18px}.app-bar-right{flex-wrap:wrap;width:100%}.header-cards{flex-wrap:wrap;flex:1;justify-content:flex-start;width:100%}}
.dashboard-grid{gap:var(--spacing-14);margin-top:var(--spacing-12);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.dashboard-grid.refreshed{margin-top:var(--spacing-24)}.dash-card{padding:var(--spacing-18);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:inherit;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);background:#12151dd9;border:1px solid #c9cdd61f;text-decoration:none;position:relative}.dash-card:hover{border-color:#25a9bf66;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 4px 12px #25a9bf33}.dash-card.emphasized{border-color:#25a9bf59;box-shadow:0 8px 20px #25a9bf2e,0 4px 12px #25a9bf33}.dash-card.disabled-card{opacity:.6;pointer-events:none}.module-grid{gap:var(--spacing-12);margin-top:var(--spacing-12);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.module-tile{padding:var(--spacing-14);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:inherit;gap:var(--spacing-8);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);background:#12151dd9;border:1px solid #c9cdd61f;flex-direction:column;text-decoration:none;display:flex;position:relative}.module-tile:hover{border-color:#25a9bf59;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 4px 12px #25a9bf33}.module-tile.emphasized{border-color:#25a9bf59;box-shadow:0 24px 70px #25a9bf29}.module-top{justify-content:space-between;align-items:center;display:flex}.module-tile.disabled-card{opacity:.6;pointer-events:none}.module-tile h3{margin:0;font-size:18px}.module-tile p{color:var(--color-ash-70);font-size:14px}.dash-card .tool-icon{width:38px;height:38px;color:var(--color-ash);background:#c9cdd614;border-radius:12px;place-items:center;display:grid}.dash-card h3{margin:10px 0 4px;font-size:20px}.dash-card p{color:var(--color-ash-70)}.dash-cta{color:var(--color-teal);align-items:center;gap:6px;margin-top:12px;font-weight:700;display:inline-flex}.dash-card-top{justify-content:flex-end;display:flex}.dash-teal{border-color:#25a9bf33}.dash-amber{border-color:#f5b94233}.dash-blue{border-color:#668dff33}.creator-panel{flex-direction:column;gap:12px;display:flex}.saved-creators-page{background:var(--color-bg);min-height:var(--app-fixed-height);background-image:none;border-radius:0;width:100%;max-width:1280px;margin:0 auto;padding:26px 26px 68px;position:relative}.saved-creators-body,html.saved-creators-body,body.saved-creators-body,.media-library-body,html.media-library-body,body.media-library-body{background:var(--color-bg)!important;background-image:none!important}.saved-creators-page:before{content:"";background:var(--color-bg);z-index:-1;position:fixed;inset:0}.dashboard-body,html.dashboard-body,body.dashboard-body{background-color:var(--color-bg)!important;background-image:none!important}.saved-top-row{justify-content:flex-start;margin-bottom:24px;display:flex}.saved-header-bar{background:linear-gradient(135deg,#0c0f16eb,#070a10e6);border:none;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding:12px 16px;display:flex;box-shadow:0 10px 30px #00000061}.saved-header-left{align-items:center;gap:14px;display:flex}.saved-header-right{margin-left:auto}.saved-creators-page>section{margin-bottom:24px}.saved-title-stack{flex-direction:column;gap:2px;display:flex}.saved-title-row{align-items:center;gap:10px;display:flex}.header-link{background:#c9cdd614;border-color:#c9cdd638}.subtle-pill{background:#c9cdd614;border-color:#c9cdd629}.saved-header-right{align-items:center;gap:10px;display:flex}.micro-stat{background:#0b0f16d9;border:1px solid #c9cdd61f;border-radius:12px;min-width:140px;padding:10px 12px;box-shadow:0 16px 40px #00000059}.saved-hero{background-blend-mode:normal;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;min-height:90px}.creator-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.creator-form-header{justify-content:space-between;align-items:center;display:flex}.creator-form select{color:var(--color-ash);background:#c9cdd60f;border:1px solid #c9cdd624;border-radius:10px;padding:8px 10px;font-weight:600}.creator-form.refreshed{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:14px}.creator-form-actions{justify-content:flex-end;align-items:flex-end;display:flex}.creator-form-actions.inline{justify-content:flex-start;align-items:center}.creator-form-actions p{margin:0 0 6px}.creator-search{color:var(--color-ash);background:#c9cdd60f;border:1px solid #c9cdd624;border-radius:10px;padding:10px 12px}.creator-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.creator-card{background:#12151dd9;border:1px solid #c9cdd61f;border-radius:12px;padding:12px;box-shadow:0 12px 32px #00000052}.creator-card-top{justify-content:space-between;margin-bottom:10px;display:flex}.creator-card-body{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px;display:grid}.creator-card.upgraded{background:linear-gradient(140deg,#25a9bf14,#070a10eb);border:1px solid #25a9bf29;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;box-shadow:0 16px 46px #00000073}.creator-card.upgraded:hover{border-color:#25a9bf5c;transform:translateY(-3px);box-shadow:0 24px 62px #0000008c}.creator-card-top .pill-row{align-items:center;gap:8px;display:flex}.creator-card-top.list-top{align-items:center;gap:12px}.list-card{gap:12px;padding:16px}.creator-id-block{align-items:center;gap:12px;display:flex}.creator-avatar{color:#25a9bf99;background:#0f1115;border:1px solid #25a9bf80;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.creator-handle{margin:0;font-weight:700}.creator-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.creator-actions{align-items:center;gap:8px;display:flex}.list-card .creator-card-body{margin-top:8px}.dashboard-refresh{padding-bottom:60px}.app-bar{z-index:6;position:relative}.dashboard-hero{margin-bottom:var(--spacing-20);z-index:5;position:relative}.hero-primary{border-radius:var(--radius-3xl);padding:var(--spacing-24);box-shadow:none;background:0 0;border:1px solid #0000;min-height:220px;position:relative;overflow:visible}.hero-copy{z-index:3;flex-direction:column;justify-content:center;gap:16px;padding-right:52%;display:flex;position:relative}.hero-primary h1{font-size:clamp(28px,calc(var(--app-fixed-width)*.04),36px);margin:0;line-height:1.1}.hero-primary h1 span{color:var(--color-teal)}.hero-subtext{color:var(--color-ash-70);max-width:540px}.hero-announcement{gap:6px;max-width:560px;display:grid}.hero-announcement-title{color:var(--color-teal);font-size:19px;line-height:1.25;font-weight:var(--font-semibold);margin:0}.hero-announcement-message{color:var(--color-ash-70);margin:0;font-size:18px;line-height:1.5}.hero-onboarding{border-radius:var(--radius-3xl);border:1px solid var(--color-teal-soft);padding:var(--spacing-18)var(--spacing-20);color:inherit;justify-content:space-between;gap:var(--spacing-18);box-shadow:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);background:#131518;flex-direction:column;text-decoration:none;display:flex}.hero-onboarding:hover{box-shadow:var(--shadow-md);border-color:var(--color-teal);transform:translateY(-2px)}.hero-onboarding h3{margin:var(--spacing-8)0 0;color:var(--color-teal)}.hero-onboarding .subdued{font-size:13px;line-height:1.45}.hero-onboarding span{font-weight:var(--font-bold);color:var(--color-teal);text-align:left}.hero-new-project-card{text-align:left;background:radial-gradient(120% 120% at 100% 0,#25a9bf1f,#0000 58%),#131518;border-color:#25a9bf4d;justify-content:center;align-items:center;gap:0}.hero-new-project-content{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;width:min(100%,250px);margin:0 auto;display:grid}.hero-new-project-icon-column{justify-content:center;align-items:center;display:flex}.hero-new-project-text-column{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.hero-new-project-label{color:var(--color-teal);font-size:30px;line-height:1.04;font-weight:var(--font-bold);letter-spacing:.01em;margin:0;display:block}.hero-new-project-icon{flex:none;transform:none}.hero-new-project-helper{color:#c9cdd6;text-align:left;margin:0;font-size:15px;line-height:1.28}.hero-sessions-group{border-radius:var(--radius-3xl);width:260px;min-height:148px;padding:var(--spacing-16);justify-content:space-between;gap:var(--spacing-12);background:#131518eb;border:1px solid #c9cdd633;flex-direction:column;display:flex}.hero-sessions-title{letter-spacing:.08em;text-transform:uppercase;color:#95a0ae;font-size:11px;font-weight:var(--font-semibold);margin:0}.hero-sessions-wrapper{gap:10px;display:flex}.hero-session-square{aspect-ratio:1;background:#25a9bf14;border:1px dashed #25a9bf66;border-radius:12px;flex:1 1 0}.hero-sessions-note{color:var(--color-ash-70);margin:0;font-size:12px}.hero-visual{pointer-events:none;z-index:1;border-radius:0;width:50%;min-width:340px;max-width:560px;display:none;position:absolute;top:50%;right:2%;overflow:visible;transform:translateY(-50%)}.hero-graphic{object-fit:cover;border-radius:0;width:100%;height:auto;max-height:340px;padding:0 12px;display:block;transform:translateY(-2%)}.hero-quick-row{gap:var(--spacing-12);pointer-events:auto;z-index:4;padding-right:var(--spacing-8);display:flex;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.hero-quick-row .hero-onboarding{z-index:2;width:260px;min-height:148px;padding-right:var(--spacing-24);padding-left:var(--spacing-24);pointer-events:auto;cursor:pointer;position:static;top:auto;right:auto;transform:none}.hero-quick-row .hero-onboarding:hover{transform:translateY(-2px)}.hero-workflow-card{background:#131518;border:1px solid #f5b94240}.hero-workflow-card h3,.hero-workflow-card span{color:var(--color-amber)}.hero-onboarding.hero-workflow-card:hover{border-color:#f5b94280;box-shadow:0 16px 38px #00000061}.tools-section{z-index:5;position:relative}.status-icon{width:42px;height:42px;color:var(--color-teal);background:#25a9bf1f;border-radius:12px;place-items:center;display:grid}.status-icon.compact{border-radius:10px;width:34px;height:34px}.status-value{margin:2px 0;font-size:18px;font-weight:700}.status-value.small{font-size:16px}.status-meta{color:var(--color-ash-70)}.discovery-panel,.saved-list-panel{background:#c9cdd614;border:1px solid #c9cdd614;box-shadow:0 16px 38px #0000006b}.search-usage-card{cursor:pointer;background:#0c0f16e6;border:1px solid #c9cdd61f;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 12px 28px #0006}.search-usage-icon{background:#25a9bf29;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.search-usage-text{flex-direction:column;gap:2px;display:flex}.search-usage-value{letter-spacing:.01em;margin:0;font-weight:800}.search-usage-card:hover{border-color:#25a9bf66;transform:translateY(-2px);box-shadow:0 18px 40px #00000085}.plan-card{background:#0c0f16eb}.plan-icon{background:#25a9bf1f}.plan-value{color:var(--color-amber)}.discovery-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.intake-panel{margin-top:0}.creator-intake{grid-template-columns:minmax(320px,1.35fr) minmax(240px,.95fr) minmax(150px,.45fr);align-items:center;gap:14px;width:100%;max-width:1180px;margin:0 auto;display:grid}.creator-intake .discovery-input{justify-self:start;width:100%}.creator-intake .select-chip{justify-self:center;width:100%}.creator-form-actions.inline{justify-content:flex-start;justify-self:end;align-items:center;min-height:44px}.creator-form-actions.inline .primary-btn{min-width:120px;height:44px}.input-shell{background:#c9cdd60f;border:1px solid #c9cdd624;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:9px 12px;display:flex}.input-shell input{color:var(--color-ash);background:0 0;border:none;width:100%;font-size:15px;font-weight:500}.input-shell input:focus{outline:none}.saved-creators-page .input-shell input:-webkit-autofill{-webkit-text-fill-color:var(--color-ash);caret-color:var(--color-ash);transition:background-color 9999s ease-in-out,color;box-shadow:inset 0 0 0 1000px #0000;background-color:#0000!important}.saved-creators-page .input-shell input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-ash);caret-color:var(--color-ash);transition:background-color 9999s ease-in-out,color;box-shadow:inset 0 0 0 1000px #0000;background-color:#0000!important}.saved-creators-page .input-shell input{background:0 0;border:none;padding:0}.input-prefix{color:var(--color-ash-70);letter-spacing:.02em;font-weight:700}.select-chip select{appearance:none;color:var(--color-ash);letter-spacing:.01em;background:#1c1f26 url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23C9CDD6' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center no-repeat;border:1px solid #c9cdd633;border-radius:12px;width:100%;min-width:260px;min-height:44px;padding:11px 46px 11px 14px;font-size:15px;font-weight:750;position:relative;box-shadow:0 14px 32px #00000073}.select-chip select:focus{outline:1px solid #25a9bf99;box-shadow:0 18px 38px #0000008c,0 0 0 1px #25a9bf40}.select-chip select option{color:var(--color-ash);background:#11141b;font-weight:700}.select-chip select option:checked{color:#e8f7fb;background:#25a9bf33}.platform-select{width:100%;position:relative}.platform-trigger{width:100%;color:var(--color-ash);letter-spacing:.01em;cursor:pointer;background:#1c1f26;border:1px solid #c9cdd62e;border-radius:12px;justify-content:space-between;align-items:center;min-height:44px;padding:11px 14px;font-size:15px;font-weight:750;display:flex;box-shadow:0 14px 32px #00000073}.platform-select.open .platform-trigger{border-color:#25a9bf59;box-shadow:0 18px 38px #0000008c,0 0 0 1px #25a9bf1f}.platform-caret{color:#c9cdd6b3;font-size:14px}.platform-menu{z-index:10;background:#12151d;border:1px solid #c9cdd629;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 18px 50px #0009}.platform-option{text-align:left;width:100%;color:var(--color-ash);cursor:pointer;background:0 0;border:none;padding:12px 14px;font-weight:750;transition:background .15s}.platform-option:hover{background:#25a9bf1f}.platform-option.selected{color:#e8f7fb;background:#25a9bf2e}.saved-list-header{align-items:center}.saved-list-tools{align-self:center;align-items:center;gap:10px;display:flex}.saved-list-tools .creator-search{height:42px;padding:10px 12px}.saved-list-tools .pill{justify-content:center;align-items:center;height:42px;padding:0 12px;display:inline-flex}.creator-form-actions.inline .primary-btn{justify-content:center;align-items:center;min-width:120px;height:44px;display:inline-flex}.saved-list-panel.spacious{margin-top:0}.saved-list-panel .creator-grid{margin-top:6px}.creator-table-wrap{background:#12151deb;border:1px solid #c9cdd61f;border-radius:14px;margin-top:8px;overflow:auto;box-shadow:0 14px 40px #0000006b}.creator-table{border-collapse:collapse;width:100%;min-width:760px}.creator-table th,.creator-table td{vertical-align:middle;padding:12px 16px}.creator-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#c9cdd6b3;background:#c9cdd60f;border-bottom:1px solid #c9cdd61f;font-size:12px}.creator-table tbody td{position:relative}.creator-table tbody tr{border-bottom:1px solid #c9cdd614}.creator-table tbody tr:last-child{border-bottom:none}.creator-table tbody tr:nth-child(2n){background:#c9cdd608}.creator-table tbody tr:hover{background:#25a9bf0f}.creator-cell{align-items:center;gap:10px;display:flex}.creator-avatar.small{border-radius:50%;width:36px;height:36px}.creator-table thead th.numeric-col,.creator-table thead th.actions-col{text-align:right}.numeric-col{text-align:right;font-variant-numeric:tabular-nums}.actions-col{text-align:right;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;padding-right:14px;display:flex}.creator-table .metric-label.subtle{color:#c9cdd6b3}.table-status{text-align:center;color:var(--color-ash-70);padding:16px 12px}.table-status.error{color:var(--color-amber)}.tight-pill{padding:6px 10px;font-size:13px}.ghost-btn.plain-link,.ghost-btn.danger-link{box-shadow:none;background:0 0;border:none;padding:6px 8px}.ghost-btn.plain-link{color:var(--color-teal)}.ghost-btn.danger-link{color:var(--color-amber)}@media (max-width:960px){.saved-header-bar{flex-direction:column;align-items:flex-start}.saved-header-right{width:100%}.creator-intake{grid-template-columns:1fr}.saved-list-tools{flex-direction:column;align-items:stretch;width:100%}.hero-primary{grid-template-columns:1fr}.hero-onboarding{min-height:200px}.hero-quick-row{flex-wrap:wrap;justify-content:flex-start;margin-top:18px;position:static;top:auto;right:auto;transform:none}.hero-quick-row .hero-onboarding,.hero-sessions-group{width:100%}.hero-new-project-label{font-size:26px}.hero-new-project-helper{font-size:14px}.hero-new-project-content{column-gap:12px;width:min(100%,230px)}}
:root{--ai-rail-width:196px;--ai-gutter:16px;--ai-container-card-bg:#c9cdd605;--ai-container-card-border:#c9cdd605;--ai-surface-card:#0e1014d9;--ai-surface-control:#0c0f16e6;--ai-surface-control-soft:#0c0f16d9;--ai-surface-control-strong:#0c0f16f2;--ai-surface-control-popover:#0c0f16f5;--ai-surface-control-muted:#0c0f16d1;--ai-surface-control-tint:#0c0f16db;--ai-border-subtle:#c9cdd61f;--ai-border-faint:#c9cdd624;--ai-border-soft:#c9cdd629;--ai-border-medium:#c9cdd62e;--ai-border-strong:#c9cdd640;--ai-accent-soft:#25a9bf66;--ai-accent-moderate:#25a9bf80;--ai-accent-medium:#25a9bf99;--ai-accent-strong:#25a9bfa6;--ai-action-start:#34c8ffd1;--ai-action-end:#25a9bfe6;--ai-action-border:#34c8ff73;--ai-action-border-hover:#34c8ffb3;--ai-warm-start:#f5b942e6;--ai-warm-end:#ff8c42cc;--ai-warm-border:#f5b94299;--ai-warm-end-strong:#ff8c42e6;--ai-warm-border-strong:#f5b942e6;--ai-surface-control-elevated:#0c0f16eb;--ai-card-text:#7c828a;--ai-card-text-muted:#666c74;--ai-card-text-faint:#555b63;--ai-dropzone-bg:#0e1013;--ai-dropzone-bg-hover:#161a1ef2;--ai-toolbar-secondary-fg:#c9d1deb0;--ai-toolbar-font-size:12px;--ai-toolbar-font-weight:100;--ai-toolbar-label-size:14px;--ai-toolbar-divider-spacing:20px;--ai-toolbar-divider-spacing-tight:15px;--ai-toolbar-primary-button-min-height:34px;--ai-toolbar-primary-button-padding-y:8px;--ai-toolbar-primary-button-padding-x:12px;--ai-toolbar-primary-button-radius:20px;--ai-toolbar-primary-button-margin-y:3px;--ai-toolbar-primary-button-margin-bottom:10px;--ai-toolbar-secondary-button-min-height:34px;--ai-toolbar-secondary-button-padding-y:7px;--ai-toolbar-secondary-button-padding-x:10px;--ai-toolbar-secondary-button-radius:10px;--ai-toolbar-dashboard-min-height:36px;--ai-toolbar-dashboard-padding-y:8px;--ai-toolbar-dashboard-padding-x:10px;--ai-toolbar-icon-size:15px;--ai-toolbar-primary-icon-size:16px;--ai-canvas-cream-soft:#f8f0de;--ai-canvas-cream:#f5ddae;--ai-canvas-cream-deep:#e8d2a8;--ai-canvas-cream-outline:#f5ddae66;--ai-canvas-cream-shadow:#e8d2a838;--ai-canvas-ink:#2f2618;--ai-studio-z-modal-backdrop:1200;--ai-studio-z-modal-content:1210;--ai-studio-z-modal-subdialog:1220;--ai-studio-z-modal-context-surface:1230}.ai-studio-body,html.ai-studio-body,body.ai-studio-body{overflow:hidden auto;background:var(--color-bg)!important}html:has(.ai-studio-page){overflow:hidden auto;background:var(--color-bg)!important}body:has(.ai-studio-page){overflow:hidden auto;background:var(--color-bg)!important}:is(html:has(.ai-studio-page[data-selected-tool=canvas]),body:has(.ai-studio-page[data-selected-tool=canvas])){overflow-y:hidden}@media (min-width:1101px){:is(html:has(.ai-studio-page[data-selected-tool=create]),body:has(.ai-studio-page[data-selected-tool=create]),html:has(.ai-studio-page[data-selected-tool=text]),body:has(.ai-studio-page[data-selected-tool=text]),html:has(.ai-studio-page[data-selected-tool=edit]),body:has(.ai-studio-page[data-selected-tool=edit]),html:has(.ai-studio-page[data-selected-tool=image]),body:has(.ai-studio-page[data-selected-tool=image]),html:has(.ai-studio-page[data-selected-tool=video]),body:has(.ai-studio-page[data-selected-tool=video]),html:has(.ai-studio-page[data-selected-tool=kling]),body:has(.ai-studio-page[data-selected-tool=kling]),html:has(.ai-studio-page[data-selected-tool=sound]),body:has(.ai-studio-page[data-selected-tool=sound]),html:has(.ai-studio-page[data-selected-tool=voices]),body:has(.ai-studio-page[data-selected-tool=voices]),html:has(.ai-studio-page[data-selected-tool=text-to-speech]),body:has(.ai-studio-page[data-selected-tool=text-to-speech]),html:has(.ai-studio-page[data-selected-tool=voice-changer]),body:has(.ai-studio-page[data-selected-tool=voice-changer]),html:has(.ai-studio-page[data-selected-tool=sound-effects]),body:has(.ai-studio-page[data-selected-tool=sound-effects]),html:has(.ai-studio-page[data-selected-tool=music]),body:has(.ai-studio-page[data-selected-tool=music]),html:has(.ai-studio-page[data-selected-tool=character]),body:has(.ai-studio-page[data-selected-tool=character])){overflow-y:hidden}}.ai-studio-page .ai-alert-banner{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.ai-studio-page .ai-alert-banner--error{color:#ffefef;background:#461818;border-color:#ff6868}.ai-studio-page .ai-alert-banner--warning{color:#fff3de;background:#433111;border-color:#ffbf57}.ai-studio-page .ai-alert-banner__message{flex:1;margin:0;font-size:14px;line-height:1.4}.ai-studio-page .ai-alert-banner__dismiss{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;margin:0;padding:8px 10px;font-size:12px;font-weight:600;line-height:1}.ai-studio-page .ai-alert-banner__dismiss:hover,.ai-studio-page .ai-alert-banner__dismiss:focus-visible{background:#ffffff1f}.ai-studio-page .ai-alert-banner__dismiss:focus-visible{outline-offset:2px;outline:2px solid}.ai-error-stack{background:linear-gradient(#5f141480,#3e0e0e8f);border:1px solid #ff7070;border-radius:8px;margin:6px 0 10px;padding:8px 10px;box-shadow:0 2px 8px #0003}.ai-error-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.ai-error-row{justify-content:space-between;align-items:flex-start;gap:8px;padding:5px 0;display:flex}.ai-error-row+.ai-error-row{border-top:1px solid #ff7a7a47}.ai-error-row-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ai-error-row-title{color:#fff5f5;margin:0;font-size:12px;font-weight:600}.ai-error-row-message{color:#ffd3d3;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.3}.ai-error-row-dismiss{color:#fff0f0;border-color:#ffb7b7a6;border-radius:5px;align-self:flex-start;padding:5px 8px;font-size:11px}.ai-error-row-dismiss:hover,.ai-error-row-dismiss:focus-visible{background:#ffffff29}.ai-studio-page{--ai-page-pad-top:44px;--ai-page-pad-bottom:24px;max-width:2000px;padding:var(--ai-page-pad-top)24px var(--ai-page-pad-bottom);padding-left:calc(var(--ai-rail-width) + 8px);color:var(--ai-card-text);--ai-accent-base:#25a9bf;--ai-accent-start:var(--ai-accent-base);--ai-accent:var(--ai-accent-base);--ai-accent-strong:var(--ai-accent-base);--ai-accent-shadow:#34c9ff2d;--ai-styles-selection-border:#25ccffd6;--ai-styles-selection-ring:#25ccff3d;--ai-styles-selection-fill:#25ccff1a;--ai-styles-selection-btn-bg:#1e3844cc;--ai-styles-selection-btn-bg-hover:#264654d6;--ai-styles-selection-copy:#25ccfff5;min-height:var(--app-fixed-height);flex-direction:column;height:auto;font-size:14px;animation:.1s linear ai-studio-startup-fade;display:flex;overflow:visible}@keyframes ai-studio-startup-fade{0%{opacity:0}66%{opacity:.22}to{opacity:1}}.ai-studio-page[data-selected-tool=create],.ai-studio-page[data-selected-tool=text]{--ai-styles-selection-border:#25ccffd6;--ai-styles-selection-ring:#25ccff3d;--ai-styles-selection-fill:#25ccff1a;--ai-styles-selection-btn-bg:#1e3844cc;--ai-styles-selection-btn-bg-hover:#264654d6;--ai-styles-selection-copy:#25ccfff5}.ai-studio-page[data-selected-tool=edit],.ai-studio-page[data-selected-tool=image]{--ai-styles-selection-border:#f5b942d1;--ai-styles-selection-ring:#f5b9423d;--ai-styles-selection-fill:#f5b94214;--ai-styles-selection-btn-bg:#3a3130c7;--ai-styles-selection-btn-bg-hover:#423834d6;--ai-styles-selection-copy:#ffc250}.ai-studio-page[data-selected-tool=video],.ai-studio-page[data-selected-tool=kling]{--ai-styles-selection-border:#aa65efd6;--ai-styles-selection-ring:#aa65ef42;--ai-styles-selection-fill:#aa65ef1c;--ai-styles-selection-btn-bg:#3a2c4fd1;--ai-styles-selection-btn-bg-hover:#42325adb;--ai-styles-selection-copy:#c165ff}.ai-studio-page[data-selected-tool=sound]{--ai-styles-selection-border:#7de8c8d6;--ai-styles-selection-ring:#7de8c842;--ai-styles-selection-fill:#7de8c81a;--ai-styles-selection-btn-bg:#1c3f36d1;--ai-styles-selection-btn-bg-hover:#224a3fdb;--ai-styles-selection-copy:#aef7dff5}.ai-studio-page[data-selected-tool=canvas]{--ai-styles-selection-border:#f5ddaed6;--ai-styles-selection-ring:#f5ddae47;--ai-styles-selection-fill:#f5ddae24;--ai-styles-selection-btn-bg:#463a2bd6;--ai-styles-selection-btn-bg-hover:#4e4130e0;--ai-styles-selection-copy:#f7efe0f5;height:var(--app-fixed-height);overflow:hidden}.ai-studio-page[data-selected-tool=create],.ai-studio-page[data-selected-tool=text],.ai-studio-page[data-selected-tool=edit],.ai-studio-page[data-selected-tool=image],.ai-studio-page[data-selected-tool=video],.ai-studio-page[data-selected-tool=kling],.ai-studio-page[data-selected-tool=sound],.ai-studio-page[data-selected-tool=voices],.ai-studio-page[data-selected-tool=text-to-speech],.ai-studio-page[data-selected-tool=voice-changer],.ai-studio-page[data-selected-tool=sound-effects],.ai-studio-page[data-selected-tool=music],.ai-studio-page[data-selected-tool=character]{min-height:var(--app-fixed-height)}@media (min-width:1101px){.ai-studio-page[data-selected-tool=create],.ai-studio-page[data-selected-tool=text],.ai-studio-page[data-selected-tool=edit],.ai-studio-page[data-selected-tool=image],.ai-studio-page[data-selected-tool=video],.ai-studio-page[data-selected-tool=kling],.ai-studio-page[data-selected-tool=sound],.ai-studio-page[data-selected-tool=voices],.ai-studio-page[data-selected-tool=text-to-speech],.ai-studio-page[data-selected-tool=voice-changer],.ai-studio-page[data-selected-tool=sound-effects],.ai-studio-page[data-selected-tool=music],.ai-studio-page[data-selected-tool=character]{height:var(--app-fixed-height);overflow:hidden}}.ai-studio-page .generate-rounding-note{color:var(--ai-card-text-muted);margin-top:6px;font-size:11px;line-height:1.35}.ai-studio-page .subdued,.ai-studio-page .eyebrow{color:var(--ai-card-text-muted)}.ai-credit-bar{justify-content:flex-end;align-items:center;gap:10px;padding:0 0 12px;display:flex}.ai-credit-inline{color:#dfe8f5;background:0 0;align-items:baseline;gap:8px;font-weight:600;display:inline-flex}.ai-credit-inline .credit-label{letter-spacing:.04em;text-transform:uppercase;color:#dfe8f5b3;font-size:12px}.ai-credit-inline .credit-value{color:#f8fcff;font-size:18px;font-weight:800}.ai-credit-inline.header-embedded{border-right:none;margin-right:0;padding-right:0}.header-profile-link{background:#10131ce6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:8px;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex}.header-profile-link:hover{background:#10131cfa;transform:translateY(-1px)}.header-profile-avatar{color:#e7f8ff;background:radial-gradient(circle at top,#25a9bfb3,#030812e6);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.ai-amber-hero{background:#14161cf2;border:1px solid #14161cf2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:35px;padding:4px 8px;display:grid;box-shadow:0 2px 8px #00000040}.ai-hero .hero-right{justify-content:flex-end;justify-self:end;align-items:center;gap:12px;display:flex}.ai-hero-shortcut-cluster{align-items:center;gap:20px;display:inline-flex}.ai-hero-shortcut-buttons{align-items:center;display:inline-flex}.ai-hero-shortcut-button{appearance:none;color:#c9cdd685;letter-spacing:.03em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;margin:0;padding:4px 8px;font-size:13px;font-weight:500;line-height:1.15;transition:color .16s,background .16s,border-color .16s,box-shadow .16s}.ai-hero-shortcut-button:hover{color:#e6ecf5e6}.ai-hero-shortcut-button:disabled{color:#c9cdd659;cursor:not-allowed}.ai-hero-shortcut-button:disabled:hover{color:#c9cdd659}.ai-hero-shortcut-button:focus-visible{outline-offset:3px;border-radius:3px;outline:1px solid #65ccffb3}.ai-studio-page[data-selected-tool=create] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=text] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=kling] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page:not([data-selected-tool]) .ai-hero-shortcut-button[aria-pressed=true]{color:#25ccfff5}.ai-studio-page[data-selected-tool=edit] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=image] .ai-hero-shortcut-button[aria-pressed=true]{color:#ffc250}.ai-studio-page[data-selected-tool=video] .ai-hero-shortcut-button[aria-pressed=true]{color:#c165ff}.ai-studio-page[data-selected-tool=sound] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=voices] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=text-to-speech] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=voice-changer] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=sound-effects] .ai-hero-shortcut-button[aria-pressed=true],.ai-studio-page[data-selected-tool=music] .ai-hero-shortcut-button[aria-pressed=true]{color:#f5ddaef5}.ai-studio-page[data-selected-tool=character] .ai-hero-shortcut-button[aria-pressed=true]{color:#25ccfff5}.ai-studio-page[data-selected-tool=canvas] .ai-hero-shortcut-button[aria-pressed=true]{color:#f7efe0f5}.ai-hero-shortcut-icon-button{appearance:none;color:#c9cdd685;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .16s;display:inline-flex}.ai-hero-shortcut-icon-button:hover{color:#e6ecf5e6}.ai-hero-shortcut-icon-button:focus-visible{outline-offset:3px;border-radius:3px;outline:1px solid #65ccffb3}.ai-hero .header-stat-card{background:var(--ai-container-card-bg)}.hero-stats{flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:10px;display:flex}.header-stat-card.hero-stat{background:var(--ai-container-card-bg);border:1px solid var(--ai-container-card-border);min-width:150px;height:auto;margin:0;padding:8px 10px;box-shadow:0 10px 20px #0000004d}.ai-hero .hero-text,.ai-hero .hero-right{z-index:2;position:relative}.ai-hero .hero-text{justify-self:start;align-items:center;gap:12px;min-height:100%;display:flex}.ai-hero-title{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:#c9cdd6;text-transform:none;margin:0;line-height:1}.ai-hero .hero-text h1{color:var(--ai-card-text);margin:0;font-size:14px}.ai-hero .hero-text .subdued{color:var(--ai-card-text-muted);opacity:.9;margin:0;font-size:10px}.ai-layout{flex:1;min-height:0;display:flex;position:relative}.ai-header-bar{pointer-events:none;z-index:5;justify-content:flex-end;padding:4px 8px 0;display:flex;position:absolute;top:-44px;left:0;right:0}.ai-credit-inline.header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:0}.ai-toolbar-floating{width:var(--ai-rail-width);z-index:22;scrollbar-color:#c9cdd64d transparent;scrollbar-width:thin;background:#131518;border-right:1px solid #c9cdd614;border-radius:0;padding:12px 10px 14px;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.ai-toolbar-floating::-webkit-scrollbar{width:5px}.ai-toolbar-floating::-webkit-scrollbar-track{background:0 0}.ai-toolbar-floating::-webkit-scrollbar-thumb{background:#c9cdd64d;border-radius:999px}.ai-toolbar-floating::-webkit-scrollbar-thumb:hover{background:#c9cdd673}.toolbar-logo{background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;min-height:52px;margin:12px auto;padding:14px 10px;display:flex}.ai-toolbar .toolbar-brand{margin-top:4px}.toolbar-logo img{object-fit:contain;object-position:center center;filter:brightness();width:150px;height:150px}.toolbar-back-link{margin:10px auto 4px}.ai-toolbar .toolbar-back-link.dashboard-nav-prefab{width:100%;min-height:var(--ai-toolbar-dashboard-min-height);padding:var(--ai-toolbar-dashboard-padding-y)var(--ai-toolbar-dashboard-padding-x);color:var(--ai-toolbar-secondary-fg);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:flex-start;gap:8px;font-size:13px;font-weight:500;line-height:1.2;transition:background-color .2s,border-color .2s,color .2s}.ai-toolbar .toolbar-back-link.dashboard-nav-prefab svg{color:inherit}.ai-toolbar .toolbar-back-link.dashboard-nav-prefab:hover{color:#e9f0f9eb;background:#c9cdd60f;border-color:#c9cdd62e}.ai-toolbar .toolbar-back-link.dashboard-nav-prefab:focus-visible{outline-offset:2px;outline:2px solid #22d3ee}.toolbar-back-link-secondary{margin-top:6px}.toolbar-onboarding{align-items:center;gap:8px;margin:6px 0 10px;padding:4px 12px;display:flex}.toolbar-onboarding-inline{padding:8px 12px 0}.toolbar-step-badge{aspect-ratio:1;background:var(--ai-accent);color:#0b1820;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.toolbar-step-label{color:#f5f9ff;font-size:14px;font-weight:500}.ai-studio-page .toolbar-item svg,.ai-studio-page .toolbar-item.toolbar-item-child svg{color:var(--ai-accent)}.ai-studio-page .toolbar-item:hover:not(.toolbar-item-secondary):not([data-tool-id=canvas]):not([data-tool-id=sound]){border-color:var(--ai-accent)}.ai-content{flex:1;min-height:0;margin-left:0;padding:0}.page-top{margin-left:0;padding-right:0}.ai-hero.panel{margin-bottom:10px;margin-left:0;margin-right:0}.ai-hero.panel.ai-amber-hero{top:0;left:var(--ai-rail-width);z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0;padding-left:18px;padding-right:24px;position:fixed;right:0;background:#131518!important;border-color:#131518!important}.ai-hero.panel.hero-banner.ai-amber-hero:after{background:0 0!important}.ai-studio-page:has(.ai-shell.ai-shell-performance-dense) .ai-hero.panel.ai-amber-hero{-webkit-backdrop-filter:none;backdrop-filter:none}.ai-shell{--ai-shell-divider-track-width:16px;--ai-shell-sticky-top:48px;--ai-shell-bottom-gutter:12px;--ai-shell-column-max-height:calc(var(--app-fixed-height) - var(--ai-page-pad-top) - var(--ai-page-pad-bottom));gap:var(--ai-gutter);min-height:var(--ai-shell-column-max-height);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(400px,1.2fr) minmax(0,2fr);grid-auto-rows:auto;align-items:start;height:auto;margin-bottom:0;display:grid}.ai-shell.ai-shell-expert-edit{grid-template-columns:minmax(930px,1.28fr) minmax(0,1fr)}.ai-shell.ai-shell-resizable{grid-template-columns:var(--ai-shell-left-width,minmax(420px,1.2fr))var(--ai-shell-divider-track-width)minmax(var(--ai-shell-right-min-width,320px),1fr);gap:0;transition:grid-template-columns .24s cubic-bezier(.22,.61,.36,1)}.ai-shell.ai-shell-resizable.ai-shell-character-open{grid-template-columns:var(--ai-shell-left-width,minmax(1060px,1.28fr))var(--ai-shell-divider-track-width)minmax(var(--ai-shell-right-min-width,320px),1fr);transition:none}.ai-shell.ai-shell-resizable.ai-shell-expert-create{grid-template-columns:var(--ai-shell-left-width,minmax(840px,1000px))var(--ai-shell-divider-track-width)minmax(var(--ai-shell-right-min-width,320px),1fr)}.ai-shell.ai-shell-resizable.ai-shell-expert-edit{grid-template-columns:var(--ai-shell-left-width,minmax(930px,1.28fr))var(--ai-shell-divider-track-width)minmax(var(--ai-shell-right-min-width,320px),1fr);transition:grid-template-columns .24s cubic-bezier(.22,.61,.36,1)}.ai-shell.ai-shell-resizable.ai-shell-resizing{transition:none}.ai-shell.ai-shell-wide{grid-template-columns:1fr}.ai-shell.ai-shell-performance-dense .ai-panel{box-shadow:0 6px 14px #00000042}.ai-shell.ai-shell-performance-dense .ai-properties,.ai-shell.ai-shell-performance-dense .ai-preview-column,.ai-shell.ai-shell-performance-dense .reference-column{-webkit-backdrop-filter:none;backdrop-filter:none;filter:none}.ai-shell.ai-shell-performance-dense.ai-shell-resizable,.ai-shell.ai-shell-performance-dense.ai-shell-resizable.ai-shell-expert-edit{transition:none}.ai-shell.ai-shell-performance-dense .reference-column .preview-column-header{-webkit-backdrop-filter:none;backdrop-filter:none}.ai-shell.ai-shell-performance-dense .toolbar-create-children,.ai-shell.ai-shell-performance-dense .toolbar-create-spacer{transition:none!important}.ai-shell.ai-shell-performance-dense .toolbar-create-children{will-change:auto}.ai-shell.ai-shell-performance-dense .toolbar-item,.ai-shell.ai-shell-performance-dense .ghost-btn,.ai-shell.ai-shell-performance-dense .reference-card{filter:none!important;transition:none!important;transform:none!important}.ai-shell.ai-shell-performance-dense .ai-properties .step-card,.ai-shell.ai-shell-performance-dense .ai-properties .tool-properties{box-shadow:none!important}@media (prefers-reduced-motion:reduce){.ai-studio-page{animation:none}.ai-shell.ai-shell-resizable{transition:none}}.ai-shell>*{align-self:start}.ai-shell .panel{flex-direction:column;display:flex}.ai-shell .panel .panel-header{margin-bottom:12px;padding:0}.ai-shell-right{width:100%;min-width:0;min-height:var(--ai-shell-column-max-height);height:100%;opacity:var(--ai-shell-right-visibility,1);flex-direction:column;align-self:stretch;gap:14px;transition:opacity 40ms linear;display:flex;position:relative}.ai-shell-right[data-right-column-hidden=true]{pointer-events:none;opacity:0}.ai-right-drop-overlay{z-index:80;pointer-events:auto;background:0 0;position:absolute;inset:0}.ai-shell-divider{width:var(--ai-shell-divider-track-width);cursor:col-resize;touch-action:none;background:0 0;border:0;place-self:stretch stretch;margin:0;padding:0;position:relative}.ai-shell-divider:before{content:"";background:#9ca5b238;border-radius:999px;width:1px;transition:background-color .18s,box-shadow .18s;position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%)}.ai-shell-divider:hover:before,.ai-shell-divider:focus-visible:before,.ai-shell.ai-shell-resizing .ai-shell-divider:before{background:#69dccbb8;box-shadow:0 0 0 1px #69dccb40}.ai-studio-page[data-selected-tool=sound] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=sound] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=sound] .ai-shell.ai-shell-resizing .ai-shell-divider:before,.ai-studio-page[data-selected-tool=voices] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=voices] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=voices] .ai-shell.ai-shell-resizing .ai-shell-divider:before,.ai-studio-page[data-selected-tool=text-to-speech] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=text-to-speech] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=text-to-speech] .ai-shell.ai-shell-resizing .ai-shell-divider:before,.ai-studio-page[data-selected-tool=voice-changer] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=voice-changer] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=voice-changer] .ai-shell.ai-shell-resizing .ai-shell-divider:before,.ai-studio-page[data-selected-tool=sound-effects] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=sound-effects] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=sound-effects] .ai-shell.ai-shell-resizing .ai-shell-divider:before,.ai-studio-page[data-selected-tool=music] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=music] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=music] .ai-shell.ai-shell-resizing .ai-shell-divider:before{background:#95ebe4eb;box-shadow:0 0 0 1px #95ebe44d}.ai-studio-page[data-selected-tool=canvas] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=canvas] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=canvas] .ai-shell.ai-shell-resizing .ai-shell-divider:before{background:var(--ai-canvas-cream);box-shadow:0 0 0 1px var(--ai-canvas-cream-outline)}.ai-studio-page[data-selected-tool=character] .ai-shell-divider:hover:before,.ai-studio-page[data-selected-tool=character] .ai-shell-divider:focus-visible:before,.ai-studio-page[data-selected-tool=character] .ai-shell.ai-shell-resizing .ai-shell-divider:before{background:#4ae074;box-shadow:0 0 0 1px #4ae07447}.ai-shell-divider:focus-visible{outline-offset:-2px;outline:2px solid #69dccbd9}.ai-studio-page[data-selected-tool=canvas] .ai-shell-divider:focus-visible,.ai-studio-page[data-selected-tool=character] .ai-shell-divider:focus-visible{outline-color:var(--ai-canvas-cream)}.ai-studio-page[data-selected-tool=character] .ai-shell-divider:focus-visible{outline-color:#4ae074d1}body.ai-shell-resizing,body.ai-shell-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.panel-header.preview-header{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.preview-header-actions{align-items:center;gap:8px;display:inline-flex}.ai-panel{background:var(--ai-container-card-bg);border:1px solid var(--ai-container-card-border);gap:14px;padding:20px;box-shadow:0 16px 38px #0000006b}.ai-panel.ai-preview-panel{border-color:#c9cdd614}.ai-studio-page[data-beginner-mode=off][data-selected-tool=create] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=sound] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=voices] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=text-to-speech] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=voice-changer] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=sound-effects] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=music] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=text] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=edit] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=video] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=kling] .panel.ai-panel.ai-properties{box-shadow:none;min-height:var(--ai-shell-column-max-height);background:#94a0a108;border:0;border-radius:0;align-self:stretch;gap:0;height:100%;padding:12px}.ai-studio-page[data-beginner-mode=off][data-selected-tool=video] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=kling] .panel.ai-panel.ai-properties{background:0 0;padding:0}.ai-studio-page[data-beginner-mode=off][data-selected-tool=create] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=sound] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=voices] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=text-to-speech] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=voice-changer] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=sound-effects] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=music] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=edit] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=video] .panel.ai-panel.ai-properties,.ai-studio-page[data-beginner-mode=off][data-selected-tool=kling] .panel.ai-panel.ai-properties{min-height:calc(var(--ai-shell-column-max-height) + 12px);max-height:calc(var(--ai-shell-column-max-height) + 12px)}.ai-studio-page .text-properties-panel .helper-text,.ai-studio-page .edit-properties-panel .helper-text,.ai-studio-page .video-properties-panel .helper-text,.ai-studio-page .text-properties-panel .step-subtitle,.ai-studio-page .edit-properties-panel .step-subtitle,.ai-studio-page .video-properties-panel .step-subtitle{display:none!important}.sound-properties-panel{flex-direction:column;gap:8px;padding:4px 0;display:flex}.sound-properties-panel .panel-title{color:#eef4ff;margin:0;font-size:18px;font-weight:600}.sound-properties-panel .tiny{max-width:34ch;margin:0}.ai-toolbar{flex-direction:column;gap:2px;padding:12px;display:flex}.ai-layout.templates-active .reference-column{display:none}.ai-preview-column.reference-column{width:100%;min-height:var(--ai-shell-column-max-height);align-self:stretch;height:100%;max-height:none;padding-right:4px;position:relative;overflow:visible}.reference-column-sticky{top:var(--ai-shell-sticky-top);width:100%;height:var(--ai-shell-column-max-height);min-height:0;max-height:var(--ai-shell-column-max-height);flex-direction:column;align-self:stretch;gap:14px;display:flex;position:sticky;overflow:hidden}.reference-column .reference-canvas-panel{flex:1;width:100%;height:100%;min-height:0}.reference-column .preview-column-header{z-index:2;background:var(--color-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 0 10px;position:sticky;top:0}.ai-layout.templates-active .ai-shell{display:none}.toolbar-brand{align-items:center;gap:10px;display:flex}.toolbar-brand.toolbar-title-only{justify-content:flex-start;gap:0}.toolbar-list{flex-direction:column;gap:2px;display:flex}.toolbar-divider{width:100%;height:1px;margin:var(--ai-toolbar-divider-spacing)0;opacity:.38;background:linear-gradient(90deg,#fff0,#fff3,#fff0);border-radius:999px}.toolbar-list>.toolbar-divider:first-child{margin-top:8px}.toolbar-divider-children{margin:calc(var(--ai-toolbar-divider-spacing) + 8px)0 var(--ai-toolbar-divider-spacing-tight);opacity:.35}.toolbar-create-children{opacity:0;pointer-events:none;visibility:hidden;will-change:max-height,opacity,transform;max-height:0;transition:max-height .62s cubic-bezier(.33,1,.68,1),opacity .12s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.33,1,.68,1);overflow:hidden;transform:translateY(-6px)}.toolbar-create-children.is-open{opacity:1;pointer-events:auto;visibility:visible;max-height:500px;transform:translateY(0)}.toolbar-create-spacer{height:0;transition:height .82s cubic-bezier(.33,1,.68,1)}.toolbar-create-children.is-open .toolbar-create-spacer{height:2px}.toolbar-create-children .toolbar-item.toolbar-item-child:first-child{margin-top:18px}.toolbar-child-divider{opacity:.35;background:linear-gradient(90deg,#fff0,#ffffff40,#fff0);border-radius:999px;width:100%;height:1px;margin:12px 0}.toolbar-lower{flex-direction:column;gap:2px;padding-top:1px;display:flex}.toolbar-creations{flex-direction:column;gap:6px;display:none}.toolbar-section-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin:0 0 1px;padding:0 2px;font-size:11px}.toolbar-divider-secondary{margin:var(--ai-toolbar-divider-spacing-tight)0;opacity:.6}.toolbar-divider{z-index:2;position:relative}.toolbar-item{min-height:34px;font-size:var(--ai-toolbar-font-size);font-weight:var(--ai-toolbar-font-weight);color:#f5f9ff;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;transition:background-color .15s,color .15s;display:flex;position:relative;overflow:hidden}.toolbar-item[data-tool-id=canvas],.toolbar-divider.toolbar-divider-before-canvas{display:none}.toolbar-item[data-tool-id=create],.toolbar-item[data-tool-id=kling],.toolbar-item[data-tool-id=video],.toolbar-item[data-tool-id=sound],.toolbar-item[data-tool-id=edit]{margin:var(--ai-toolbar-primary-button-margin-y)0;margin-bottom:var(--ai-toolbar-primary-button-margin-bottom);padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);border-radius:var(--ai-toolbar-primary-button-radius);min-height:var(--ai-toolbar-primary-button-min-height);z-index:1;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 12px #00000059}.ai-toolbar.create-active .toolbar-divider.toolbar-divider-children{margin-bottom:var(--ai-toolbar-divider-spacing-tight)}@media (prefers-reduced-motion:reduce){.toolbar-item[data-tool-id=create],.toolbar-item[data-tool-id=kling],.toolbar-item[data-tool-id=video],.toolbar-item[data-tool-id=sound],.toolbar-item[data-tool-id=edit],.toolbar-item[data-tool-id=canvas]{transition:none}.toolbar-item[data-tool-id=create]:hover,.toolbar-item[data-tool-id=kling]:hover,.toolbar-item[data-tool-id=video]:hover,.toolbar-item[data-tool-id=sound]:hover,.toolbar-item[data-tool-id=edit]:hover,.toolbar-item[data-tool-id=canvas]:hover,.toolbar-item[data-tool-id=create].is-active,.toolbar-item[data-tool-id=kling].is-active,.toolbar-item[data-tool-id=video].is-active,.toolbar-item[data-tool-id=sound].is-active,.toolbar-item[data-tool-id=edit].is-active,.toolbar-item[data-tool-id=canvas].is-active{transform:none}}.toolbar-item[data-tool-id=create],.toolbar-item[data-tool-id=kling]{background:linear-gradient(135deg,#2563eb 0%,#06b6d4 50%,#22d3ee 100%)}.toolbar-item[data-tool-id=edit]{background:linear-gradient(135deg,#e10328 0%,#f43f5e 40%,#ffb300 100%)}.toolbar-item[data-tool-id=video]{background:linear-gradient(135deg,#992ac9 0%,#433aa9 100%)}.toolbar-item[data-tool-id=create]:before,.toolbar-item[data-tool-id=kling]:before,.toolbar-item[data-tool-id=video]:before,.toolbar-item[data-tool-id=sound]:before,.toolbar-item[data-tool-id=edit]:before,.toolbar-item[data-tool-id=canvas]:before{display:none}.toolbar-item[data-tool-id=create]:hover,.toolbar-item[data-tool-id=kling]:hover{background:linear-gradient(135deg,#2c6cf5 0%,#10cced 50%,#28dbf6 100%);transform:translateY(-2px);box-shadow:0 8px 20px #1e40af4d,0 4px 12px #06b6d459,0 0 0 1px #22d3ee33}.toolbar-item[data-tool-id=edit]:hover{background:linear-gradient(135deg,#e10328 0%,#f43f5e 40%,#fbbf24 100%);transform:translateY(-2px);box-shadow:0 8px 20px #db277759,0 4px 12px #fbbf244d,0 0 0 1px #fbbf2426}.toolbar-item[data-tool-id=video]:hover{background:linear-gradient(135deg,#b32ba9 0%,#4135ab 100%);transform:translateY(-2px);box-shadow:0 8px 20px #9914f22d,0 4px 12px #a63fe659,0 0 0 1px #d556f533}.toolbar-item[data-tool-id=create].is-active,.toolbar-item[data-tool-id=kling].is-active{padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);background:linear-gradient(135deg,#2563eb 0%,#06b6d4 50%,#22d3ee 100%);transform:scale(1);box-shadow:0 0 0 3px #6ed6e9,0 4px 12px #00000059,inset 0 0 0 2px #0006,inset 0 1px #ffffff59}.toolbar-item[data-tool-id=edit].is-active{padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);background:linear-gradient(135deg,#e10328 0%,#f43f5e 40%,#fbbf24 100%);transform:scale(1);box-shadow:0 0 0 3px #fdb068e7,0 4px 12px #00000059,inset 0 0 0 2px #0006,inset 0 1px #ffffff59}.toolbar-item[data-tool-id=video].is-active{padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);background:linear-gradient(135deg,#b32ba9 0%,#3d2fa8 100%);transform:scale(1);box-shadow:0 0 0 3px #aa65ef,0 4px 12px #00000059,inset 0 0 0 2px #0006,inset 0 1px #ffffff59}.toolbar-item[data-tool-id=canvas]{margin:var(--ai-toolbar-primary-button-margin-y)0;padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);border-radius:var(--ai-toolbar-primary-button-radius);min-height:var(--ai-toolbar-primary-button-min-height);background:linear-gradient(135deg,#21242a 0%,#c9cdd621 58%,#c9cdd62b 100%);border:1px solid #c9cdd63d;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 6px 14px #00000047,inset 0 1px #c9cdd61a}.toolbar-item[data-tool-id=canvas]:hover{background:linear-gradient(135deg,#1c2025fa 0%,#c9cdd60d 58%,#c9cdd61f 100%);border-color:#c9cdd65c;transform:translateY(-2px);box-shadow:0 9px 20px #00000052,0 4px 12px #c9cdd61f,0 0 0 1px #c9cdd624}.toolbar-item[data-tool-id=canvas].is-active{padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);background:linear-gradient(135deg,#1f2328fa 0%,#c9cdd61a 54%,#c9cdd62b 100%);border-color:#c9cdd685;transform:scale(1);box-shadow:0 0 0 2px #c9cdd63d,0 6px 14px #00000052,inset 0 0 0 1px #c9cdd638,inset 0 1px #c9cdd624}.toolbar-item[data-tool-id=sound]{margin:var(--ai-toolbar-primary-button-margin-y)0;padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);border-radius:var(--ai-toolbar-primary-button-radius);min-height:var(--ai-toolbar-primary-button-min-height);background:linear-gradient(135deg,#f7ecd5 0%,#efe2c3 54%,#e7d0a2 100%);border:1px solid #f5ddae80;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 6px 14px #221b1238,inset 0 1px #ffffff73}.toolbar-item[data-tool-id=sound]:hover{background:linear-gradient(135deg,#fbf3e1 0%,#f4e8cd 54%,#edd9b2 100%);border-color:#f5ddaeb8;transform:translateY(-2px);box-shadow:0 9px 20px #2e22123d,0 4px 12px #ebd3a847,0 0 0 1px #f5dbad66}.toolbar-item[data-tool-id=sound].is-active{padding:var(--ai-toolbar-primary-button-padding-y)var(--ai-toolbar-primary-button-padding-x);background:linear-gradient(135deg,#f3e5c8 0%,#ebdab4 54%,#e2c896 100%);border-color:#f5ddaeeb;transform:scale(1);box-shadow:0 0 0 2px #f5ddaef2,0 6px 14px #1d181033,inset 0 0 0 2px #46331747,inset 0 1px #ffffff73}.toolbar-item[data-tool-id=create]:focus-visible,.toolbar-item[data-tool-id=kling]:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.toolbar-item[data-tool-id=video]:focus-visible{outline-offset:3px;outline:2px solid #a78bf7}.toolbar-item[data-tool-id=edit]:focus-visible{outline-offset:3px;outline:2px solid #fbbf24}.toolbar-item[data-tool-id=canvas]:focus-visible{outline-offset:3px;outline:2px solid #c9cdd6b8}.toolbar-item[data-tool-id=sound]:focus-visible{outline-offset:3px;outline:2px solid #f5ddae}.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible),.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible){border:1px solid var(--ai-toolbar-secondary-fg);box-shadow:none;color:var(--ai-toolbar-secondary-fg);background:0 0}.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=create] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=video] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=edit] .toolbar-item[data-tool-id=canvas]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=create]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=video]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label,.ai-toolbar[data-primary-active=canvas] .toolbar-item[data-tool-id=edit]:not(.is-active):not(:hover):not(:focus-visible) .toolbar-label{color:var(--ai-toolbar-secondary-fg)!important}.ai-toolbar[data-primary-active] .toolbar-item:is([data-tool-id=create],[data-tool-id=video],[data-tool-id=sound],[data-tool-id=edit],[data-tool-id=canvas]):not(.is-active):not(:hover):not(:focus-visible){border:1px solid var(--ai-toolbar-secondary-fg);box-shadow:none;color:var(--ai-toolbar-secondary-fg);background:0 0}.ai-toolbar[data-primary-active] .toolbar-item:is([data-tool-id=create],[data-tool-id=video],[data-tool-id=sound],[data-tool-id=edit],[data-tool-id=canvas]):not(.is-active):not(:hover):not(:focus-visible) svg,.ai-toolbar[data-primary-active] .toolbar-item:is([data-tool-id=create],[data-tool-id=video],[data-tool-id=sound],[data-tool-id=edit],[data-tool-id=canvas]):not(.is-active):not(:hover):not(:focus-visible) .toolbar-label{color:var(--ai-toolbar-secondary-fg)!important}.toolbar-item[data-tool-id=create] svg,.toolbar-item[data-tool-id=kling] svg,.toolbar-item[data-tool-id=video] svg,.toolbar-item[data-tool-id=sound] svg,.toolbar-item[data-tool-id=edit] svg,.toolbar-item[data-tool-id=canvas] svg{width:var(--ai-toolbar-primary-icon-size)!important;height:var(--ai-toolbar-primary-icon-size)!important}.toolbar-item[data-tool-id=create] svg,.toolbar-item[data-tool-id=kling] svg,.toolbar-item[data-tool-id=video] svg,.toolbar-item[data-tool-id=edit] svg{color:#fff!important}.toolbar-item[data-tool-id=canvas] svg{color:#ecf1f8e0!important}.toolbar-item[data-tool-id=sound] svg{color:#2f2618!important}.toolbar-item[data-tool-id=create] .toolbar-label,.toolbar-item[data-tool-id=kling] .toolbar-label,.toolbar-item[data-tool-id=video] .toolbar-label,.toolbar-item[data-tool-id=sound] .toolbar-label,.toolbar-item[data-tool-id=edit] .toolbar-label,.toolbar-item[data-tool-id=canvas] .toolbar-label{letter-spacing:.3px;font-size:14px!important;font-weight:600!important}.toolbar-item[data-tool-id=create] .toolbar-label,.toolbar-item[data-tool-id=kling] .toolbar-label,.toolbar-item[data-tool-id=video] .toolbar-label,.toolbar-item[data-tool-id=edit] .toolbar-label{color:#fff!important}.toolbar-item[data-tool-id=canvas] .toolbar-label{color:#ecf1f8e6!important;font-weight:700!important}.toolbar-item[data-tool-id=sound] .toolbar-label{color:#2f2618!important;font-weight:700!important}.toolbar-item:before{content:"";background:var(--ai-accent);opacity:0;width:3px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.toolbar-item.toolbar-item-child:before{display:none}.toolbar-item.toolbar-item-child{border-radius:999px;min-width:146px;min-height:30px;margin-top:6px;margin-left:10px;padding:8px 12px;transition:background-color .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1),color .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1)}.toolbar-item.toolbar-item-child:hover{background:#0ba1c714;border-color:#0000}.toolbar-item.toolbar-item-child.is-active{background:linear-gradient(135deg,#1e40af26,#06b6d426);border-color:#06b6d44d}.toolbar-item.toolbar-item-child.is-active svg{color:var(--ai-accent)}.toolbar-item.toolbar-item-child.is-active .toolbar-label{color:#f5f9ff;font-weight:var(--ai-toolbar-font-weight)}.toolbar-item.toolbar-item-child:focus-visible{outline-offset:2px;outline:2px solid #22d3ee}@media (prefers-reduced-motion:reduce){.toolbar-item.toolbar-item-child{transition:none}}.toolbar-item svg{color:var(--ai-accent);width:var(--ai-toolbar-icon-size);height:var(--ai-toolbar-icon-size)}.toolbar-item.toolbar-item-child svg{color:currentColor}.toolbar-footer--toggle-hidden{min-height:76px}.toolbar-beginner-toggle{border:1px solid var(--ai-container-card-border);background:var(--ai-container-card-bg);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex;box-shadow:0 6px 18px #0000003d}.toolbar-beginner-copy{flex-direction:column;gap:2px;display:flex}.toolbar-beginner-toggle .toolbar-label{font-size:12px;font-weight:600}.toolbar-beginner-toggle .beginner-toggle{flex-shrink:0;width:48px;height:26px}.toolbar-beginner-toggle .reference-toggle-dot{width:18px;height:18px}.toolbar-beginner-toggle .reference-toggle.is-active .reference-toggle-dot{transform:translate(24px,-50%)}.toolbar-footer{margin-top:auto;padding-top:10px}.toolbar-sessions-btn{text-transform:none;width:120px;color:var(--color-ash);cursor:pointer;background:#c9cdd60f;border:1px solid #c9cdd633;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;margin:0 auto 6px;padding:8px 12px;font-size:10px;font-weight:500;line-height:1.1;transition:all .15s;display:inline-flex}.toolbar-sessions-btn svg{color:var(--color-teal)}.toolbar-sessions-btn:hover{border-color:#c9cdd666}.toolbar-sessions-btn:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}.toolbar-item.toolbar-item-child svg{color:#c9cdd6bf;width:14px;height:14px}.toolbar-item .toolbar-label,.toolbar-item.toolbar-item-child .toolbar-label{font-size:var(--ai-toolbar-label-size);font-weight:var(--ai-toolbar-font-weight)}.toolbar-item.toolbar-item-secondary .toolbar-label{font-size:var(--ai-toolbar-label-size);color:inherit;font-weight:500}.toolbar-item.toolbar-item-secondary{min-height:var(--ai-toolbar-secondary-button-min-height);padding:var(--ai-toolbar-secondary-button-padding-y)var(--ai-toolbar-secondary-button-padding-x);border-radius:var(--ai-toolbar-secondary-button-radius);color:var(--ai-toolbar-secondary-fg);background:0 0;border:1px solid #0000;transition:background-color .2s,border-color .2s,color .2s;position:relative}.toolbar-item.toolbar-item-secondary svg{color:inherit}.toolbar-item.toolbar-item-secondary:hover{color:#e9f0f9eb;background:#c9cdd60f;border-color:#c9cdd62e}.toolbar-item.toolbar-item-secondary.is-active{color:#f0f6fff2;background:#c9cdd617;border-color:#c9cdd633}.toolbar-item.toolbar-item-secondary:hover svg,.toolbar-item.toolbar-item-secondary.is-active svg{color:inherit}.toolbar-dot{background:#c9cdd666;border-radius:50%;width:12px;height:12px;display:inline-block}.toolbar-item.is-active{color:#f5f9ff;background:#25a9bf1f;border-color:#25a9bf59}.toolbar-item:hover{background:0 0}.toolbar-item:not(.toolbar-item-secondary):hover svg,.toolbar-item:not(.toolbar-item-secondary).is-active svg{color:var(--ai-accent)}.toolbar-item:not(.toolbar-item-secondary):hover:before,.toolbar-item:not(.toolbar-item-secondary).is-active:before{opacity:1}.toolbar-item.toolbar-item-secondary:before{display:none}.toolbar-copy{flex-direction:column;gap:2px;display:flex}.toolbar-label{font-weight:400}.ai-preview-panel{flex-direction:column;gap:0;width:100%;max-width:none;display:flex}.reference-canvas-panel{padding:0;box-shadow:none!important;background:0 0!important;border:none!important}.reference-canvas-panel .panel-header.preview-header{background:var(--color-bg);border-radius:0}.ai-preview-column{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.ai-preview-column.studio-column{display:none}.ai-preview-column>.panel{flex:1;min-height:0}.preview-column-header{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:flex-start;gap:10px;padding:0 0 8px;display:flex}.preview-column-title{color:var(--ai-card-text);margin:0}.preview-column-header .eyebrow{margin:0;line-height:1}.preview-column-header .preview-header-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.agent-chat-close-btn{background:linear-gradient(135deg,#f5b754,#f4921f);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-weight:600;display:inline-flex;box-shadow:0 6px 12px #00000040;color:#000!important;font-size:16px!important}.agent-chat-close-btn:hover{background:linear-gradient(135deg,#f5c36f,#f6a637)}.studio-preview-header-row{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:4px 0 6px;display:flex}
.ai-coming-soon{justify-content:flex-start;align-items:flex-start;padding:12px 0 24px;display:flex}.ai-coming-soon-card{border:1px solid var(--ai-border-subtle,#c9cdd61f);background:var(--ai-surface-card,#0e1014d9);width:min(520px,100%);box-shadow:none;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.ai-coming-soon-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.ai-coming-soon-title-block{align-items:center;gap:14px;display:flex}.ai-coming-soon-title-block .eyebrow{margin:0}.ai-coming-soon-icon{border:1px solid var(--ai-border-soft,#c9cdd629);color:#dfe8f5;background:#c9cdd614;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.ai-coming-soon-title{color:#f2f5f9;margin:4px 0 0;font-size:18px;font-weight:600}.ai-coming-soon-pill{text-transform:uppercase;letter-spacing:.12em;color:#c9ced6;white-space:nowrap;background:#c9cdd614;border:1px solid #c9cdd633;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.ai-coming-soon-summary{color:#cfd6df;margin:0;font-size:14px}.ai-coming-soon-detail{color:var(--ai-card-text);margin:0;line-height:1.55}@media (max-width:960px){.ai-coming-soon-card{padding:18px}.ai-coming-soon-header{flex-direction:column;align-items:flex-start}.ai-coming-soon-pill{align-self:flex-start}}