:root{--ds-action-purple:#6035d8;--ds-action-ink:#28334b;--ds-action-line:#cdc8ff;--ds-action-soft:#f0f2ff}.ds-action-card.ds-action-card{box-sizing:border-box;border:1px solid var(--ds-action-line);background:var(--ds-action-soft);width:100%;min-width:0;min-height:64px;color:var(--ds-action-purple);text-align:left;white-space:normal;overflow-wrap:normal;word-break:normal;cursor:pointer;border-radius:13px;padding:12px 14px 12px 52px;font:750 14px/1.35 system-ui,sans-serif;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:block;position:relative;box-shadow:0 2px 5px #593ba30a}.ds-action-card:before{content:"";background:var(--ds-action-icon) center/contain no-repeat;width:25px;height:25px;position:absolute;top:16px;left:14px}.ds-action-card:after{content:attr(data-action-description) / "";color:#4c5870;white-space:normal;text-transform:none;letter-spacing:normal;margin-top:4px;font:400 12px/1.45 system-ui,sans-serif;display:block}.ds-action-card>svg,.ds-action-card>img{display:none}.ds-action-card.ds-action-card:hover{background:#e8e9ff;border-color:#987ff0;box-shadow:0 5px 15px #593ba31f}.ds-action-card.ds-action-card:focus-visible{outline-offset:3px;outline:3px solid #f3b731}.ds-action-card:disabled,.ds-action-card[aria-disabled=true]{opacity:.55;cursor:default}.ds-action-card.danger{color:#b4233e;background:#fff3f5;border-color:#efc6d0}body:not(.whiteboard-ui) :is(.menu-panel,.landing-nav-menu){box-sizing:border-box;max-height:calc(100dvh - var(--ds-menu-top,100px) - 16px);overscroll-behavior:contain;background:#fff;border:1px solid #d5c9ff;border-radius:17px;gap:6px;padding:9px;overflow:auto;box-shadow:0 16px 50px #37206838}body:not(.whiteboard-ui) :is(details.menu[open],details.landing-nav-dropdown[open],.menu.ds-menu-open)>:is(.menu-panel,.landing-nav-menu){left:var(--ds-menu-left,12px);top:var(--ds-menu-top,90px);width:var(--ds-menu-width,350px);z-index:1000;max-width:calc(100vw - 24px);display:grid;position:fixed}body:not(.whiteboard-ui) .menu:has(>button+.menu-panel):not(.ds-menu-open)>.menu-panel{display:none}body:not(.whiteboard-ui) :is(.menu-panel,.landing-nav-menu) .ds-action-card{margin:0 0 5px}body:not(.whiteboard-ui) .menu-panel .submenu{position:static}body:not(.whiteboard-ui) .menu-panel .submenu>div{max-width:100%;box-shadow:none;border-left:2px solid #d7c8ff;padding:5px 0 5px 8px;position:static}body:not(.whiteboard-ui) .menu-panel .submenu:not([open])>div{display:none}body:not(.whiteboard-ui) .menu-panel .submenu>summary{color:#6035d8;cursor:pointer;padding:10px;font-weight:750}body:not(.whiteboard-ui) :is(.admin-panel,.admin-gate-card,.access-card,.ds-tool-card){border:1px solid #ddd3fa;border-radius:20px;box-shadow:0 7px 24px #45267f12}body:not(.whiteboard-ui) :is(.admin-panel,.admin-gate-card){background:linear-gradient(140deg,#fbf8ff,#fff 55%)}body:not(.whiteboard-ui) dialog{box-sizing:border-box;border:1px solid #d8cefa;border-radius:22px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 25px 80px #2d185540}body:not(.whiteboard-ui) dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20193c73}body:not(.whiteboard-ui) :is(.admin-actions,.quick-actions){flex-wrap:wrap;gap:8px}body:not(.whiteboard-ui) :is(.admin-actions,.quick-actions)>.ds-action-card{flex:200px;width:auto}.ds-tool-card{background:linear-gradient(145deg,#f5f1ff,#fff 65%)}.ds-tool-card .ds-tool-link h3{color:#6035d8}@media (prefers-reduced-motion:reduce){.ds-action-card.ds-action-card{transition:none}}@media (width<=560px){body:not(.whiteboard-ui) :is(.admin-actions,.quick-actions)>.ds-action-card{flex-basis:100%}}body:not(.whiteboard-ui) .menu-popover[role=menu]{box-sizing:border-box;left:var(--ds-menu-left,12px);top:var(--ds-menu-top,100px);width:var(--ds-menu-width,350px);max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--ds-menu-top,100px) - 16px);z-index:1000;background:#fff;border:1px solid #d5c9ff;border-radius:17px;padding:9px;position:fixed;overflow:auto;box-shadow:0 16px 50px #37206838}.ds-action-card .menu-item-icon{display:none}.menu-popover .ds-action-card{margin-bottom:5px}body:not(.whiteboard-ui) .submenu-popover[role=menu]{box-shadow:none;background:#fff;border-left:2px solid #d7c8ff;max-width:100%;margin:5px 0 5px 8px;padding-left:8px;position:static}:is(.workspace-card,.intent-grid>a,.home-tool-card){background:linear-gradient(140deg,#f2edff,#fff 65%);border-color:#d5c9ff;border-radius:18px;box-shadow:0 5px 18px #45267f12}:is(.workspace-card,.intent-grid>a,.home-tool-card):hover{border-color:#a68bea;box-shadow:0 8px 22px #45267f21}body:not(.whiteboard-ui) :is(.controls,.settings-panel,.splash-card){border-color:#d8cef5;border-radius:18px}.game-ux-coach{background:linear-gradient(135deg,#f3eeff,#fff);border:1px solid #d5c9ff;border-radius:18px;box-shadow:0 5px 18px #45267f12}.game-ux-help-button.ds-action-card{flex-shrink:0;width:230px}@media (width<=560px){.game-ux-help-button.ds-action-card{width:100%}}.top-toolbar:has(.menu-popover[role=menu]){contain:none}.ds-action-card .button-icon{display:none}.subtitle-generator{min-width:0}.subtitle-generator p{line-height:1.5}.subtitle-generator-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.subtitle-cue-list{border:1px solid #354b68;border-radius:8px;max-height:340px;padding:10px;overflow:auto}.subtitle-cue{border-bottom:1px solid #354b68;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;display:grid}.subtitle-cue label{gap:4px;min-width:0;display:grid}.subtitle-cue input,.subtitle-cue textarea{color:#fff;width:100%;min-width:0;font:inherit;background:#07111f;border:1px solid #354b68;border-radius:6px;padding:8px}.subtitle-cue .subtitle-cue-text{grid-column:1/-1}.subtitle-cue textarea{resize:vertical;min-height:65px}.subtitle-cue button{justify-self:start}.subtitle-generator [role=alert]{color:#ffbcc4}.subtitle-generation-backdrop{z-index:50;background:#03050acc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.subtitle-generation-dialog{color:#e8eef8;background:#121a2c;border:1px solid #36415a;border-radius:14px;width:min(660px,100%);max-height:88vh;padding:24px;overflow:auto;box-shadow:0 25px 80px #000a}.subtitle-generation-dialog button{color:#e8eef8;cursor:pointer;font:inherit;background:#291443;border:1px solid #a855f7;border-radius:7px;padding:8px 12px}.subtitle-generation-dialog button:disabled{opacity:.5;cursor:default}.subtitle-generation-dialog p{color:#a9b8ca;line-height:1.5}.subtitle-model{gap:6px;margin:12px 0;display:grid}.subtitle-model select{color:#fff;width:100%;min-width:0;font:inherit;background:#07111f;border:1px solid #354b68;border-radius:6px;padding:9px}.subtitle-model input[type=file]{width:100%;min-width:0}:root{color:#e8eef8;font-synthesis:none;background:#07101e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#142743 0,#0000 38%),#07101e;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#08111fdd;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:44px;height:44px}.brand span{display:grid}.brand strong{font-size:20px}.brand small{color:#94a3b8}.privacy{color:#7ce8d8;background:#102b31;border:1px solid #35d4bd55;border-radius:999px;padding:8px 13px}.privacy:first-letter{color:#42e6c9}main{max-width:1120px;margin:auto;padding:54px 24px}.hero{text-align:center;max-width:760px;margin:0 auto 36px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#56dfca;font-size:12px;font-weight:800}.hero h1{color:#0000;background:linear-gradient(100deg,#fff 25%,#75ead9 65%,#ad92ff);-webkit-background-clip:text;background-clip:text;margin:12px 0;font-size:clamp(34px,6vw,58px);line-height:1.03}.hero>p:last-child{color:#aebcd0;font-size:17px;line-height:1.6}.tool-tabs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.tool-tabs button{text-align:left;color:#e6eefb;background:#0c1728;border:1px solid #26364e;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:12px;padding:16px;display:grid}.tool-tabs button>span{color:#6be2d0;grid-row:1/3;font-size:24px}.tool-tabs button>small{color:#8698af}.tool-tabs button[aria-pressed=true]{background:#112a32;border-color:#55d9c5;box-shadow:0 0 0 1px #55d9c533}.workspace{background:#0b1525;border:1px solid #26364e;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0007}.drop-zone{text-align:center;background:#0c1829;border:2px dashed #354962;border-radius:14px;margin:22px;padding:46px 24px;position:relative}.drop-zone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.drop-zone h2{margin:8px}.drop-zone p,.drop-zone small{color:#91a2b9}.drop-icon{color:#5fe1cd;font-size:34px}.link-button{z-index:2;color:#63e2cf;background:0 0;border:0;padding:0;text-decoration:underline;position:relative}.editor{border-top:1px solid #25344a}.files,.settings,.results{padding:22px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2,.results h2{font-size:17px}.section-title span{color:#8ea0b8}.file-row,.results article{background:#101d30;border:1px solid #24364f;border-radius:10px;align-items:center;gap:12px;margin-top:9px;padding:12px;display:flex}.file-symbol{color:#5ee1cd;background:#183541;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.file-name,.results article>div{flex:1;min-width:0;display:grid}.file-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-name small,.results small{color:#889bb2}.remove,.order-buttons button,.range-row button{color:#9cabc0;background:0 0;border:0;font-size:20px}.order-buttons{display:flex}.order-buttons button:disabled{opacity:.25}.preview{background:#03070d;border-radius:10px;max-width:calc(100% - 44px);max-height:360px;margin:0 auto 10px;display:block}.settings{grid-template-columns:1fr 1fr;gap:18px;display:grid}.settings fieldset{border:1px solid #263a53;border-radius:12px;min-width:0;padding:18px}.settings legend{padding:0 7px;font-weight:750}.settings label{color:#a9b8ca;gap:7px;margin-top:8px;display:grid}.settings input[type=number]{color:#fff;background:#07111f;border:1px solid #354b68;border-radius:8px;padding:10px}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.range{accent-color:#48dcc6;width:100%}.segmented{background:#07111f;border-radius:9px;margin-bottom:12px;padding:4px;display:flex}.segmented button{color:#8fa1b9;background:0 0;border:0;border-radius:7px;flex:1;padding:8px}.segmented button[aria-pressed=true]{color:#fff;background:#21364b}.mode-cards{gap:9px;display:grid}.mode-cards label{border:1px solid #2a3e57;border-radius:9px;margin:0;padding:12px 12px 12px 38px;position:relative}.mode-cards label.selected{background:#102a32;border-color:#4bdac5}.mode-cards input{accent-color:#48dcc6;position:absolute;top:14px;left:12px}.mode-cards small{color:#8fa0b6;line-height:1.4}.ranges{gap:8px;display:grid}.range-row{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;display:grid}.range-row input{width:100%;min-width:0}.secondary{color:#d9e5f5;background:#18283c;border:1px solid #3b526f;border-radius:8px;justify-self:start;padding:8px 12px}.error{color:#ffbcc4;background:#401b25;border:1px solid #ee6c7955;border-radius:9px;margin:0 22px 16px;padding:12px}.action-bar{background:#0a1321;border-top:1px solid #26364e;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.status{color:#a9b8c9;flex:1;align-items:center;gap:10px;display:flex}.status>span{color:#51dbc6}.status>div{flex:1;gap:5px;display:grid}.status progress{accent-color:#52deca;width:min(400px,100%);height:4px}.primary,.danger,.download{border:0;border-radius:9px;padding:11px 18px;font-weight:750}.primary:disabled{opacity:.4;cursor:not-allowed}.danger{color:#ffc3ca;background:#54202a}.results{border-top:1px solid #26364e}.results article{justify-content:space-between}.trust{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.trust div{background:#0a1423;border:1px solid #1f3047;border-radius:12px;padding:16px}.trust strong{color:#75e4d4}.trust p{color:#899bb1;margin-bottom:0;font-size:13px;line-height:1.5}footer{text-align:center;color:#64748b;border-top:1px solid #17263a;padding:25px;font-size:12px}@media (width<=720px){header{padding:0 16px}.brand small{display:none}main{padding:35px 14px}.tool-tabs,.settings,.trust{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.primary,.danger{width:100%}.file-row{flex-wrap:wrap}.field-grid{grid-template-columns:1fr}}.tool-tabs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.settings .checkbox-field{align-items:center;gap:8px;display:flex}.settings .checkbox-field input{accent-color:#a855f7;flex:none;margin:0}.processing-progress{flex:1;min-width:0}.processing-heading{color:#cbd5e1;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.processing-heading strong{color:#d8b4fe;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem}.processing-meter{background:#201132;border:1px solid #76509b;border-radius:999px;height:18px;position:relative;overflow:hidden}.processing-fill{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc);height:100%;transition:width .4s ease-out}.processing-shimmer{background:linear-gradient(110deg,#0000 30%,#e9d5ff55 48%,#0000 65%);animation:1.8s linear infinite processing-sweep;position:absolute;inset:0;transform:translate(-100%)}.processing-meter.is-pending .processing-shimmer{background:linear-gradient(90deg,#0000,#a855f788,#0000)}.processing-details{color:#a9b8ca;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:5px 16px;margin-top:8px;font-size:.85rem;display:flex}@keyframes processing-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.processing-shimmer{opacity:.35;animation:none;transform:none}.processing-fill{transition:none}}.header-actions{align-items:center;gap:8px;display:flex}.about-dialog{color:#e8eef8;background:#101c30;border:1px solid #40516c;border-radius:14px;width:min(640px,100vw - 24px);max-height:85dvh;padding:24px;line-height:1.6;overflow:auto}.about-dialog::backdrop{background:#000a}.about-dialog h2{margin-top:0}.about-dialog li{margin-bottom:12px}.about-dialog ul{padding-left:22px}.about-close{float:right;margin-left:12px}@media (width<=520px){header{flex-wrap:wrap;gap:10px;height:auto;min-height:72px;padding:12px}.header-actions{margin-left:auto}}.brand small{max-width:460px;line-height:1.35}.brand span{min-width:0}@media (width<=640px){header{gap:10px;height:auto;min-height:72px;padding:12px}.brand{gap:8px}.brand small{font-size:11px;display:block}.brand img{width:32px;height:32px}.header-actions{flex-shrink:0}}.settings select{color:#fff;background:#07111f;border:1px solid #354b68;border-radius:8px;padding:10px}.time-fields{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.size-fields{grid-template-columns:2fr 1fr;gap:8px;display:grid}.presets{color:#8fa1b9;align-items:center;gap:7px;margin:6px 0;display:flex}.presets button{color:#dce8f7;background:#17283b;border:1px solid #354b68;border-radius:999px;padding:6px 10px}.hint{color:#899bb1;font-size:12px;line-height:1.45}.split-options button{font-size:12px}@media (width<=520px){.time-fields,.size-fields{grid-template-columns:1fr}}:root{--drawsplat-purple:#7c3aed;--drawsplat-violet:#a855f7;--drawsplat-deep:#5b21b6;--drawsplat-gold:#faa634}body{background:radial-gradient(circle at 20% 0,#35205f 0,#0000 42%),#0d0818}header{background:linear-gradient(90deg,#5b21b6ee,#7c3aedee 58%,#a855f7ee);border-bottom-color:#c4b5fd44}.privacy{color:#f3e8ff;background:#5b21b688;border-color:#d8b4fe66}.hero .eyebrow,.tool-tabs button>span,.drop-icon,.link-button,.file-symbol,.status>span,.trust strong{color:#c084fc}.hero h1{color:#0000;background:linear-gradient(100deg,#fff 22%,#d8b4fe 60%,#a855f7);-webkit-background-clip:text;background-clip:text}.tool-tabs button[aria-pressed=true],.mode-cards label.selected{background:#291443;border-color:#a855f7;box-shadow:0 0 0 1px #a855f744}.workspace{box-shadow:0 24px 70px #4c1d9566}.file-symbol{background:#321854}.range,.mode-cards input{accent-color:#a855f7}.primary,.download{color:#fff;background:linear-gradient(120deg,#7c3aed,#a855f7)}.results-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.download-all{color:#f3e8ff;background:#291443;border:1px solid #a855f7;border-radius:9px;padding:10px 15px;font-weight:750}.presets button{color:#f3e8ff;background:#291443;border-color:#7c3aed}.segmented button[aria-pressed=true]{background:#5b21b6}:focus-visible{outline-offset:2px;outline:3px solid #a855f7}