:root{color:#171918;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit;letter-spacing:0}button{border:0}audio{display:none}.app-shell{min-height:100vh;background:linear-gradient(135deg,#f6f9f7f2,#eaf3f0f2),url(/assets/rice-paper-grain-CZM8nb6G.png)}.app-topbar{width:min(1240px,calc(100% - 48px));margin:0 auto;padding-top:24px}.app-tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;background:#ffffffc2;border:1px solid rgb(23 25 24 / .14);border-radius:8px;box-shadow:0 18px 48px #1f2d2d14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-tab{min-height:40px;padding:0 16px;color:#222625;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:.84rem;font-weight:900;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.app-tab:hover{background:#f4f8f7db;border-color:#1719181f}.app-tab.selected{color:#fff;background:#171918;border-color:#171918}.studio-shell{display:grid;grid-template-columns:420px minmax(0,1fr);gap:26px;width:min(1400px,calc(100% - 40px));margin:0 auto;padding:28px 0 48px}.library-panel{position:sticky;top:18px;align-self:start;min-height:calc(100vh - 44px);padding:20px;background:#ffffffe6;border:1px solid rgb(23 25 24 / .2);border-radius:8px;box-shadow:0 24px 70px #1f2d2d24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-lockup{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center}.brand-mark,.seal{display:grid;place-items:center;color:#fff;background:#9d1724;font-family:Georgia,Times New Roman,serif;font-weight:700}.brand-mark{width:46px;height:46px;border-radius:6px;box-shadow:0 14px 32px #9d172438}.brand-lockup h1{font-size:1.78rem}.eyebrow{margin:0 0 8px;color:#9d1724;font-size:.72rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{color:#171918;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{margin:0;font-size:2.2rem;line-height:1}h2{margin:0;font-size:3rem;line-height:1.02}h3{margin:0;color:#171918;font-size:1.02rem;font-weight:850;line-height:1.25}.lead{margin:14px 0 0;color:#5e6866;font-size:.9rem;line-height:1.45}.language-switch{display:grid;gap:8px;margin-top:16px}.language-switch>span{color:#687370;font-size:.68rem;font-weight:900;text-transform:uppercase}.language-switch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;background:#f4f8f7c7;border:1px solid rgb(23 25 24 / .12);border-radius:8px}.language-switch-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:38px;padding:0 10px;color:#222625;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.language-switch-button:hover{background:#ffffffd1;border-color:#1719181f}.language-switch-button.selected{color:#fff;background:#171918;border-color:#171918}.language-switch-button span{min-width:0;font-size:.8rem;font-weight:900}.language-switch-button small{color:inherit;font-size:.68rem;font-weight:800;opacity:.72}.library-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0}.library-stats div{min-height:66px;padding:11px 12px;background:#f4f8f7c7;border:1px solid rgb(23 25 24 / .12);border-radius:8px}.library-stats dt{margin:0 0 7px;color:#687370;font-size:.68rem;font-weight:900;text-transform:uppercase}.library-stats dd{margin:0;color:#087373;font-family:Georgia,Times New Roman,serif;font-size:1.86rem;line-height:1}.library-nav-header{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid rgb(23 25 24 / .14)}.library-nav-header span{color:#687370;font-size:.68rem;font-weight:900;text-transform:uppercase}.collapse-tree-button{min-height:32px;padding:0 10px;color:#222625;background:#f4f8f7db;border:1px solid rgb(23 25 24 / .14);border-radius:8px;font-size:.74rem;font-weight:850;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.collapse-tree-button:hover{color:#fff;background:#171918;border-color:#171918}.mission-nav{display:block;max-height:calc(100vh - 292px);overflow:auto;margin-top:8px;padding-right:8px}.library-tree{display:grid;gap:4px;min-width:0;padding:0;margin:0;list-style:none}.library-tree:not(.is-root){margin-top:4px}.library-branch>.library-tree{margin-left:13px;padding-left:10px;border-left:2px solid rgb(8 115 115 / .2)}.library-branch-summary{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:38px;padding:7px 8px 7px calc(8px + var(--tree-indent, 0px));color:#222625;background:#f4f8f77a;border:1px solid rgb(23 25 24 / .06);border-radius:8px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.library-branch-summary::-webkit-details-marker{display:none}.library-branch-summary:before{content:">";color:#9d1724;font-size:.78rem;font-weight:900;transform-origin:center;transition:transform .16s ease}.library-branch[open]>.library-branch-summary:before{transform:rotate(90deg)}.library-branch-summary:hover{background:#ffffffeb;border-color:#0873733d}.library-tree-node.has-active>.library-branch>.library-branch-summary{color:#171918;background:#e2f1eee6;border-color:#08737347;box-shadow:inset 3px 0 #087373}.library-branch-summary span,.library-branch-summary small{min-width:0}.library-branch-summary span{font-size:.88rem;font-weight:850}.library-branch-summary small{color:inherit;font-size:.68rem;font-weight:800;opacity:.7}.mission-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:40px;padding:8px 10px;color:#222625;text-align:left;background:#ffffff94;border:1px solid rgb(23 25 24 / .07);border-radius:8px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.mission-button.tree-leaf{width:100%;margin-top:4px;padding-left:calc(24px + var(--tree-indent, 0px));box-shadow:inset 2px 0 #9d17243d}.mission-button:hover{background:#fffffff2;border-color:#9d172438}.mission-button.selected{color:#fff;background:#171918;border-color:#171918;box-shadow:inset 3px 0 #9d1724}.mission-button span{min-width:0;font-size:.88rem;font-weight:850}.mission-button small{color:inherit;font-size:.68rem;font-weight:800;opacity:.72}.listening-stage{min-width:0}.cards-app-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:34px 0 56px}.cards-generator-header{display:flex;gap:24px;align-items:end;justify-content:space-between}.cards-generator-header h1{font-size:3rem}.cards-generator-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:flex-end}.school-export-control{display:grid;gap:5px;min-width:220px;color:#65716e;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.school-export-control select{width:100%;height:44px;padding:0 12px;color:#222625;font:inherit;font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:none;background:#ffffffc7;border:1px solid rgb(23 25 24 / .14);border-radius:8px;outline:none}.school-export-control select:focus{border-color:#9d172470;box-shadow:0 0 0 3px #9d17241c}.export-error{flex-basis:100%;margin:0;color:#9d1724;font-size:.82rem;font-weight:800;text-align:right}.spell-generator-workspace{display:grid;grid-template-columns:minmax(280px,420px) minmax(420px,1fr);gap:28px;align-items:start;margin-top:28px}.spell-generator-controls{display:grid;gap:18px;align-content:start;max-height:calc(100vh - 220px);min-height:0;padding:2px 12px 18px 2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgb(157 23 36 / .42) rgb(23 25 24 / .08);scrollbar-gutter:stable}.spell-generator-controls::-webkit-scrollbar{width:10px}.spell-generator-controls::-webkit-scrollbar-track{background:#17191814;border-radius:999px}.spell-generator-controls::-webkit-scrollbar-thumb{background:#9d17246b;border:2px solid rgb(244 248 247 / .86);border-radius:999px}.spellbook-import-panel,.spell-form,.spell-preview-stage{background:#ffffffd1;border:1px solid rgb(23 25 24 / .14);border-radius:8px;box-shadow:0 28px 80px #1f2d2d1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spellbook-import-panel,.spell-form{padding:26px}.form-section-heading{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}.form-section-heading .eyebrow{margin-bottom:0}.secondary-button.compact{min-width:76px;min-height:36px;padding:0 12px;font-size:.78rem}.primary-button.compact{min-width:82px;min-height:36px;padding:0 12px;font-size:.78rem}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.spell-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-control{display:grid;gap:8px;min-width:0;color:#65716e;font-size:.74rem;font-weight:900;text-transform:uppercase}.field-control.wide{grid-column:1 / -1}.field-control input,.field-control select,.field-control textarea{width:100%;min-width:0;color:#171918;background:#f4f8f7c7;border:1px solid rgb(23 25 24 / .14);border-radius:8px;outline:0;font-size:.95rem;font-weight:650;line-height:1.5;text-transform:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.field-control input,.field-control select{height:44px;padding:0 12px}.field-control select[size]{height:auto;min-height:184px;padding:8px}.field-control select[size] option{padding:7px 8px}.field-control textarea{min-height:160px;padding:11px 12px;resize:vertical}.field-control input:focus,.field-control select:focus,.field-control textarea:focus{background:#fff;border-color:#9d172470;box-shadow:0 0 0 3px #9d17241f}.decoration-toggle{display:flex;grid-column:1 / -1;gap:10px;align-items:center;color:#3b2b1f;cursor:pointer;font-size:.82rem;font-weight:900;text-transform:uppercase}.decoration-toggle input{width:18px;height:18px;accent-color:#9d1724}.decoration-picker{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px}.decoration-picker.is-disabled{opacity:.52}.decoration-picker-option{display:grid;gap:6px;align-items:center;justify-items:center;min-width:0;padding:8px;color:#3b2b1f;background:#f4f8f7b8;border:1px solid rgb(23 25 24 / .14);border-radius:8px;cursor:pointer;font-size:.72rem;font-weight:800}.decoration-picker-option:disabled{cursor:not-allowed}.decoration-picker-option:hover,.decoration-picker-option:focus-visible{background:#fff;border-color:#9d172457;outline:0}.decoration-picker-option.is-active{border-color:#9d172494;box-shadow:0 0 0 3px #9d17241f}.decoration-picker-option img{width:46px;aspect-ratio:1049 / 1499;object-fit:cover;object-position:center;border-radius:4px;mix-blend-mode:multiply}.decoration-picker-option span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.spellbook-import-meta{margin:14px 0 0;color:#65716e;font-size:.82rem;font-weight:750;line-height:1.45}.spell-preview-stage{position:sticky;top:24px;display:grid;min-height:720px;place-items:center;padding:28px;background:linear-gradient(135deg,#ffffffc7,#eff6f4e6),url(/assets/rice-paper-grain-CZM8nb6G.png)}.spell-card{position:relative;width:min(100%,430px);aspect-ratio:1448 / 2037;overflow:hidden;isolation:isolate;color:#2a160d;background-image:var(--card-base);background-repeat:no-repeat;background-position:center;background-size:100% 100%;filter:drop-shadow(0 24px 50px rgb(31 45 45 / .22))}.spell-card.is-exporting-card{filter:none}.spell-card.has-elemental-decoration:before{position:absolute;top:2%;right:4%;bottom:2%;left:4%;z-index:0;content:"";background-image:var(--elemental-decoration);background-repeat:no-repeat;background-position:center;background-size:100% 100%;mix-blend-mode:multiply;opacity:.36;pointer-events:none}.spell-school-mark{position:absolute;top:51%;left:50%;z-index:0;width:54%;height:38%;object-fit:contain;opacity:.34;mix-blend-mode:multiply;pointer-events:none;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.spell-card-inner{position:absolute;top:6.3%;right:8.4%;bottom:7.3%;left:8.4%;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:stretch;text-align:center}.spell-school h2{margin:0;color:#2a160d;font-size:1.98rem;line-height:1;text-transform:uppercase}.ornament-line{position:relative;width:88%;height:18px;margin:6px auto 0}.ornament-line:before{position:absolute;top:50%;right:0;left:0;content:"";border-top:1px solid rgb(42 22 13 / .34)}.ornament-line:after{position:absolute;top:50%;left:50%;width:7px;height:7px;content:"";background:#f7edce;border:1px solid rgb(42 22 13 / .48);transform:translate(-50%,-50%) rotate(45deg)}.ornament-line.wide{width:100%;margin-top:10px}.ornament-line.short{width:58%;flex:0 0 18px;margin-top:0}.spell-title-row{display:grid;grid-template-columns:76px 64px minmax(0,1fr);gap:0;align-items:center;min-height:68px}.spell-element{--element-label-x: 0px;--element-label-y: 0px;position:relative;display:grid;min-height:48px;place-items:center;min-width:0;color:#2a160d;font-size:.76rem;font-weight:900;isolation:isolate;text-transform:uppercase}.spell-element strong{position:absolute;top:50%;left:50%;z-index:2;width:82px;color:#050505;font-family:Georgia,Times New Roman,serif;font-size:.74rem;line-height:1;text-align:center;text-shadow:0 1px 0 rgb(255 249 229 / .92),0 0 5px rgb(255 249 229 / .82);transform:translate(calc(-50% + var(--element-label-x)),calc(-50% + var(--element-label-y)));white-space:nowrap}.spell-element-fire{--element-label-y: 3px}.spell-element-water{--element-label-x: 4px;--element-label-y: 1px}.spell-element-earth{--element-label-y: 2px}.spell-element-air{--element-label-y: -2px}.spell-element-divine{--element-label-x: 5px;--element-label-y: 5px}.spell-element-profane{--element-label-y: 4px}.spell-element-elder{--element-label-y: 2px}.spell-element-any{--element-label-y: 5px}.element-icon:not(.element-icon-any){display:block;width:60px;height:56px;object-fit:contain;opacity:.46;pointer-events:none}.element-icon-water,.element-icon-air,.element-icon-divine{width:64px}.element-icon-elder,.element-icon-profane{height:60px}.element-icon-any{display:grid;grid-template-columns:repeat(4,15px);gap:0;align-items:center;justify-content:center;width:66px;height:48px;opacity:.54;pointer-events:none}.element-icon-any img{width:17px;height:17px;object-fit:contain}.element-icon-any img:nth-child(1),.element-icon-any img:nth-child(7){transform:translateY(3px) scale(1.2)}.element-icon-any img:nth-child(5),.element-icon-any img:nth-child(6){transform:translateY(-2px) scale(1.12)}.spell-level{display:grid;min-height:50px;place-items:center;border-right:1px solid rgb(42 22 13 / .26);border-left:1px solid rgb(42 22 13 / .26);color:#2a160d;font-family:Georgia,Times New Roman,serif;font-size:1.62rem;font-weight:700}.spell-title-row h3{padding:0 10px;color:#2a160d;font-family:Georgia,Times New Roman,serif;font-size:1.72rem;font-weight:500;line-height:1.05;text-align:center;text-transform:capitalize}.spell-effect{display:flex;flex:1 1 0;min-height:0;align-items:center;justify-content:center;align-content:center;overflow:hidden;margin:12px 0 10px;color:#2a160d;font-family:Georgia,Times New Roman,serif;font-size:var(--effect-font-size, 1.08rem);line-height:1.56}.spell-type{display:flex;flex:0 0 34px;align-items:center;justify-content:center;overflow:hidden;margin:8px 0 14px;color:#3f342c;font-family:Georgia,Times New Roman,serif;font-size:.86rem;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.spell-type span{color:#2a160d9e;font-size:.8rem}.spell-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 92px;height:92px;min-height:92px;margin-top:auto;overflow:hidden}.spell-stat{display:grid;align-content:start;justify-items:center;min-width:0;height:92px;overflow:hidden}.spell-stat+.spell-stat{border-left:1px solid rgb(42 22 13 / .24)}.spell-stat>span{color:#3b2b1f;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.spell-stat strong{display:flex;width:58px;height:58px;align-items:center;justify-content:center;margin-top:7px;color:#2a160d;background:#f8ebc78c;border:4px double rgb(42 22 13 / .48);border-radius:50%;font-family:Georgia,Times New Roman,serif;font-size:1.48rem;font-weight:500}.spell-stat-value-rch{flex-direction:column;gap:1px;padding:6px;line-height:.98;text-align:center;white-space:normal}.spell-stat-value-rch.is-multiline{font-size:max(8px,.72rem)}.spell-stat-value-rch.is-dense,.spell-stat-value-rch.is-extra-dense{font-size:max(8px,.5rem)}.spell-stat-value-rch.is-wide{width:100%;height:58px;padding:0 4px;background:transparent;border:0;border-radius:0;font-size:max(8px,.68rem);line-height:1.05;overflow-wrap:anywhere}.spell-stat-value-line{display:block;max-width:100%;color:#2a160d;font:inherit;line-height:inherit}.feature-player{position:relative;display:grid;grid-template-columns:minmax(300px,41%) minmax(0,1fr);gap:0;min-height:500px;overflow:hidden;background:#ffffffd6;border:1px solid rgb(23 25 24 / .14);border-radius:8px;box-shadow:0 30px 90px #1f2d2d1f}.feature-player:before{position:absolute;top:18px;right:18px;bottom:18px;left:18px;pointer-events:none;content:"";border:1px solid rgb(23 25 24 / .12);border-radius:6px}.art-plate{position:relative;display:grid;min-height:500px;overflow:hidden;background:linear-gradient(180deg,#ffffff8a,#ebf4f1b8),url(/assets/rice-paper-grain-CZM8nb6G.png);border-right:1px solid rgb(23 25 24 / .12)}.art-plate img{align-self:center;width:188%;max-width:none;opacity:.88;transform:translate(-25%)}.art-plate:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgb(255 255 255 / .48),transparent 36%,rgb(255 255 255 / .22)),radial-gradient(circle at 16% 22%,rgb(255 255 255 / .82),transparent 28%)}.seal{position:absolute;right:24px;bottom:24px;z-index:1;width:44px;height:44px;border-radius:4px;font-size:.88rem}.feature-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:54px}.file-line{margin:16px 0 0;color:#65716e;font-size:.92rem;line-height:1.55}.transport{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:34px}.primary-button,.secondary-button,.scene-button{min-height:44px;border-radius:8px;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.primary-button{min-width:142px;padding:0 22px;color:#fff;background:#9d1724;box-shadow:0 14px 34px #9d172433}.secondary-button{min-width:112px;padding:0 16px;color:#222625;background:#f4f8f7b3;border:1px solid rgb(23 25 24 / .14)}.primary-button:hover,.secondary-button:hover,.scene-button:hover{transform:translateY(-1px)}.timeline{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:14px;align-items:center;margin-top:30px;color:#65716e;font-size:.8rem;font-weight:850}.player-footer{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:18px}.volume-control{display:grid;grid-template-columns:74px minmax(120px,180px);gap:12px;align-items:center;color:#65716e;font-size:.8rem;font-weight:850}.position-chip{color:#687370;font-size:.78rem;font-weight:900}.range-input{width:100%;height:4px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,#9d1724 var(--progress),rgb(23 25 24 / .16) var(--progress));border-radius:8px}.range-input::-webkit-slider-thumb{width:15px;height:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#171918;border:3px solid #ffffff;border-radius:8px;box-shadow:0 5px 14px #1f2d2d3d}.range-input::-moz-range-thumb{width:11px;height:11px;background:#171918;border:3px solid #ffffff;border-radius:8px;box-shadow:0 5px 14px #1f2d2d3d}.scene-section{margin-top:26px}.section-heading{display:flex;gap:18px;align-items:end;justify-content:space-between;padding:6px 4px 16px;border-bottom:1px solid rgb(23 25 24 / .14)}.section-heading h2{font-size:2.2rem}.section-heading>span{flex:0 0 auto;color:#65716e;font-size:.78rem;font-weight:900;text-transform:uppercase}.scene-list{display:grid;gap:10px;padding:16px 0 0;margin:0;list-style:none}.scene-row{display:grid;grid-template-columns:52px minmax(0,1fr) 76px;gap:16px;align-items:center;min-height:86px;padding:14px 16px;background:#ffffff9e;border:1px solid rgb(23 25 24 / .1);border-radius:8px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.scene-row:hover{background:#ffffffd1;border-color:#1719182e}.scene-row.playing{background:#ffffffeb;border-color:#9d172447;box-shadow:inset 3px 0 #9d1724,0 14px 42px #1f2d2d14}.scene-button{width:44px;min-height:44px;color:#fff;background:#171918;font-size:.78rem;font-weight:900}.scene-row.playing .scene-button{background:#9d1724}.scene-copy{min-width:0}.scene-copy span{display:block;margin-bottom:6px;color:#087373;font-size:.74rem;font-weight:900;text-transform:uppercase}.scene-copy p{margin:7px 0 0;color:#65716e;font-size:.86rem;line-height:1.42}.scene-status{color:#65716e;font-size:.74rem;font-weight:900;text-align:right;text-transform:uppercase}.scene-row.playing .scene-status{color:#9d1724}.empty-state{padding:30px;background:#fffc;border:1px solid rgb(23 25 24 / .14);border-radius:8px}.empty-state p{margin:10px 0 0;color:#65716e}@media(max-width:1040px){.app-topbar,.studio-shell,.cards-app-shell{width:min(100% - 32px,920px)}.studio-shell,.spell-generator-workspace{grid-template-columns:1fr}.spell-generator-controls{max-height:none;padding:0;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}.spell-preview-stage{position:static}.cards-generator-header{align-items:start;flex-direction:column}.cards-generator-actions{justify-content:flex-start;width:100%}.school-export-control{width:min(100%,320px)}.library-panel{position:static;min-height:0}.mission-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:none;padding-right:0}}@media(max-width:780px){.feature-player{grid-template-columns:1fr}.art-plate{min-height:280px;border-right:0;border-bottom:1px solid rgb(23 25 24 / .12)}.art-plate img{width:130%;transform:translate(-12%)}.feature-copy{padding:34px}.spell-preview-stage{min-height:680px}.cards-generator-header h1{font-size:2.4rem}h2{font-size:2.2rem}}@media(max-width:560px){.app-topbar,.studio-shell{width:min(100% - 20px,920px)}.app-topbar{padding-top:14px}.app-tabs{display:grid;grid-template-columns:1fr;width:100%}.cards-app-shell{width:min(100% - 20px,920px);padding:18px 0 34px}.library-panel,.feature-copy,.spellbook-import-panel,.spell-form,.spell-preview-stage{padding:22px}.brand-lockup,.library-stats,.spell-field-grid,.timeline,.player-footer,.volume-control,.scene-row,.mission-nav{grid-template-columns:1fr}h1{font-size:2rem}.cards-generator-header h1{font-size:2.1rem}.cards-generator-actions,.school-export-control{width:100%}h2,.section-heading h2{font-size:1.85rem}.spell-preview-stage{min-height:0}.spell-school h2{font-size:1.72rem}.spell-title-row{grid-template-columns:66px 54px minmax(0,1fr);min-height:64px}.element-icon:not(.element-icon-any){width:44px;height:44px}.element-icon-any{width:52px;height:42px;grid-template-columns:repeat(4,11px)}.element-icon-any img{width:13px;height:13px}.spell-element strong{font-size:.66rem}.spell-level{min-height:48px;font-size:1.28rem}.spell-title-row h3{padding:0 8px;font-size:1.38rem}.spell-effect{min-height:0;font-size:var(--effect-font-size, .92rem)}.spell-stat strong{width:44px;height:44px;font-size:1.14rem}.spell-stat-value-rch{padding:4px}.spell-stat-value-rch.is-multiline{font-size:max(8px,.54rem)}.spell-stat-value-rch.is-dense,.spell-stat-value-rch.is-extra-dense{font-size:max(8px,.5rem)}.spell-stat-value-rch.is-wide{width:100%;height:44px;padding:0 3px;background:transparent;border:0;border-radius:0;font-size:max(8px,.5rem);line-height:1}.transport{align-items:stretch}.primary-button,.secondary-button{flex:1 1 100%}.scene-button{width:100%}.scene-status{text-align:left}}:root{--font-ui: "Manrope", "Segoe UI", sans-serif;--font-display: "Source Serif 4", Georgia, serif;--canvas: #f2f3ef;--canvas-overlay: rgb(242 243 239 / .94);--surface: #fcfbf7;--surface-raised: #ffffff;--surface-muted: #e7eceb;--surface-hover: #edf1f0;--ink: #14242e;--ink-soft: #58676e;--ink-faint: #758187;--border: #ccd5d4;--border-strong: #aebdbc;--accent: #b33a2b;--accent-hover: #982f23;--accent-soft: #f4dfd9;--cyan: #2c7482;--cyan-soft: #dcebed;--focus: #177f94;--shadow: 0 18px 46px rgb(33 55 64 / .1);--shadow-soft: 0 8px 24px rgb(33 55 64 / .07);color:var(--ink);background:var(--canvas);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--canvas: #07141d;--canvas-overlay: rgb(7 20 29 / .965);--surface: #0c1d28;--surface-raised: #102632;--surface-muted: #122a36;--surface-hover: #173340;--ink: #f1f4ef;--ink-soft: #a9b6b8;--ink-faint: #82969b;--border: #28424d;--border-strong: #3d5964;--accent: #ef6a52;--accent-hover: #ff7b62;--accent-soft: #3b2425;--cyan: #73c5d4;--cyan-soft: #17343f;--focus: #8bdbe8;--shadow: 0 22px 58px rgb(0 0 0 / .28);--shadow-soft: 0 10px 28px rgb(0 0 0 / .2)}body{color:var(--ink);background:var(--canvas);font-family:var(--font-ui)}body.mobile-menu-open{overflow:hidden}button,input{font-family:var(--font-ui)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 42%,transparent);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed;opacity:.38}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;color:var(--ink);background:linear-gradient(var(--canvas-overlay),var(--canvas-overlay)),url(/assets/rice-paper-grain-CZM8nb6G.png);background-size:auto,720px 720px}.app-topbar{position:sticky;top:0;z-index:20;width:100%;padding:0;background:color-mix(in srgb,var(--canvas) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-inner{display:flex;width:min(1420px,calc(100% - 40px));min-height:64px;align-items:center;justify-content:space-between;gap:20px;margin:0 auto}.app-brand{display:flex;min-width:0;align-items:center;gap:12px}.brand-stroke{width:3px;height:32px;flex:0 0 3px;background:var(--accent);border-radius:2px}.brand-copy{display:grid;min-width:0;gap:1px}.brand-copy small{color:var(--ink-soft);font-size:.64rem;font-weight:700;letter-spacing:.15em;line-height:1.2;text-transform:uppercase}.brand-copy strong{color:var(--ink);font-family:var(--font-display);font-size:1.12rem;font-weight:700;line-height:1.2}.topbar-actions{display:flex;min-width:0;align-items:center;gap:8px;margin-left:auto}.mobile-menu-toggle,.mobile-library-close,.mobile-library-backdrop{display:none}.app-tabs{display:flex;padding:3px;margin:0;background:var(--surface-muted);border:1px solid var(--border);border-radius:9px;box-shadow:none}.app-tab{min-height:38px;padding:0 14px;color:var(--ink-soft);background:transparent;border:0;border-radius:7px;font-size:.78rem;font-weight:700}.app-tab:hover{color:var(--ink);background:var(--surface-hover)}.app-tab.selected{color:var(--ink);background:var(--surface-raised);border:0;box-shadow:var(--shadow-soft)}.ui-language-switch{display:flex;min-width:0;padding:3px;margin:0;background:var(--surface-muted);border:1px solid var(--border);border-radius:9px}.ui-language-button{min-width:36px;min-height:36px;padding:0 7px;color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;font-size:.65rem;font-weight:800;letter-spacing:.08em;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.ui-language-button:hover{color:var(--ink);background:var(--surface-hover)}.ui-language-button.selected{color:var(--ink);background:var(--surface-raised);border-color:var(--border);box-shadow:var(--shadow-soft)}.theme-toggle{display:inline-flex;min-width:86px;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:9px;cursor:pointer;font-size:.76rem;font-weight:700;transition:background-color .15s ease,border-color .15s ease}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.mobile-menu-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:0 11px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:9px;cursor:pointer}.mobile-menu-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.mobile-menu-toggle>span{display:block;width:100%;height:2px;background:currentColor;border-radius:999px;transform-origin:center;transition:opacity .15s ease,transform .15s ease}.mobile-menu-toggle>span+span{margin-top:4px}.mobile-menu-toggle.open>span:first-child{transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.open>span:nth-child(2){opacity:0}.mobile-menu-toggle.open>span:last-child{transform:translateY(-6px) rotate(-45deg)}.studio-shell{display:grid;grid-template-areas:"library player";grid-template-columns:344px minmax(0,1fr);gap:18px;width:min(1420px,calc(100% - 40px));margin:0 auto;padding:18px 0 36px}.library-panel{--mission-nav-offset: 395px;grid-area:library;position:sticky;top:82px;align-self:start;min-height:0;max-height:calc(100vh - 100px);padding:18px;overflow:hidden;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none}.library-panel.has-download-status{--mission-nav-offset: 435px}.listening-stage{grid-area:player;min-width:0}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.library-heading h1{margin:0;color:var(--ink);font-family:var(--font-display);font-size:1.8rem;font-weight:700;line-height:1}.mobile-library-close{width:42px;min-width:42px;height:42px;min-height:42px;place-items:center;padding:0;color:var(--ink);background:var(--surface-muted);border:1px solid var(--border);border-radius:9px;cursor:pointer}.mobile-library-close:hover{background:var(--surface-hover);border-color:var(--border-strong)}.mobile-library-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.9}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:.64rem;font-weight:700;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.language-switch{min-width:0;padding:0;margin:17px 0 0;border:0}.language-switch legend{padding:0;margin:0 0 7px;color:var(--ink-soft);font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.language-switch-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:var(--surface-muted);border:1px solid var(--border);border-radius:10px}.language-switch-button{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-width:0;min-height:48px;align-content:center;justify-items:center;gap:1px;padding:4px 3px;color:var(--ink-soft);text-align:center;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.language-switch-button:hover{color:var(--ink);background:color-mix(in srgb,var(--surface-raised) 62%,transparent);border-color:transparent}.language-switch-button.selected{color:var(--ink);background:var(--surface-raised);border-color:var(--border);box-shadow:0 3px 10px #1e343c17}.language-switch-button small{color:var(--accent);font-size:.58rem;font-weight:800;letter-spacing:.12em;line-height:1.1}.language-switch-button span{min-width:0;overflow:hidden;font-size:.69rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.library-search{position:relative;display:flex;min-height:44px;align-items:center;margin-top:12px;color:var(--ink-soft)}.library-search>svg{position:absolute;left:12px;width:17px;height:17px;fill:none;pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.library-search input{width:100%;min-height:44px;padding:0 12px 0 38px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--border);border-radius:9px;outline:0;font-size:.78rem}.library-search input::placeholder{color:var(--ink-faint)}.library-search input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 16%,transparent)}.library-browser{min-width:0;margin-top:13px;border-top:1px solid var(--border)}.library-browser>summary{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.06em;list-style:none;text-transform:uppercase}.library-browser>summary::-webkit-details-marker{display:none}.library-browser>summary svg{width:18px;height:18px;fill:none;stroke:var(--ink-soft);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .15s ease}.library-browser:not([open])>summary svg{transform:rotate(-90deg)}.library-nav-header{display:flex;min-height:30px;align-items:center;justify-content:space-between;padding:0;margin:-2px 0 3px;border:0}.library-nav-header>span{color:var(--ink-faint);font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.folder-download-status{min-height:34px;padding:8px 10px;margin:9px 0 0;color:var(--ink-soft);background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;font-size:.7rem;font-weight:650;line-height:1.35}.folder-download-status.is-success{color:var(--cyan);background:var(--cyan-soft)}.folder-download-status.is-error{color:var(--accent);background:var(--accent-soft)}.collapse-tree-button{min-height:30px;padding:0 9px;color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;font-size:.68rem;font-weight:700}.collapse-tree-button:hover{color:var(--ink);background:var(--surface-hover);border-color:var(--border)}.mission-nav{display:block;max-height:calc(100vh - var(--mission-nav-offset));padding:0 5px 2px 0;margin-top:0;overflow:auto;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.library-tree{display:grid;min-width:0;gap:3px;padding:0;margin:0;list-style:none}.library-tree:not(.is-root){margin-top:3px}.library-branch>.library-tree{margin-left:10px;padding-left:8px;border-left:1px solid var(--border)}.library-tree-node,.library-branch{min-width:0}.library-tree-node{position:relative}.library-branch-row,.library-leaf-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;align-items:start}.library-branch-row.has-download,.library-leaf-row.has-download{grid-template-columns:minmax(0,1fr) 44px}.library-branch-summary{display:grid;grid-template-columns:12px minmax(0,1fr);width:100%;gap:7px;min-height:44px;align-items:center;padding:6px 8px 6px calc(7px + var(--tree-indent, 0px));color:var(--ink-soft);text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.library-branch-summary:before{content:"›";color:var(--accent);font-size:1rem;font-weight:700;line-height:1;transform-origin:center;transition:transform .15s ease}.library-branch-summary[aria-expanded=true]:before{transform:rotate(90deg)}.library-branch-summary:hover{color:var(--ink);background:var(--surface-hover);border-color:transparent}.library-tree-node.has-active>.library-branch>.library-branch-row>.library-branch-summary{color:var(--ink);background:var(--cyan-soft);border-color:transparent;box-shadow:inset 2px 0 0 var(--cyan)}.library-branch-summary span{min-width:0;overflow:hidden;font-size:.78rem;font-weight:650;line-height:1.28;text-overflow:ellipsis}.mission-button{display:block;width:100%;min-height:44px;padding:7px 9px;color:var(--ink-soft);text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.mission-button.tree-leaf{margin-top:0;padding-right:9px;padding-left:calc(20px + var(--tree-indent, 0px));box-shadow:none}.folder-download-button{display:grid;width:44px;height:44px;min-height:44px;place-items:center;padding:0;color:var(--ink-soft);background:color-mix(in srgb,var(--surface-raised) 72%,transparent);border:1px solid transparent;border-radius:7px;cursor:pointer;opacity:.78;transition:color .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease}.folder-download-button:hover:not(:disabled),.folder-download-button:focus-visible{color:var(--accent);background:var(--surface-raised);border-color:var(--border);opacity:1}.folder-download-button.loading:disabled{color:var(--accent);opacity:1}.folder-download-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.folder-download-button .download-spinner{animation:folder-download-spin .8s linear infinite;stroke-dasharray:34 16}@keyframes folder-download-spin{to{transform:rotate(360deg)}}.mission-button:hover{color:var(--ink);background:var(--surface-hover);border-color:transparent}.mission-button.selected{color:var(--ink);background:var(--accent-soft);border-color:transparent;box-shadow:inset 2px 0 0 var(--accent)}.mission-button span{min-width:0;font-size:.78rem;font-weight:650;line-height:1.28}.feature-player{position:relative;display:grid;grid-template-columns:minmax(350px,.94fr) minmax(300px,1.06fr);min-height:282px;overflow:hidden;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.feature-player:before{content:none}.feature-copy{position:relative;z-index:1;display:grid;grid-template-areas:"copy transport" "timeline timeline" "footer footer";grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:22px;row-gap:13px;min-width:0;padding:22px 24px;border-right:1px solid var(--border)}.now-playing-copy{grid-area:copy;min-width:0}.mission-line{margin:0 0 5px;overflow:hidden;color:var(--ink-soft);font-size:.72rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.feature-copy h2{display:-webkit-box;margin:0;overflow:hidden;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.45rem);font-weight:700;line-height:1.02;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playback-error{margin:7px 0 0;color:var(--accent);font-size:.72rem;font-weight:650}.transport{grid-area:transport;display:flex;align-items:center;align-self:center;gap:7px;margin:0}.transport-button,.primary-button{display:grid;flex:0 0 auto;place-items:center;padding:0;border-radius:50%;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease}.transport-button{width:42px;min-width:42px;height:42px;min-height:42px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--border)}.primary-button{width:52px;min-width:52px;height:52px;min-height:52px;color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent)}.transport-button:hover:not(:disabled),.primary-button:hover:not(:disabled){transform:translateY(-1px)}.transport-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.transport-button svg,.primary-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.primary-button svg{width:22px;height:22px;stroke-width:2}.timeline{grid-area:timeline;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:10px;align-items:center;margin:0;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:650}.timeline>span:last-child{text-align:right}.range-input{width:100%;height:22px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,var(--accent) var(--progress),var(--border) var(--progress)) center / 100% 4px no-repeat;border-radius:0}.range-input::-webkit-slider-thumb{width:15px;height:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-raised);border:3px solid var(--ink);border-radius:50%;box-shadow:0 2px 7px #00000029}.range-input::-moz-range-thumb{width:11px;height:11px;background:var(--surface-raised);border:3px solid var(--ink);border-radius:50%;box-shadow:0 2px 7px #00000029}.player-footer{grid-area:footer;display:flex;min-height:26px;align-items:center;justify-content:space-between;gap:16px;margin:-2px 0 0}.volume-control{display:grid;grid-template-columns:19px minmax(90px,132px);gap:8px;align-items:center;color:var(--ink-soft)}.volume-control>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.playback-state{color:var(--ink-faint);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.transcript-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:282px;max-height:282px;color:var(--ink);background:color-mix(in srgb,var(--surface-muted) 48%,var(--surface))}.transcript-header{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px 11px;border-bottom:1px solid var(--border)}.transcript-header .eyebrow{margin-bottom:2px}.transcript-header h3{margin:0;color:var(--ink);font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.1}.transcript-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.transcript-language{display:grid;min-width:34px;height:28px;place-items:center;color:var(--accent);background:var(--surface-raised);border:1px solid var(--border);border-radius:7px;font-size:.62rem;font-weight:800;letter-spacing:.1em}.transcript-toggle{display:none;min-height:38px;align-items:center;justify-content:center;gap:5px;padding:0 9px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.68rem;font-weight:750}.transcript-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.transcript-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;transition:transform .15s ease}.transcript-panel:not(.is-collapsed) .transcript-toggle svg{transform:rotate(180deg)}.transcript-scroll{min-height:0;padding:15px 18px 18px;overflow:auto;outline:0;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.transcript-scroll:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--focus) 32%,transparent)}.transcript-text,.transcript-message{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.62;overflow-wrap:anywhere;white-space:pre-wrap}.transcript-text{color:var(--ink)}.transcript-message{font-style:italic}.transcript-error{color:var(--accent)}.scene-section{margin-top:17px;color:var(--ink)}.section-heading{display:flex;min-height:50px;align-items:end;justify-content:space-between;gap:18px;padding:0 3px 10px;border-bottom:1px solid var(--border)}.section-heading h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(1.45rem,2.6vw,2rem);font-weight:700;line-height:1.08}.scene-list{display:grid;gap:6px;padding:10px 0 0;margin:0;list-style:none}.scene-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;width:100%;min-height:60px;align-items:center;padding:8px 13px 8px 10px;color:var(--ink);text-align:left;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.scene-row:hover{background:var(--surface-raised);border-color:var(--border-strong);transform:translateY(-1px)}.scene-row.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:inset 3px 0 0 var(--accent)}.scene-row.playing{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 58%,var(--border))}.scene-play-icon{display:grid;width:36px;height:36px;place-items:center;color:var(--ink);background:var(--surface-raised);border:1px solid var(--border);border-radius:50%}.scene-row.playing .scene-play-icon{color:#fff;background:var(--accent);border-color:var(--accent)}.scene-play-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.scene-copy{display:grid;min-width:0;gap:2px}.scene-copy strong{overflow:hidden;color:var(--ink);font-size:.83rem;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.scene-copy small{overflow:hidden;color:var(--ink-soft);font-size:.67rem;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.scene-copy .scene-source-path{margin-top:2px;overflow:visible;color:var(--ink-soft);font-size:.7rem;line-height:1.45;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.scene-status{color:var(--accent);font-size:.62rem;font-weight:750;letter-spacing:.08em;text-align:right;text-transform:uppercase}.list-empty-state,.empty-state{padding:24px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--border);border-radius:10px}.list-empty-state{margin-top:10px}.list-empty-state p,.empty-state p{margin:0;color:var(--ink-soft);font-size:.82rem}.empty-state h2{margin:0 0 8px;color:var(--ink);font-family:var(--font-display)}@media(max-width:1060px){.topbar-inner,.studio-shell{width:min(100% - 28px,940px)}.studio-shell{grid-template-columns:286px minmax(0,1fr);gap:14px}.library-panel{padding:15px}.feature-player{grid-template-columns:minmax(300px,.95fr) minmax(260px,1.05fr)}.feature-copy{grid-template-areas:"copy" "transport" "timeline" "footer";grid-template-columns:minmax(0,1fr);column-gap:15px;row-gap:12px;padding:20px}.transport{gap:5px;justify-content:flex-start}.feature-player,.transcript-panel{min-height:310px}.transcript-panel{max-height:310px}.transport-button{width:39px;min-width:39px;height:39px;min-height:39px}.primary-button{width:48px;min-width:48px;height:48px;min-height:48px}}@media(max-width:920px){.app-topbar{z-index:60}.mobile-menu-toggle{display:grid;align-content:center}.studio-shell{grid-template-areas:"player";grid-template-columns:minmax(0,1fr)}.mobile-library-backdrop{position:fixed;z-index:40;top:64px;right:0;bottom:0;left:0;display:block;background:#030d138f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.library-panel{position:fixed;z-index:50;top:64px;bottom:0;left:0;display:flex;width:min(88vw,360px);max-width:100%;max-height:none;flex-direction:column;align-self:auto;padding:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;border-left:0;border-radius:0 14px 14px 0;box-shadow:18px 0 48px #030d133d;visibility:hidden;transform:translate(-105%);pointer-events:none;transition:transform .18s ease,visibility 0s linear .18s}.library-panel.mobile-open{visibility:visible;transform:translate(0);pointer-events:auto;transition-delay:0s}.mobile-library-close{display:grid}.library-browser[open]{display:block;min-height:auto;flex:0 0 auto}.mission-nav{min-height:0;max-height:none;flex:none;overflow:visible}.feature-player{grid-template-columns:minmax(320px,.95fr) minmax(300px,1.05fr)}}@media(max-width:620px){.topbar-inner,.studio-shell{width:min(100% - 20px,600px)}.topbar-inner{min-height:58px;gap:10px}.brand-copy small{font-size:.56rem}.brand-copy strong{font-size:1rem}.theme-toggle{min-width:42px;width:42px;min-height:42px;padding:0}.mobile-menu-toggle{width:42px;min-width:42px;height:42px;min-height:42px;padding:0 10px}.theme-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar-actions{gap:5px}.ui-language-button{min-width:31px;min-height:34px;padding:0 4px;font-size:.6rem}.studio-shell{padding:12px 0 26px}.mobile-library-backdrop,.library-panel{top:58px}.library-panel{width:min(90vw,340px);padding:16px}.feature-player{grid-template-columns:1fr;min-height:0}.transcript-panel{min-height:230px;max-height:230px;border-top:1px solid var(--border)}.transcript-panel.is-collapsed{grid-template-rows:auto;min-height:0;max-height:none}.transcript-panel.is-collapsed .transcript-header{border-bottom:0}.transcript-toggle{display:inline-flex}.feature-copy{grid-template-areas:"copy" "transport" "timeline" "footer";grid-template-columns:minmax(0,1fr);gap:12px;padding:18px;border-right:0}.feature-copy h2{font-size:clamp(1.65rem,8vw,2.1rem)}.transport{justify-content:center}.primary-button,.transport-button{flex:0 0 auto}.timeline{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px}.player-footer{display:flex;grid-template-columns:none}.volume-control{grid-template-columns:19px minmax(90px,130px)}.scene-row{grid-template-columns:38px minmax(0,1fr) auto}.section-heading h2{font-size:1.65rem}}@media(max-width:410px){.app-brand{gap:9px}.brand-stroke{height:28px}.brand-copy small{display:none}.library-panel,.feature-copy{padding:15px}.scene-row{grid-template-columns:36px minmax(0,1fr);gap:9px;padding-right:10px}.scene-status{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}