@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-italic-BicUS2cM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-italic-BfTTTDIL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-italic-Py8at3oI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#29251f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--font-body:"DM Sans Variable", "DM Sans", system-ui, sans-serif;--paper:#f4efe5;--paper-deep:#ece4d6;--surface:#faf6ee;--surface-raised:#fffdf8;--ink:#29251f;--ink-soft:#554e44;--muted:#6c6255;--faint:#776d5f;--line:#e0d7c7;--line-strong:#cbbfac;--accent:#b45135;--accent-deep:#913b23;--accent-soft:#f2e1d7;--danger:#9d3d2b;--stage:#e8e1d4;--shadow-soft:0 1px 2px #362a1a0a, 0 12px 30px -24px #362a1a47;--shadow-canvas:0 1px 1px #2d221414, 0 2px 4px #2d22140d, 0 28px 55px -24px #2d22146b;background:#f4efe5;font-family:DM Sans Variable,DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;overflow:hidden}body:has(.reader){overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{background:0 0;border:0;padding:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}::selection{color:var(--ink);background:#ead0c3}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.grow{flex:1}.eyebrow{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;font-size:9.5px;font-weight:700;line-height:1.4;display:block}.button{letter-spacing:.005em;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:12px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.5}.button-primary{color:#fff9ef;background:var(--ink);border-color:var(--ink);box-shadow:0 1px 2px #231b1033}.button-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.button-soft{color:var(--ink-soft);border-color:var(--line);background:#fffdf8b8;box-shadow:0 1px #ffffff80}.button-soft:hover:not(:disabled){color:var(--ink);background:var(--surface-raised);border-color:var(--line-strong)}.button-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){color:var(--ink);background:#fffdf88c}.button-danger-ghost{width:100%;color:var(--danger);border-color:var(--line);background:0 0}.button-danger-ghost:hover:not(:disabled){background:#fff7f2;border-color:#d9b5a9}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:var(--surface-raised);border-radius:8px;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--danger);background:#fff7f2;border-color:#d9b5a9}.mini-icon-button{width:25px;height:25px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:color .14s,background-color .14s;display:inline-flex}.mini-icon-button:hover:not(:disabled){color:var(--ink);background:var(--paper-deep)}.mini-icon-button:disabled{opacity:.25}.mini-icon-button.sound-preview-button.is-playing{color:var(--accent-deep);background:var(--accent-soft)}.text-button{color:var(--accent-deep);text-align:left;align-self:flex-start;align-items:center;gap:5px;padding:0;font-size:11.5px;font-weight:600;display:inline-flex}.text-button:hover:not(:disabled){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.text-button:disabled{color:var(--faint);text-decoration:none}.app-shell{--story-aspect:16 / 9;--story-aspect-number:1.77778;background:var(--paper);flex-direction:column;height:100dvh;display:flex}.app-shell.story-format-vertical{--story-aspect:9 / 16;--story-aspect-number:.5625}.topbar{z-index:20;border-bottom:1px solid var(--line);background:linear-gradient(180deg, #ffffff75, transparent 80%), var(--paper);flex:0 0 72px;align-items:center;height:72px;padding:0 26px;display:flex}.topbar-brand{flex:0 0 202px;align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{color:#fff7e9;background:linear-gradient(145deg,#bd5c3e 0%,#9f4129 100%);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #fff3,0 5px 12px -7px #5c2917b3}.brand-mark svg{width:72%;height:72%}.brand-copy{flex-direction:column;min-width:0;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.025em;font-size:21px;font-weight:570;line-height:1}.brand-subtitle{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin-top:3px;font-size:8.5px;font-weight:700;line-height:1}.titlebar{border-left:1px solid var(--line);flex-direction:column;flex:1;gap:2px;min-width:0;max-width:560px;padding-left:22px;display:flex}.titlebar-label{font-size:8.5px}.story-title-input{width:100%;color:var(--ink);font-family:var(--font-display);letter-spacing:-.018em;background:0 0;border:0;border-bottom:1px solid #0000;outline:none;padding:0 0 2px;font-size:21px;font-weight:470;line-height:1.25;transition:border-color .15s}.story-title-input:hover{border-bottom-color:var(--line)}.story-title-input:focus{border-bottom-color:var(--accent)}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-history{align-items:center;gap:2px;display:flex}.topbar-icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;transition:color .14s,background-color .14s,opacity .14s;display:inline-flex}.topbar-icon-button:hover:not(:disabled),.topbar-icon-button[aria-expanded=true]{color:var(--ink);background:#3c2f1d12}.topbar-icon-button:disabled{opacity:.28}.topbar-divider{background:var(--line);width:1px;height:19px;margin:0 1px}.topbar-library-button{height:30px;color:var(--muted);border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:10.5px;font-weight:600;transition:color .14s,background-color .14s;display:inline-flex}.topbar-library-button:hover:not(:disabled){color:var(--ink);background:#3c2f1d12}.topbar-library-button:disabled{opacity:.35}.project-menu-wrap{position:relative}.project-menu{z-index:60;border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;width:min(254px,100vw - 24px);padding:5px;animation:.14s ease-out both menu-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:inset 0 1px #ffffffb3,0 18px 40px -14px #2f221252}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-menu-item{text-align:left;border-radius:7px;align-items:flex-start;gap:9px;width:100%;padding:9px;transition:background-color .13s;display:flex}.project-menu-item:hover{background:var(--paper)}.project-menu-icon{border:1px solid var(--line);width:29px;height:29px;color:var(--accent-deep);background:var(--paper);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.project-menu-item>span:last-child{flex-direction:column;gap:1px;min-width:0;padding-top:1px;display:flex}.project-menu-item strong{color:var(--ink);font-size:10.5px;font-weight:600}.project-menu-item small{color:var(--muted);font-size:9px;line-height:1.35}.save-status{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;font-weight:500;display:inline-flex}.save-status-saved svg{color:#66805c}.save-status-error{color:var(--danger)}.studio-grid{flex:1;grid-template-columns:228px minmax(0,1fr) 302px;min-height:0;display:grid}.pages-panel{border-right:1px solid var(--line);background:linear-gradient(#ffffff38,#0000 160px),#f6f1e7;flex-direction:column;min-height:0;padding:23px 14px 18px;display:flex}.panel-heading{flex:none;justify-content:space-between;align-items:flex-start;padding:0 8px 17px;display:flex}.panel-heading h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:3px;font-size:25px;font-weight:520;line-height:1.05}.count-pill{border:1px solid var(--line);min-width:23px;height:21px;color:var(--muted);font-variant-numeric:tabular-nums;background:#fffdf88c;border-radius:99px;justify-content:center;align-items:center;margin-top:3px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.pages-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;gap:13px;min-height:0;padding:2px 4px 14px;display:flex;overflow:hidden auto}.pages-list::-webkit-scrollbar{width:6px}.pages-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}.page-item{flex:none;position:relative}.page-card{text-align:left;border-radius:9px;width:100%;display:block}.page-thumb{width:100%;aspect-ratio:var(--story-aspect);border:1px solid #56442b21;border-radius:8px;transition:box-shadow .16s,border-color .16s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 7px -5px #3f301d59}.page-item.is-active .page-thumb{outline:2px solid var(--accent);outline-offset:2px;border-color:#0000;box-shadow:0 3px 10px -5px #3f301d59,inset 0 0 0 1px #fff9}.page-card:hover .page-thumb{border-color:#56442b47}.page-thumb img{width:100%;height:100%;position:absolute;inset:0}.thumb-shade{pointer-events:none;background:linear-gradient(#1c160f1a 0%,#0000 32% 58%,#1c160f73 100%);position:absolute;inset:0}.thumb-number{color:#fff9ee;font-variant-numeric:tabular-nums;letter-spacing:.08em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f191194;border-radius:4px;padding:2px 5px;font-size:8.5px;font-weight:700;position:absolute;top:7px;left:7px}.thumb-meta{color:#fffaf0e6;letter-spacing:.015em;text-overflow:ellipsis;text-shadow:0 1px 5px #18120c66;white-space:nowrap;font-size:8.5px;font-weight:500;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.page-item-actions{opacity:0;background:#fffbf3ed;border-radius:6px;gap:2px;padding:2px;transition:opacity .14s;display:flex;position:absolute;top:7px;right:7px;box-shadow:0 2px 8px #231a102e}.page-item:hover .page-item-actions,.page-item:focus-within .page-item-actions,.page-item.is-active .page-item-actions{opacity:1}.page-item-actions .mini-icon-button{border-radius:4px;width:20px;height:20px}.page-item-actions .mini-icon-button:hover:not(:disabled){background:var(--paper-deep)}.page-card-copy{justify-content:space-between;align-items:baseline;gap:8px;padding:8px 3px 2px;display:flex}.page-card-title{color:var(--ink-soft);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:550;transition:color .15s;overflow:hidden}.page-item.is-active .page-card-title{color:var(--accent-deep)}.page-card-subtitle{color:var(--faint);letter-spacing:.03em;white-space:nowrap;flex:none;font-size:9px;font-weight:500}.add-page-button{border:1px dashed var(--line-strong);height:37px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;margin:2px 4px 18px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:flex}.add-page-button:hover{color:var(--accent-deep);border-color:var(--accent);background:#fffdf899}.rail-footer{border-top:1px solid var(--line);flex:none;padding:14px 8px 0}.rail-footer-line{background:var(--accent);width:24px;height:1px;margin-bottom:9px;display:block}.rail-footer p{color:var(--ink-soft);font-size:10px;font-weight:600}.rail-footer-note{color:var(--faint);margin-top:3px;font-size:9.5px;line-height:1.4;display:block}.stage-panel{background-color:var(--stage);background-image:radial-gradient(at 50% -15%,#ffffff80,#0000 58%),radial-gradient(#56462f12 .7px,#0000 .7px);background-size:auto,20px 20px;flex-direction:column;min-width:0;min-height:0;display:flex}.stage-toolbar{flex:none;justify-content:space-between;align-items:flex-end;gap:22px;padding:22px 30px 15px;display:flex}.stage-heading{min-width:0}.stage-heading .eyebrow{color:#62594c;margin-bottom:4px;font-size:8.5px}.stage-heading h1{font-family:var(--font-display);letter-spacing:-.032em;text-overflow:ellipsis;white-space:nowrap;font-size:28px;font-weight:480;line-height:1.06;overflow:hidden}.stage-actions{flex:none;align-items:center;gap:7px;display:flex}.stage-actions .button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffcf699;border-color:#78664c33;height:33px}.stage-action-label-short{display:none}.stage-actions .button:hover:not(:disabled){background:#fffdf9e6;border-color:#78664c59}.stage-canvas-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 32px 16px;display:flex}.canvas-frame{width:min(100%, calc((100dvh - 255px) * var(--story-aspect-number)));max-width:1420px;aspect-ratio:var(--story-aspect);background:var(--surface-raised);box-shadow:var(--shadow-canvas);border-radius:4px;position:relative;overflow:hidden}.canvas-frame:after{z-index:2;border-radius:inherit;content:"";pointer-events:none;border:1px solid #43321e1a;position:absolute;inset:0}.story-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%;height:100%;display:block}.empty-scene{pointer-events:none;background:radial-gradient(at 50% 48%,#fffaf2c2,#0000 62%);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.empty-scene-card{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#fffcf6e6;border:1px solid #7d674830;border-radius:13px;width:min(390px,86%);padding:28px 30px 27px;animation:.42s cubic-bezier(.2,.7,.25,1) both empty-in;box-shadow:inset 0 1px #ffffffb3,0 20px 45px -30px #39281480}@keyframes empty-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-scene-icon{width:42px;height:42px;color:var(--accent);background:#fbf1e9;border:1px solid #e5d5c6;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;display:inline-flex}.empty-scene-card .eyebrow{font-size:8px}.empty-scene-card h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:5px;font-size:26px;font-weight:490;line-height:1.12}.empty-scene-card p{max-width:290px;color:var(--muted);margin:9px auto 18px;font-size:11.5px;line-height:1.55}.empty-scene-actions{justify-content:center;align-items:center;gap:6px;display:flex}.empty-scene-actions .button{height:33px;font-size:11px}.empty-scene-actions .button-ghost{color:var(--muted)}.stage-footer{flex:none;justify-content:space-between;align-items:center;gap:14px;padding:7px 32px 18px;display:flex}.stage-hint{color:#62594c;align-items:center;gap:5px;font-size:10px;font-weight:500;display:inline-flex}.stage-hint svg{opacity:.7}.page-stepper{color:#62594c;font-variant-numeric:tabular-nums;letter-spacing:.04em;align-items:center;gap:9px;font-size:9.5px;display:flex}.page-stepper strong{color:var(--ink-soft);font-weight:650}.stepper-button{width:26px;height:26px;color:var(--ink-soft);background:#fffcf666;border:1px solid #715f4538;border-radius:50%;justify-content:center;align-items:center;transition:background-color .14s,border-color .14s,opacity .14s;display:inline-flex}.stepper-button:hover:not(:disabled){background:#fffcf6eb;border-color:#715f4566}.stepper-button:disabled{opacity:.32}.inspector-panel{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.inspector-header{border-bottom:1px solid var(--line);flex:none;padding:23px 23px 16px}.inspector-header h2{font-family:var(--font-display);letter-spacing:-.03em;margin-top:3px;font-size:24px;font-weight:500;line-height:1.08}.inspector-body{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;gap:20px;min-height:0;padding:19px 22px 25px;display:flex;overflow:hidden auto}.inspector-body::-webkit-scrollbar{width:6px}.inspector-body::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}.inspector-section{border-top:1px solid var(--line);flex-direction:column;gap:11px;padding-top:18px;display:flex}.section-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.section-heading h3{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.section-heading span{color:var(--faint);font-size:9.5px}.inspector-footer{border-top:1px solid var(--line);background:linear-gradient(180deg, #faf6eeb3, var(--surface));flex:none;padding:13px 22px 16px}.field{flex-direction:column;gap:6px;display:flex}.field>label,.field-label{color:var(--ink-soft);letter-spacing:.005em;font-size:10.5px;font-weight:600}.text-input{border:1px solid var(--line);width:100%;height:35px;color:var(--ink);background:var(--surface-raised);border-radius:7px;outline:none;padding:0 10px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.text-input:hover{border-color:var(--line-strong)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b451351a}.button-row{align-items:center;gap:6px;display:flex}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;display:grid}.field.compact{gap:5px}.background-preview{width:100%;aspect-ratio:var(--story-aspect);border:1px solid var(--line);border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.story-format-vertical .background-preview{width:min(100%,210px);margin-inline:auto}.background-preview img{width:100%;height:100%}.background-preview-empty{color:var(--muted);flex-direction:column;align-items:center;gap:5px;font-size:9.5px;font-weight:500;display:flex}.color-control{border:1px solid var(--line);height:35px;color:var(--ink-soft);background:var(--surface-raised);font-variant-numeric:tabular-nums;letter-spacing:.01em;cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:9px;font-weight:550;display:flex;position:relative;overflow:hidden}.color-control:hover{border-color:var(--line-strong)}.color-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #b451351a}.color-control input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-swatch{border:1px solid #3a2b192e;border-radius:4px;flex:none;width:16px;height:16px;box-shadow:inset 0 1px 1px #ffffff47}.segmented{border:1px solid var(--line);background:var(--paper);border-radius:7px;height:35px;padding:3px;display:flex}.segmented button{color:var(--muted);border-radius:4px;flex:1;font-size:10px;font-weight:600;transition:color .14s,background-color .14s,box-shadow .14s}.segmented button:hover:not(.is-active){color:var(--ink-soft)}.segmented button.is-active{color:var(--ink);background:var(--surface-raised);box-shadow:0 1px 3px #3327171f}.stat-row{border-bottom:1px dotted var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;padding-bottom:7px;font-size:10.5px;display:flex}.stat-row:last-child{border-bottom:0;padding-bottom:0}.stat-row strong{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.element-preview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:9px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.element-preview img{object-fit:contain;filter:drop-shadow(0 8px 12px #3426142e);width:100%;height:100%;padding:12px}.element-preview-empty{color:var(--muted);flex-direction:column;align-items:center;gap:5px;font-size:9.5px;display:flex}.element-preview-badge{color:var(--ink-soft);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffcf6d6;border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:8.5px;font-weight:600;display:inline-flex;position:absolute;bottom:7px;right:7px;box-shadow:0 1px 4px #3224141f}.inspector-hint{border:1px dashed var(--line-strong);color:var(--muted);background:#faf6ee8c;border-radius:7px;align-items:flex-start;gap:6px;margin:0;padding:9px 10px;font-size:9.5px;line-height:1.5;display:flex}.inspector-hint svg{color:var(--accent);flex:none;margin-top:1px}.motion-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.motion-icon{width:30px;height:30px;color:var(--accent-deep);background:var(--accent-soft);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.motion-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.motion-copy strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.motion-copy span{color:var(--faint);font-variant-numeric:tabular-nums;font-size:8.5px}.motion-actions{gap:6px}.motion-actions .button{height:31px;padding:0 9px;font-size:10px}.motion-legend{color:var(--faint);align-items:center;gap:9px;font-size:8.5px;display:flex}.motion-legend>span{align-items:center;gap:4px;display:inline-flex}.motion-legend>svg{color:var(--muted);margin-left:auto}.speed-swatch{border-radius:50%;width:7px;height:7px;display:inline-block}.speed-swatch.is-slow{background:#4d778b}.speed-swatch.is-normal{background:var(--accent)}.speed-swatch.is-fast{background:#a8742e}.sound-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.sound-icon{width:30px;height:30px;color:var(--accent-deep);background:var(--accent-soft);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sound-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sound-copy strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.sound-copy span{color:var(--faint);font-variant-numeric:tabular-nums;font-size:8.5px}.upload-drop{border:1px dashed var(--line-strong);width:100%;color:var(--muted);text-align:left;background:#fffdf875;border-radius:8px;align-items:center;gap:10px;padding:10px 11px;transition:color .15s,border-color .15s,background-color .15s;display:flex}.upload-drop:hover:not(:disabled){color:var(--accent-deep);border-color:var(--accent);background:var(--surface-raised)}.upload-drop>svg{flex:none}.upload-drop span{flex-direction:column;gap:1px;min-width:0;display:flex}.upload-drop strong{font-size:10.5px;font-weight:600}.upload-drop small{color:var(--faint);font-size:8.5px;font-weight:400}.range-field{flex-direction:column;gap:3px;display:flex}.range-label{color:var(--ink-soft);justify-content:space-between;align-items:baseline;font-size:10.5px;font-weight:600;display:flex}.range-label span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:500}input[type=range]{width:100%;height:17px;color:var(--accent);appearance:none;cursor:pointer;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#e6ddce;border-radius:99px;height:3px}input[type=range]::-webkit-slider-thumb{background:var(--accent);appearance:none;border:2px solid #fffaf1;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 4px #4a2d1959}input[type=range]::-moz-range-track{background:#e6ddce;border-radius:99px;height:3px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #fffaf1;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #4a2d1959}input[type=range]:disabled{opacity:.38;cursor:not-allowed}.layer-row{padding-top:3px}.layer-row .button{padding:0 8px;font-size:10px}.reset-button{color:var(--muted);margin-top:3px;font-size:10px}.reset-button:hover:not(:disabled){color:var(--ink-soft)}body:has(dialog[open]){overflow:hidden}.library-dialog{width:min(972px,100vw - 48px);max-width:none;height:min(724px,100dvh - 64px);max-height:none;color:var(--ink);background:var(--surface);border:0;border-radius:15px;margin:auto;padding:0;overflow:hidden;box-shadow:inset 0 1px #fff9,0 45px 110px -25px #1b130a9e}.library-dialog[open]{flex-direction:column;display:flex}.library-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c17108f}.library-shell{background:linear-gradient(180deg, #ffffff57, transparent 140px), var(--surface);flex-direction:column;flex:1;min-height:0;display:flex}.library-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:22px;padding:24px 26px 17px;display:flex}.library-heading{min-width:0}.library-heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin-top:3px;font-size:30px;font-weight:500;line-height:1.04}.library-heading p{color:var(--muted);margin-top:5px;font-size:10.5px}.library-header-actions{flex:none;align-items:center;gap:8px;display:flex}.library-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:color .14s,border-color .14s,background-color .14s;display:inline-flex}.library-close:hover{color:var(--ink);border-color:var(--line-strong);background:var(--paper)}.library-notice{color:#713a27;background:#fcf0e8;border-bottom:1px solid #e4d3c4;flex:none;align-items:flex-start;gap:8px;padding:9px 26px;font-size:10px;line-height:1.45;animation:.18s ease-out both library-notice-in;display:flex}@keyframes library-notice-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.library-notice>svg{flex:none;margin-top:1px}.library-notice>span{flex:1}.library-notice>button{color:#956453;border-radius:4px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;margin-top:-2px;display:inline-flex}.library-notice>button:hover{color:var(--ink);background:#78483117}.library-toolbar{border-bottom:1px solid var(--line);background:#f4efe570;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 26px;display:flex}.library-filters{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:2px;padding:3px;display:flex}.library-filters button{height:27px;color:var(--muted);border-radius:5px;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:600;transition:color .14s,background-color .14s,box-shadow .14s;display:inline-flex}.library-filters button:hover:not(.is-active){color:var(--ink-soft)}.library-filters button.is-active{color:var(--ink);background:var(--surface-raised);box-shadow:0 1px 3px #3527161a}.library-filters button span{min-width:16px;height:15px;color:var(--faint);font-variant-numeric:tabular-nums;background:#5f4f3712;border-radius:99px;justify-content:center;align-items:center;padding:0 4px;font-size:8px;font-weight:650;display:inline-flex}.library-count{color:var(--faint);letter-spacing:.02em;font-size:9px;font-weight:500}.library-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;gap:25px;min-height:0;padding:21px 26px 27px;display:flex;overflow:hidden auto}.library-scroll::-webkit-scrollbar{width:7px}.library-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:2px solid #0000;border-radius:99px}.library-section{flex-direction:column;gap:10px;display:flex}.library-section-heading{align-items:baseline;gap:7px;display:flex}.library-section-heading h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:540}.library-section-heading span{border:1px solid var(--line);min-width:19px;height:17px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:99px;justify-content:center;align-items:center;padding:0 5px;font-size:8px;font-weight:600;display:inline-flex}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.asset-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}.asset-card:hover{border-color:var(--line-strong);box-shadow:0 10px 22px -18px #31241373}.asset-preview{aspect-ratio:16/9;border-bottom:1px solid var(--line);width:100%;color:var(--faint);background:radial-gradient(circle at 50% 46%,#ffffffb8,#0000 70%),#eee7da;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.asset-preview img{object-fit:contain;filter:drop-shadow(0 5px 7px #2e20111f);width:100%;height:100%;padding:7px}.asset-usage{z-index:1;color:#fffaf1e0;font-variant-numeric:tabular-nums;letter-spacing:.025em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#261f158a;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:600;position:absolute;top:7px;left:7px}.asset-usage.is-used{color:#fff8ec;background:#4f4d30b8}.asset-card-body{flex-direction:column;gap:2px;min-width:0;padding:9px 10px 10px;display:flex}.asset-name{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1.35;overflow:hidden}.asset-meta{color:var(--faint);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.asset-actions{border-top:1px dotted var(--line);align-items:center;gap:3px;margin-top:8px;padding-top:8px;display:flex}.asset-action{min-width:0;height:26px;color:var(--ink-soft);background:var(--paper);white-space:nowrap;border:1px solid #0000;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:9px;font-weight:600;transition:color .14s,background-color .14s;display:inline-flex}.asset-action:hover:not(:disabled){color:var(--accent-deep);background:var(--accent-soft)}.asset-action:disabled{opacity:.42}.asset-action.sound-preview-action.is-playing{color:var(--accent-deep);background:var(--accent-soft)}.asset-remove{width:27px;height:26px;color:var(--faint);border-radius:5px;flex:none;justify-content:center;align-items:center;transition:color .14s,background-color .14s;display:inline-flex}.asset-remove:hover{color:var(--danger);background:#fff0ea}.audio-preview{background:radial-gradient(circle at 50% 45%,#fffcf5eb,#0000 62%),linear-gradient(145deg,#eee2cf,#e7ddcd)}.audio-art{width:47px;height:47px;color:var(--accent);background:#fffcf6bd;border:1px solid #deceba;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 8px 16px -11px #442e1673}.audio-duration{color:var(--ink-soft);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffbf4d1;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:600;position:absolute;bottom:7px;right:7px}.library-note{border:1px dashed var(--line-strong);color:var(--muted);background:#faf6ee8c;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:9.5px;line-height:1.45;display:flex}.library-note svg{opacity:.75;flex:none}.library-note.is-ready{color:var(--ink-soft);background:#fcf3e9;border-style:solid;border-color:#ddcbb9}.library-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:50px 24px;display:flex}.library-empty-icon{width:50px;height:50px;color:var(--accent);background:#fbf1e9;border:1px solid #e3d3c2;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.library-empty h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:24px;font-weight:500}.library-empty p{max-width:380px;color:var(--muted);margin:7px auto 17px;font-size:10.5px;line-height:1.6}.library-filter-empty{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:46px 20px;font-size:10.5px;display:flex}.library-filter-empty svg{opacity:.65}.library-footer{border-top:1px solid var(--line);background:#f4efe580;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:12px 26px;display:flex}.library-footer>span{color:var(--faint);font-size:9px;line-height:1.4}.library-footer .button{flex:none}.reader{z-index:100;color:#f6efe3;background:radial-gradient(at 50% 30%,#ae6b442b,#0000 49%),radial-gradient(at 50% 120%,#677c5b1a,#0000 52%),#191611;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.reader:before{content:"";pointer-events:none;background-image:radial-gradient(#fff5e10a .6px,#0000 .6px);background-size:17px 17px;position:absolute;inset:0}.reader-header{z-index:3;justify-content:space-between;align-items:center;gap:20px;padding:18px 25px 12px;display:flex}.reader-brand{align-items:center;gap:10px;min-width:0;display:flex}.reader-brand .brand-mark{color:#f5e7d3;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff1f}.reader-story-title{color:#f6efe3c2;font-family:var(--font-display);letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:420;overflow:hidden}.reader-actions{flex:none;align-items:center;gap:8px;display:flex}.reader-icon-button{color:#f6efe3a6;background:#ffffff09;border:1px solid #fff7e821;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.reader-icon-button:hover{color:#fff8ec;background:#ffffff14;border-color:#fff7e84d}.reader-close-button{color:#f6efe3bd;background:0 0;border:1px solid #fff7e826;border-radius:99px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:10.5px;font-weight:550;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.reader-close-button:hover{color:#fff8ed;background:#ffffff0d;border-color:#fff7e84d}.reader-stage{perspective:1800px;justify-content:center;align-items:center;gap:22px;min-height:0;padding:4px 25px 10px;display:flex}.reader-canvas-frame{aspect-ratio:16/9;width:min(100%,177.778dvh - 309.333px);max-width:1440px;transform-style:preserve-3d;background:#fffdf8;border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px #fff4e21a,0 42px 90px -30px #000000e6,0 8px 25px #0000004d}.reader-transition-initial{animation:.42s cubic-bezier(.2,.7,.25,1) both reader-page-in}.reader-transition-forward{animation:.44s cubic-bezier(.2,.7,.25,1) both reader-page-forward}.reader-transition-back{animation:.44s cubic-bezier(.2,.7,.25,1) both reader-page-back}@keyframes reader-page-in{0%{opacity:0;transform:translateY(7px)scale(.996)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reader-page-forward{0%{opacity:0;filter:blur(1.5px);transform:translate(38px)rotateY(-2.8deg)scale(.988)}to{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}}@keyframes reader-page-back{0%{opacity:0;filter:blur(1.5px);transform:translate(-38px)rotateY(2.8deg)scale(.988)}to{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}}.reader-arrow{color:#f6efe3ad;background:#ffffff06;border:1px solid #fff7e81f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:39px;height:39px;transition:color .15s,border-color .15s,background-color .15s,opacity .15s;display:inline-flex}.reader-footer{z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:12px 27px 22px;display:grid}.reader-page-label{color:#f6efe3b8;font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;font-weight:600}.reader-dots{justify-content:center;align-items:center;gap:6px;display:flex}.reader-dots button{background:#f6efe33d;border-radius:99px;width:5px;height:5px;transition:width .18s,background-color .18s}.reader-footer-title{color:#f6efe36b;font-family:var(--font-display);letter-spacing:.005em;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:italic;font-weight:400;overflow:hidden}.splash{background:radial-gradient(ellipse at 50% 35%, #b86c4b1c, transparent 44%), var(--paper);place-items:center;min-height:100dvh;display:grid}.splash-content{flex-direction:column;align-items:center;gap:10px;display:flex}.splash-title{font-family:var(--font-display);letter-spacing:-.035em;margin-top:7px;font-size:32px;font-weight:520}.splash-status{color:var(--muted);letter-spacing:.02em;align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex}.root-error{text-align:center;max-width:400px;padding:24px}.root-error-copy{color:var(--muted);margin:2px 0 16px;font-size:12px;line-height:1.6}.toast{z-index:300;color:#fbf4e8;background:#2b251e;border:1px solid #ffffff17;border-radius:9px;align-items:flex-start;gap:9px;width:max-content;max-width:min(520px,100vw - 32px);padding:11px 12px 11px 13px;font-size:11px;line-height:1.5;animation:.22s ease-out both toast-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px -12px #19120a99}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.toast-icon{color:#d28a6b;flex:none;margin-top:1px}.toast-close{color:#fbf4e880;border-radius:4px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;margin:-1px -2px 0 2px;display:inline-flex}.toast-close:hover{color:#fff9ef;background:#ffffff14}:is(body:has(dialog[open]) .toast,body:has(.reader) .toast){visibility:hidden;pointer-events:none}@media (width<=1240px){.studio-grid{grid-template-columns:212px minmax(0,1fr) 282px}.topbar-brand{flex-basis:186px}.stage-toolbar{padding-left:24px;padding-right:24px}.stage-canvas-area,.stage-footer{padding-left:25px;padding-right:25px}.inspector-header{padding-left:20px;padding-right:20px}.inspector-body,.inspector-footer{padding-left:19px;padding-right:19px}}@media (width<=1080px) and (width>=961px){.studio-grid{grid-template-columns:190px minmax(0,1fr) 264px}.topbar-brand{flex-basis:162px}.brand-copy,.save-status{display:none}.titlebar{padding-left:18px}.stage-heading h1{font-size:25px}.stage-actions .button{padding:0 10px;font-size:11px}.stage-toolbar{gap:12px}.field-row{grid-template-columns:1fr}.empty-scene-card{padding:22px 24px}.empty-scene-card h2{font-size:23px}}@media (height<=780px) and (width>=961px){.topbar{flex-basis:64px;height:64px}.stage-toolbar{padding-top:14px;padding-bottom:9px}.stage-heading h1{font-size:25px}.canvas-frame{width:min(100%, calc((100dvh - 216px) * var(--story-aspect-number)))}.stage-footer{padding-bottom:10px}.empty-scene-card{padding:20px 24px}.empty-scene-card p{margin:7px auto 13px}.empty-scene-icon{display:none}}@media (width<=960px){body{overflow-y:auto}.app-shell{height:auto;min-height:100dvh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;gap:9px;height:auto;min-height:68px;padding:11px 16px;position:sticky;top:0}.topbar-brand{flex:none}.topbar-actions{gap:10px}.save-status{display:none}.titlebar{border-top:1px solid var(--line);border-left:0;flex-basis:100%;order:3;max-width:none;padding:7px 0 0}.titlebar-label{display:none}.story-title-input{font-size:17px}.studio-grid{flex-direction:column;min-height:0;display:flex}.stage-panel{flex:none;order:1}.stage-toolbar{padding:18px 18px 11px}.stage-canvas-area{flex:none;padding:6px 18px 12px}.canvas-frame{width:min(100%,940px)}.story-format-vertical .canvas-frame{width:min(100%,420px)}.stage-footer{padding:3px 18px 15px}.pages-panel{border-top:1px solid var(--line);border-right:0;order:2;min-height:auto;padding:16px 16px 12px}.panel-heading{padding:0 2px 11px}.panel-heading h2{font-size:21px}.pages-list{scroll-snap-type:x proximity;flex-direction:row;flex:none;gap:10px;padding:2px 0 10px;overflow:auto hidden}.page-item{scroll-snap-align:start;flex:0 0 178px}.page-item-actions{opacity:1}.page-card-copy{padding-top:7px}.page-card-subtitle{display:none}.add-page-button{width:max-content;min-width:150px;margin:0 0 2px}.rail-footer{display:none}.inspector-panel{border-top:1px solid var(--line);border-left:0;order:3;min-height:auto}.inspector-header{padding-top:20px}.inspector-body{overflow:visible}.inspector-section{padding-top:17px}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.empty-scene-card{width:min(360px,88%)}.library-dialog{width:calc(100vw - 28px);height:calc(100dvh - 28px)}}@media (width<=760px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-header{padding:20px 20px 15px}.library-toolbar{padding:11px 20px}.library-scroll{padding:18px 20px 22px}.library-footer{padding:11px 20px}.library-heading h2{font-size:27px}}@media (width<=640px){.topbar{padding:9px 13px}.brand-mark{border-radius:8px;width:30px!important;height:30px!important}.wordmark{font-size:19px}.brand-subtitle{display:none}.topbar-actions{gap:6px}.topbar-divider{display:none}.topbar-history{gap:0}.topbar-icon-button,.topbar-library-button{width:29px;height:29px;padding:0}.library-trigger-label{display:none}.topbar-actions .button{height:32px;padding:0 11px;font-size:11px}.project-menu{right:-62px}.stage-toolbar{flex-wrap:wrap;align-items:flex-start;gap:11px;padding:16px 13px 9px}.stage-heading{flex:150px}.stage-heading h1{font-size:23px}.stage-actions{flex:auto;justify-content:flex-end}.stage-actions .button{flex:1;min-width:0;padding-left:8px;padding-right:8px}.stage-action-label-wide{display:none}.stage-action-label-short{display:inline}.stage-canvas-area{padding:5px 13px 10px}.stage-footer{padding:2px 13px 13px}.stage-hint{display:none}.page-stepper{margin-left:auto}.pages-panel{padding:14px 13px 10px}.page-item{flex-basis:154px}.inspector-header,.inspector-body,.inspector-footer{padding-left:16px;padding-right:16px}.empty-scene{padding:12px}.empty-scene-card{width:min(330px,94%);padding:17px 18px 16px}.empty-scene-icon{display:none}.empty-scene-card h2{font-size:21px}.empty-scene-card p{margin:6px auto 12px;font-size:10.5px;line-height:1.45}.empty-scene-actions{flex-wrap:wrap}.empty-scene-actions .button-primary{flex:1}.empty-scene-actions .button-ghost{display:none}.reader-header{gap:10px;padding:12px 13px 8px}.reader-story-title{max-width:42vw;font-size:14px}.reader-actions{gap:6px}.reader-icon-button{width:31px;height:31px}.reader-close-button{height:31px;padding:0 9px;font-size:9px}.reader-stage{padding:4px 12px 8px;position:relative}.reader-arrow{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1915107a;border-color:#fff7e829;width:35px;height:35px;position:absolute}.reader-arrow-left{left:20px}.reader-arrow-right{right:20px}.reader-footer{grid-template-columns:auto 1fr;gap:10px;padding:9px 16px 16px}.reader-dots{justify-self:end}.reader-footer-title{display:none}.toast{bottom:14px}}@media (width<=520px){.brand-copy{display:none}.topbar-brand{flex-basis:auto}.library-dialog{border-radius:0;width:100vw;height:100dvh}.library-header{flex-direction:column;gap:12px;padding:16px 16px 12px}.library-heading h2{font-size:26px}.library-heading p{font-size:10px}.library-header-actions{width:100%}.library-header-actions .button{flex:1}.library-toolbar{flex-wrap:wrap;padding:10px 16px}.library-count{display:none}.library-scroll{padding:16px 16px 20px}.asset-grid{grid-template-columns:minmax(0,1fr)}.library-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom));justify-content:stretch}.library-footer>span{display:none}.library-footer .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:is(body:has(.auth-page),body:has(.dashboard-page),body:has(.studio-error-page)){overflow:auto}.account-trigger{height:30px;color:var(--ink-soft);border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:7px;padding:1px 4px 1px 2px;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{color:var(--ink);border-color:var(--line);background:#fffdf8b3}.account-trigger:disabled{opacity:.45}.account-avatar{color:#fff7e9;width:26px;height:26px;font-family:var(--font-display);background:linear-gradient(145deg,#bd5c3e 0%,#913b23 100%);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px #fff3,0 4px 10px -6px #5c2917a6}.account-avatar-large{width:34px;height:34px;font-size:15px}.account-trigger-name{max-width:112px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.account-menu{width:238px}.account-menu-header{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin-bottom:4px;padding:9px 9px 10px;display:flex}.account-menu-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.account-menu-copy strong{color:var(--ink);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:540;overflow:hidden}.account-menu-copy small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.save-status-retry{font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.save-status-retry:hover{text-decoration-color:currentColor}.auth-page{background:var(--paper);grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:100dvh;display:grid}.auth-hero{color:#f8f0e1;background:radial-gradient(circle at 10% 4%,#d8896345,#0000 34rem),radial-gradient(circle at 90% 90%,#8f58362e,#0000 28rem),linear-gradient(160deg,#352d23 0%,#272119 58%,#1e1a15 100%);flex-direction:column;min-height:100dvh;padding:clamp(30px,3.8vw,54px);display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#fff8ea0e .7px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0}.auth-hero-glow{filter:blur(82px);pointer-events:none;background:#c46d4d33;border-radius:50%;width:28rem;height:28rem;position:absolute;top:12%;right:-11rem}.auth-hero-top,.auth-hero-copy,.auth-spread,.auth-hero-footer{z-index:1;position:relative}.auth-hero-top{align-items:center;gap:11px;display:flex}.auth-hero-top>div{flex-direction:column;gap:2px;display:flex}.auth-wordmark{font-family:var(--font-display);letter-spacing:-.025em;font-size:21px;font-weight:560;line-height:1}.auth-wordmark-sub{color:#f8f0e18f;letter-spacing:.23em;text-transform:uppercase;font-size:8.5px;font-weight:700;line-height:1}.auth-hero-copy{max-width:620px;margin-top:auto;padding-top:clamp(48px,7vh,92px)}.auth-hero-kicker{color:#dda88e;letter-spacing:.22em;text-transform:uppercase;font-size:9.5px;font-weight:700;display:block}.auth-hero-title{color:#fbf4e8;font-family:var(--font-display);letter-spacing:-.045em;margin-top:15px;font-size:clamp(42px,4.6vw,72px);font-weight:480;line-height:.98}.auth-hero-title em{color:#e7b49b;font-weight:420}.auth-hero-lede{color:#f8f0e1a6;max-width:33rem;margin-top:21px;font-size:clamp(13px,1.08vw,15px);line-height:1.7}.auth-spread{border:1px solid #fff8ea29;border-radius:7px;grid-template-columns:1fr 1fr;width:min(100%,620px);margin-top:clamp(32px,5vh,54px);display:grid;overflow:hidden;transform:rotate(-.7deg);box-shadow:0 2px 2px #0e0a0624,0 32px 60px -28px #000000b3}.auth-spread-page{color:#3b3328;background:linear-gradient(105deg,#6e563717,#0000 18%),#f7f0e2;flex-direction:column;min-height:270px;padding:24px 25px 19px;display:flex;position:relative}.auth-spread-page-left{background:linear-gradient(90deg,#6e563705,#6e563721),#f7f0e2;border-right:1px solid #604c302e}.auth-spread-chapter{color:#9b6c53;letter-spacing:.19em;text-transform:uppercase;font-size:7.5px;font-weight:700}.auth-spread-heading{font-family:var(--font-display);letter-spacing:-.025em;margin-top:7px;font-size:20px;font-weight:540}.auth-spread-page p{color:#5a4d3b;font-family:var(--font-display);margin-top:12px;font-size:11.2px;line-height:1.62}.auth-dropcap{float:left;color:#9c4b31;font-family:var(--font-display);margin:3px 5px 0 0;font-size:42px;font-weight:500;line-height:.76}.auth-spread-folio{color:#a08e74;font-family:var(--font-display);margin-top:auto;padding-top:15px;font-size:9px}.auth-spread-page-right{text-align:center;justify-content:space-between;align-items:center}.auth-spread-art{background:linear-gradient(#e7d7bd 0%,#f1e4cf 100%);border-radius:3px;width:100%;height:122px;position:relative;overflow:hidden}.auth-spread-sun{background:#c06b48;border-radius:50%;width:31px;height:31px;position:absolute;top:19px;right:32px;box-shadow:0 0 0 9px #c06b481f}.auth-spread-hill{border-radius:50%;position:absolute;bottom:-34px}.auth-spread-hill-back{background:#a7a184;width:210px;height:105px;left:-36px}.auth-spread-hill-front{background:#767d61;width:235px;height:125px;right:-68px}.auth-spread-bird{border-top:1px solid #4b3d298c;border-radius:50%;width:22px;height:7px;position:absolute;top:33px;left:29px;transform:rotate(-8deg)}.auth-spread-bird:after{content:"";border-top:1px solid #4b3d298c;border-radius:50%;width:17px;height:6px;position:absolute;top:-1px;left:17px;transform:rotate(18deg)}.auth-spread-caption{color:#6a5b47;font-family:var(--font-display);padding:12px 7px 0;font-size:10.5px;font-style:italic;line-height:1.5}.auth-hero-footer{color:#f8f0e16b;letter-spacing:.03em;align-items:center;gap:10px;margin-top:auto;padding-top:32px;font-size:9.5px;display:flex}.auth-hero-rule{background:#f8f0e13d;width:24px;height:1px}.auth-panel{background:radial-gradient(circle at 80% 8%, #b4513512, transparent 24rem), var(--paper);justify-content:center;align-items:center;padding:clamp(32px,5vw,64px);display:flex}.auth-card{width:min(100%,416px)}.auth-card-eyebrow{color:var(--accent-deep)}.auth-card-title{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;margin-top:9px;font-size:clamp(34px,3.2vw,45px);font-weight:490;line-height:1.02}.auth-card-lede{color:var(--muted);margin-top:13px;font-size:12.5px;line-height:1.62}.auth-tabs{border:1px solid var(--line);background:var(--paper-deep);border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;margin-top:28px;margin-bottom:24px;padding:3px;display:grid}.auth-tabs button{height:34px;color:var(--muted);border-radius:7px;font-size:11.5px;font-weight:600;transition:color .15s,background-color .15s,box-shadow .15s}.auth-tabs button:hover{color:var(--ink)}.auth-tabs button.is-active{color:var(--ink);background:var(--surface-raised);box-shadow:0 1px 3px #3326151f}.auth-tabs button:disabled{opacity:.62}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field-label{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.auth-input-wrap{display:block;position:relative}.auth-input-icon{z-index:1;color:var(--faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.auth-input{border:1px solid var(--line-strong);width:100%;height:46px;color:var(--ink);background:var(--surface-raised);border-radius:9px;outline:none;padding:0 14px;font-size:13px;transition:border-color .15s,box-shadow .15s,background-color .15s}.auth-input-wrap .auth-input{padding-left:40px}.auth-input-wrap .auth-input-password{padding-right:45px}.auth-input::placeholder{color:#9a8f80}.auth-input:hover{border-color:#baa991}.auth-input:focus{border-color:var(--accent);background:#fffdf9;box-shadow:0 0 0 3px #b451351c}.auth-input[aria-invalid=true]{background:#fffaf6;border-color:#bd6a56}.auth-input:disabled{color:var(--muted);background:var(--paper-deep);opacity:.75}.auth-password-toggle{width:30px;height:30px;color:var(--faint);border-radius:6px;justify-content:center;align-items:center;transition:color .14s,background-color .14s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--ink);background:var(--paper)}.auth-username-hint{align-items:center;gap:5px;min-height:14px;font-size:10px;font-weight:600;display:inline-flex}.auth-username-hint.is-checking{color:var(--muted)}.auth-username-hint.is-available{color:#557349}.auth-username-hint.is-taken,.auth-username-hint.is-error{color:var(--danger)}.auth-alert{color:#7c3020;background:#fff4ee;border:1px solid #ddb9ab;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.auth-alert svg{flex:none;margin-top:1px}.auth-submit{border:1px solid var(--ink);color:#fff9ef;background:var(--ink);border-radius:9px;justify-content:center;align-items:center;gap:8px;height:46px;margin-top:3px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 10px 20px -16px #29251fb3}.auth-submit:hover:not(:disabled){border-color:var(--accent);background:var(--accent)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{opacity:.62}.auth-note{color:var(--faint);align-items:flex-start;gap:6px;margin-top:19px;font-size:10px;line-height:1.5;display:flex}.auth-note svg{flex:none;margin-top:1px}.auth-switch{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:18px;font-size:11.5px}.auth-switch button{color:var(--accent-deep);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.auth-switch button:hover{text-decoration-color:currentColor}.auth-switch button:disabled{opacity:.55;text-decoration:none}.dashboard-page{background:radial-gradient(circle at 12% -4%, #bd5c3e14, transparent 32rem), radial-gradient(circle at 90% 4%, #6b7c680f, transparent 25rem), var(--paper);flex-direction:column;min-height:100dvh;display:flex}.dashboard-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4efe5e0;justify-content:space-between;align-items:center;gap:22px;min-height:76px;padding:12px clamp(20px,5vw,64px);display:flex;position:sticky;top:0}.dashboard-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.dashboard-brand-copy{flex-direction:column;gap:3px;display:flex}.dashboard-account{align-items:center;gap:16px;display:flex}.dashboard-user{align-items:center;gap:8px;min-width:0;display:inline-flex}.dashboard-username{max-width:220px;color:var(--ink-soft);font-family:var(--font-display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.dashboard-signout{height:32px;color:var(--muted);padding:0 10px;font-size:10.5px}.dashboard-main{flex:1;width:min(100%,1248px);margin:0 auto;padding:clamp(38px,5.5vw,68px) clamp(20px,5vw,64px) 84px}.dashboard-intro{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.dashboard-intro-copy{max-width:640px}.dashboard-kicker{color:var(--accent-deep)}.dashboard-title{color:var(--ink);font-family:var(--font-display);letter-spacing:-.05em;margin-top:8px;font-size:clamp(43px,5.4vw,68px);font-weight:480;line-height:.98}.dashboard-lede{max-width:32rem;color:var(--muted);margin-top:15px;font-size:13px;line-height:1.66}.dashboard-new{border-radius:9px;flex:none;height:42px;padding:0 17px;font-size:12px;box-shadow:0 10px 20px -16px #29251fcc}.dashboard-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:38px;padding-bottom:13px;display:flex}.dashboard-count{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:9.5px;font-weight:700}.dashboard-refresh{color:var(--muted);align-items:center;gap:6px;font-size:10.5px;font-weight:600;transition:color .14s;display:inline-flex}.dashboard-refresh:hover:not(:disabled){color:var(--ink)}.dashboard-refresh:disabled{opacity:.5}.story-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:22px;margin-top:26px;display:grid}.story-card{border:1px solid var(--line);min-width:0;color:inherit;background:var(--surface-raised);box-shadow:var(--shadow-soft);border-radius:15px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.story-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 2px 3px #362a1a0f,0 22px 38px -26px #362a1a75}.story-cover{aspect-ratio:16/10;flex-direction:column;padding:17px 19px;display:flex;position:relative;overflow:hidden}.story-cover:after{content:"";pointer-events:none;background:radial-gradient(circle at 82% 18%,#ffffff24,#0000 36%),linear-gradient(#0000 55%,#120c081f);position:absolute;inset:0}.story-cover-kicker{z-index:1;letter-spacing:.22em;opacity:.68;text-transform:uppercase;font-size:7.5px;font-weight:700;position:relative}.story-cover-mark{z-index:1;font-family:var(--font-display);letter-spacing:-.05em;opacity:.92;margin:auto 0;font-size:clamp(62px,6vw,82px);font-weight:470;line-height:.8;position:relative}.story-cover-lines{z-index:1;flex-direction:column;gap:6px;width:34%;display:flex;position:absolute;bottom:18px;right:19px}.story-cover-lines i{height:1px;display:block}.story-card-body{flex-direction:column;flex:1;gap:6px;padding:15px 18px 16px;display:flex}.story-card-title{color:var(--ink);font-family:var(--font-display);letter-spacing:-.03em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:21px;font-weight:520;line-height:1.1;display:-webkit-box;overflow:hidden}.story-card-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:4px;font-size:9.5px;display:flex}.story-card-arrow{color:var(--accent);flex:none;transition:transform .17s}.story-card:hover .story-card-arrow{transform:translate(2px,-2px)}.story-card-skeleton{pointer-events:none}.story-cover-skeleton{background:linear-gradient(100deg,#e9e0d1 20%,#f3ecdf 42%,#e9e0d1 64%) 0 0/220% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-line{background:linear-gradient(100deg,#e9e0d1 20%,#f3ecdf 42%,#e9e0d1 64%) 0 0/220% 100%;border-radius:999px;height:10px;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-line-title{width:68%;height:17px}.skeleton-line-meta{width:44%;height:8px;margin-top:14px}@keyframes skeleton-shimmer{0%{background-position:130% 0}to{background-position:-90% 0}}.dashboard-notice{box-shadow:var(--shadow-soft);background:#fff7f1;border:1px solid #ddb9ab;border-radius:14px;align-items:center;gap:16px;margin-top:26px;padding:22px 24px;display:flex}.dashboard-notice-icon{width:42px;height:42px;color:var(--danger);background:#f6e1d7;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.dashboard-notice>div{flex:1;min-width:0}.dashboard-notice h2{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:540}.dashboard-notice p{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.55}.dashboard-empty{border:1px dashed var(--line-strong);text-align:center;background:radial-gradient(circle at 50% 0,#b451350e,#0000 24rem),#faf6ee80;border-radius:18px;flex-direction:column;align-items:center;margin-top:26px;padding:clamp(52px,8vw,88px) 28px;display:flex}.dashboard-empty-art{width:74px;height:74px;color:var(--accent-deep);background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;display:inline-flex;position:relative}.dashboard-empty-book{border:1px solid #913b232e;border-radius:50%;position:absolute;inset:6px}.dashboard-empty h2{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;margin-top:9px;font-size:clamp(28px,3vw,36px);font-weight:500}.dashboard-empty p{max-width:33rem;color:var(--muted);margin-top:11px;margin-bottom:24px;font-size:12px;line-height:1.65}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#231c146b;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out both backdrop-in;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.new-story-dialog{border:1px solid var(--line);background:radial-gradient(circle at 0% 0%, #b451350e, transparent 18rem), var(--surface-raised);border-radius:18px;flex-direction:column;width:min(100%,470px);max-height:calc(100dvh - 40px);padding:clamp(28px,4vw,38px);animation:.18s ease-out both dialog-in;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffffb3,0 32px 70px -22px #261a0d7a}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.new-story-icon{color:#fff7e9;background:linear-gradient(145deg,#bd5c3e 0%,#913b23 100%);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:20px;display:inline-flex;box-shadow:inset 0 1px #fff3,0 8px 16px -10px #5c2917b3}.new-story-dialog h2{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;margin-top:7px;font-size:34px;font-weight:490;line-height:1}.new-story-lede{color:var(--muted);margin-top:11px;font-size:12px;line-height:1.6}.new-story-field{flex-direction:column;gap:7px;margin-top:24px;display:flex}.new-story-format{border:0;min-width:0;margin:19px 0 0;padding:0}.new-story-format legend{margin-bottom:8px;padding:0}.new-story-format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.story-format-choice{border:1px solid var(--line);cursor:pointer;background:#fffbf394;border-radius:10px;align-items:flex-start;gap:9px;padding:12px 11px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex;position:relative}.story-format-choice:hover{border-color:var(--line-strong);background:#fffdf7d6}.story-format-choice.is-selected{border-color:var(--accent);background:#b451350e;box-shadow:inset 0 0 0 1px #b451351a}.story-format-choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.story-format-choice:has(input:focus-visible){outline-offset:2px;outline:2px solid #b451358c}.story-format-shape{border:1.5px solid var(--muted);background:linear-gradient(145deg, #ffffffb3, transparent), var(--paper-deep);border-radius:3px;flex:none;width:34px;height:22px;margin-top:1px;transition:border-color .15s}.story-format-shape.is-vertical{width:20px;height:32px;margin-top:-3px}.story-format-choice.is-selected .story-format-shape{border-color:var(--accent);background:linear-gradient(145deg,#ffffffb3,#0000),#b4513526}.story-format-choice-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.story-format-choice-heading{justify-content:space-between;align-items:baseline;gap:5px;display:flex}.story-format-choice-heading strong{color:var(--ink);font-size:11px;font-weight:650}.story-format-choice-heading span{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:8.5px;font-weight:600}.story-format-choice-copy small{color:var(--muted);font-size:9px;line-height:1.4}.new-story-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:25px;padding-top:18px;display:flex}.new-story-actions .button{height:38px}.studio-error-page{background:radial-gradient(circle at 50% 0%, #b4513512, transparent 30rem), var(--paper);justify-content:center;align-items:center;min-height:100dvh;padding:28px 20px;display:flex}.studio-error-card{border:1px solid var(--line);background:var(--surface-raised);width:min(100%,530px);box-shadow:0 1px 0 #ffffffb3 inset, var(--shadow-soft);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:clamp(34px,5vw,52px);display:flex}.studio-error-card>.eyebrow{color:var(--accent-deep);margin-top:19px}.studio-error-card h1{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;margin-top:9px;font-size:clamp(29px,3.2vw,39px);font-weight:490;line-height:1.04}.studio-error-card p{max-width:30rem;color:var(--muted);margin-top:13px;font-size:12.5px;line-height:1.65}.studio-error-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.studio-error-actions .button{text-decoration:none}.studio-error-hint{color:var(--faint);align-items:center;gap:5px;margin-top:19px;font-size:10px;display:inline-flex}@media (width<=1080px){.account-trigger-name{display:none}.auth-hero{padding:34px}.auth-spread-page{min-height:240px;padding:20px}.auth-spread-page p{font-size:10.4px}}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-hero{min-height:auto;padding:28px clamp(22px,6vw,48px) 34px}.auth-hero-copy{padding-top:52px}.auth-hero-title{font-size:clamp(40px,8vw,58px)}.auth-spread{display:none}.auth-hero-footer{margin-top:30px;padding-top:0}.auth-panel{padding:42px 22px 64px}.dashboard-intro{flex-direction:column;align-items:flex-start;gap:22px}.dashboard-new{align-self:stretch}.dashboard-notice{flex-wrap:wrap;align-items:flex-start}.dashboard-notice>.button{margin-left:58px}}@media (width<=640px){.dashboard-header{min-height:66px;padding:10px 15px}.dashboard-brand-copy{display:none}.dashboard-account{gap:9px}.dashboard-username{max-width:120px;font-size:12.5px}.dashboard-signout span{display:none}.dashboard-signout{width:32px;padding:0}.dashboard-main{padding-top:32px;padding-bottom:56px}.dashboard-title{font-size:44px}.dashboard-toolbar{margin-top:28px}.story-grid{grid-template-columns:1fr;gap:16px}.story-cover{aspect-ratio:16/8.6}.account-menu{right:-45px}.auth-hero-top .brand-mark{width:34px!important;height:34px!important}.auth-hero-title{font-size:39px}.auth-hero-lede{font-size:12px}.auth-card-title{font-size:36px}.new-story-dialog{padding:26px 21px}.new-story-actions{flex-direction:column-reverse}.new-story-actions .button{width:100%}.studio-error-card{padding:32px 22px}}@media (width<=520px){.new-story-format-options{grid-template-columns:1fr}}@media (width<=420px){.dashboard-username{max-width:112px}.auth-hero{padding:24px 19px 30px}.auth-panel{padding:34px 19px 54px}}.reader{--story-aspect:16 / 9;--story-aspect-number:1.77778;--reader-canvas-width:min(100vw, calc(100dvh * var(--story-aspect-number)));-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:radial-gradient(at 50% 38%,#ae6b442e,#0000 56%),radial-gradient(at 50% 118%,#677c5b1a,#0000 50%),#0c0a07;grid-template-rows:none;place-items:center;display:grid}.reader:before{background-size:19px 19px}.reader-stage{perspective:2400px;justify-content:center;align-items:center;gap:0;min-height:0;padding:0;display:flex;position:absolute;inset:0}.reader.story-format-vertical{--story-aspect:9 / 16;--story-aspect-number:.5625}.reader-book{--page-turn-duration:.86s;width:var(--reader-canvas-width);aspect-ratio:var(--story-aspect);isolation:isolate;background:#fffdf8;flex:none;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c}.reader-canvas-frame{background:#fffdf8;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0;overflow:hidden}.reader-transition-forward,.reader-transition-back{animation:page-under-reveal var(--page-turn-duration) cubic-bezier(.24, .7, .24, 1) both}@keyframes page-under-reveal{0%{filter:brightness(.84)saturate(.94)}60%{filter:brightness(.94)saturate(.98)}to{filter:brightness()saturate()}}.page-turn-layer{z-index:3;perspective:2200px;perspective-origin:50%;pointer-events:auto;cursor:default;position:absolute;inset:0}.page-turn-leaf{backface-visibility:hidden;transform-origin:0;will-change:transform, filter;background:#f7f0e4;position:absolute;inset:0;overflow:hidden;box-shadow:18px 0 38px #19110947,5px 0 12px #19110929}.page-turn-back .page-turn-leaf{transform-origin:100%;box-shadow:-18px 0 38px #19110947,-5px 0 12px #19110929}.page-turn-forward .page-turn-leaf{animation:page-turn-forward var(--page-turn-duration) linear both}.page-turn-back .page-turn-leaf{animation:page-turn-back var(--page-turn-duration) linear both}.page-turn-leaf img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.page-turn-leaf:after{content:"";opacity:0;animation:page-turn-shade var(--page-turn-duration) ease-in both;pointer-events:none;background:linear-gradient(90deg,#2d1f113d 0%,#2d1f110a 5%,#0000 10%),linear-gradient(270deg,#2b1e114d 0%,#2b1e1112 5%,#fffcf62e 7%,#0000 16%),linear-gradient(#ffffff14,#0000 16% 84%,#2b1e1114);position:absolute;inset:0}@keyframes page-turn-forward{0%{filter:brightness();transform:rotateY(0)}14%{filter:brightness(.99);transform:rotateY(-7deg)}40%{filter:brightness(.96);transform:rotateY(-30deg)}66%{filter:brightness(.9);transform:rotateY(-60deg)}86%{filter:brightness(.84);transform:rotateY(-84deg)}to{filter:brightness(.8);transform:rotateY(-96deg)}}@keyframes page-turn-back{0%{filter:brightness();transform:rotateY(0)}14%{filter:brightness(.99);transform:rotateY(7deg)}40%{filter:brightness(.96);transform:rotateY(30deg)}66%{filter:brightness(.9);transform:rotateY(60deg)}86%{filter:brightness(.84);transform:rotateY(84deg)}to{filter:brightness(.8);transform:rotateY(96deg)}}@keyframes page-turn-shade{0%{opacity:0}24%{opacity:.26}62%{opacity:.7}88%{opacity:.92}to{opacity:1}}.reader-book.is-turning .story-canvas{pointer-events:none}.reader-dots button:disabled{cursor:default}.reader-header{z-index:4;width:var(--reader-canvas-width);padding:calc(18px + env(safe-area-inset-top,0px)) clamp(16px, 2.4vw, 34px) 46px;pointer-events:none;background:linear-gradient(#090705d1 0%,#0907056b 52%,#0000 100%);justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.reader-brand{pointer-events:none;gap:11px;min-width:0}.reader-brand .brand-mark{color:#f6ead8;-webkit-backdrop-filter:blur(12px);background:#0f0c0994;border-color:#fff7e838;box-shadow:0 8px 24px #00000052}.reader-story-title{color:#f9f1e5;text-shadow:0 1px 16px #000000a6;max-width:min(52vw,700px);font-size:17px;font-weight:430}.reader-actions{pointer-events:auto;gap:8px}.reader-icon-button,.reader-close-button{color:#f8efe3;text-shadow:0 1px 8px #0006;-webkit-backdrop-filter:blur(14px);background:#100c0994;border:1px solid #fff7e838;box-shadow:0 8px 22px #0000004d,inset 0 1px #ffffff14}.reader-icon-button:hover,.reader-close-button:hover{color:#fffaf1;background:#18120dcc;border-color:#fff7e866}.reader-arrow{z-index:5;color:#f9f1e5;-webkit-backdrop-filter:blur(14px);background:#0f0c0980;border:1px solid #fff7e83d;width:clamp(40px,3.2vw,48px);height:clamp(40px,3.2vw,48px);transition:color .15s,border-color .15s,background-color .15s,opacity .15s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #00000052,inset 0 1px #ffffff14}.reader-arrow-left{left:max(12px, calc((100vw - var(--reader-canvas-width)) / 2 + 14px))}.reader-arrow-right{right:max(12px, calc((100vw - var(--reader-canvas-width)) / 2 + 14px))}.reader-arrow:hover:not(:disabled){color:#fff9ef;background:#0f0c09b8;border-color:#fff7e86b}.reader-arrow:disabled{opacity:.22}.reader-footer{z-index:4;width:var(--reader-canvas-width);padding:46px clamp(16px, 2.4vw, 34px) calc(20px + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(#0000 0%,#09070570 50%,#090705d6 100%);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.reader-page-label{color:#fff9efeb;font-variant-numeric:tabular-nums;letter-spacing:.14em;text-shadow:0 1px 12px #000000a6;text-transform:uppercase;font-size:10px;font-weight:600}.reader-page-label span{color:#fff9ef85}.reader-dots{scrollbar-width:none;pointer-events:auto;-webkit-backdrop-filter:blur(12px);background:#0f0c098c;border:1px solid #fff7e829;border-radius:999px;justify-self:center;gap:7px;max-width:min(60vw,640px);padding:8px 11px;overflow-x:auto;box-shadow:0 8px 24px #00000047}.reader-dots::-webkit-scrollbar{display:none}.reader-dots button{background:#fff9ee57;flex:none;width:6px;height:6px}.reader-dots button:hover{background:#fff9eeb3}.reader-dots button.is-active{background:#de906c;width:20px}.reader-footer-title{color:#fff8eec7;text-shadow:0 1px 12px #0009;font-size:13px}.reader-header button:focus-visible,.reader-footer button:focus-visible,.reader-arrow:focus-visible{outline-offset:3px;outline:2px solid #e09e73f2}@media (width<=640px){.reader-header{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 38px;gap:8px}.reader-story-title{max-width:40vw;font-size:14px}.reader-actions{gap:6px}.reader-icon-button{width:32px;height:32px}.reader-close-button{height:32px;padding:0 10px;font-size:9.5px}.reader-arrow{width:36px;height:36px}.reader-arrow-left{left:max(8px, calc((100vw - var(--reader-canvas-width)) / 2 + 8px))}.reader-arrow-right{right:max(8px, calc((100vw - var(--reader-canvas-width)) / 2 + 8px))}.reader-footer{padding:38px 14px calc(12px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px}.reader-page-label{letter-spacing:.1em;font-size:9px}.reader-dots{gap:6px;max-width:52vw;padding:7px 9px}.reader-footer-title{display:none}}@media (height<=480px){.reader-header{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:28px}.reader-story-title{font-size:14px}.reader-icon-button{width:32px;height:32px}.reader-close-button{height:32px;padding:0 10px;font-size:9.5px}.reader-footer{padding-top:28px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.reader-dots{padding:6px 9px}.reader-page-label{font-size:9px}.reader-footer-title{font-size:11px}}.reader-live-button{color:#f8efe3;letter-spacing:.01em;text-shadow:0 1px 8px #0006;white-space:nowrap;-webkit-backdrop-filter:blur(14px);background:#100c0994;border:1px solid #fff7e838;border-radius:99px;flex:none;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:10.5px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex;box-shadow:0 8px 22px #0000004d,inset 0 1px #ffffff14}.reader-live-button:hover{color:#fffaf1;background:#18120dcc;border-color:#fff7e866}.reader-live-button.is-live{color:#ffe8d7;background:#5c27189e;border-color:#e0906c75}.reader-live-button.is-live:hover{background:#702e1bc7;border-color:#eeab89ad}.reader-live-button.is-starting{color:#fff8eecc}.reader-live-dot{background:#f0a078;border-radius:50%;width:6px;height:6px;animation:2.1s ease-out infinite live-dot-pulse;box-shadow:0 0 #f0a07873}@keyframes live-dot-pulse{0%{box-shadow:0 0 #f0a0786b}62%{box-shadow:0 0 0 7px #f0a07800}to{box-shadow:0 0 #f0a07800}}.live-dialog{border:1px solid var(--line);width:min(464px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);background:var(--surface);border-radius:17px;margin:auto;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,0 45px 110px -25px #140e07b3}.live-dialog[open]{display:flex}.live-dialog::backdrop{-webkit-backdrop-filter:blur(7px);background:#14100b9e}.live-dialog-shell{background:linear-gradient(180deg, #ffffff6b, transparent 150px), var(--surface);flex-direction:column;flex:1;min-width:0;max-height:calc(100dvh - 32px);display:flex}.live-dialog-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:21px 22px 16px;display:flex}.live-dialog-heading{align-items:flex-start;gap:11px;min-width:0;display:flex}.live-dialog-icon{width:36px;height:36px;color:var(--accent-deep);background:#fbf1e9;border:1px solid #e3d2c2;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.live-dialog-icon.is-live{color:#3f6c4b;background:#eef5ec;border-color:#c9ddcb}.live-dialog-icon.is-error{color:var(--danger);background:#fdf1eb;border-color:#e2c4b8}.live-dialog-heading .eyebrow{color:var(--muted);margin-top:1px;font-size:8px}.live-dialog-heading h2{font-family:var(--font-display);letter-spacing:-.032em;margin-top:3px;font-size:26px;font-weight:520;line-height:1.04}.live-dialog-close{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .14s,border-color .14s,background-color .14s;display:inline-flex}.live-dialog-close:hover{color:var(--ink);border-color:var(--line-strong);background:var(--paper)}.live-dialog-body{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;gap:17px;min-height:0;padding:18px 22px 20px;display:flex;overflow:hidden auto}.live-dialog-lede{color:var(--muted);font-size:11.5px;line-height:1.62}.share-dialog{width:min(520px,100vw - 32px)}.share-state-card{color:#386143;background:#eef5ec;border:1px solid #cbdecb;border-radius:9px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.share-state-icon{color:#386143;background:#ffffff8c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.share-state-card>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.share-state-card strong{font-size:11px;font-weight:650}.share-state-card small{color:#5d7d62;font-size:9.5px}.share-secondary-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.share-secondary-actions .button{height:33px;font-size:10px}.share-empty{border:1px dashed var(--line-strong);color:var(--muted);background:#faf6ee8c;border-radius:10px;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;display:flex}.share-empty>svg{color:var(--accent)}.share-empty strong{color:var(--ink-soft);font-size:11px;font-weight:650}.share-empty p{max-width:360px;color:var(--muted);margin:3px 0;font-size:10px;line-height:1.5}.live-status-row{flex-wrap:wrap;align-items:center;gap:7px 11px;display:flex}.live-status-pill{color:#386143;letter-spacing:.08em;text-transform:uppercase;background:#eef5ec;border:1px solid #cbdecb;border-radius:99px;align-items:center;gap:6px;height:24px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}.live-pulse-dot{background:#4f8a5c;border-radius:50%;width:6px;height:6px;animation:2.1s ease-out infinite live-dot-pulse}.live-status-meta{color:var(--faint);font-size:9.5px;font-weight:500}.live-invite{flex-direction:column;gap:6px;display:flex}.live-invite>label{color:var(--ink-soft);letter-spacing:.01em;font-size:10px;font-weight:650}.live-invite-row{align-items:stretch;gap:7px;min-width:0;display:flex}.live-invite-input{border:1px solid var(--line);min-width:0;height:36px;color:var(--ink-soft);background:var(--surface-raised);font-variant-numeric:tabular-nums;border-radius:8px;outline:none;flex:1;padding:0 10px;font-size:10.5px;transition:border-color .15s,box-shadow .15s}.live-invite-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b451351a}.live-copy-button{flex:none;height:36px}.live-invite-hint{color:var(--faint);font-size:9px;line-height:1.4}.live-people{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:15px;display:flex}.live-people-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.live-people-heading h3{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.live-people-heading h3 svg{color:var(--accent)}.live-people-heading>span{color:var(--faint);font-size:9px}.live-people-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;gap:4px;max-height:178px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden auto}.live-people-list li{background:#fffdf89e;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:5px 7px;display:flex}.live-people-list li.live-people-empty{color:var(--faint);background:0 0}.live-avatar{width:24px;height:24px;color:var(--ink-soft);background:var(--paper-deep);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:inline-flex}.live-avatar.is-host{color:#fff7e9;background:linear-gradient(145deg,#bd5c3e 0%,#9f4129 100%)}.live-avatar.is-empty{color:var(--faint);border:1px dashed var(--line-strong);background:0 0}.live-person-name{min-width:0;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:550;overflow:hidden}.live-role-badge{color:var(--accent-deep);background:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;flex:none;padding:2px 6px;font-size:8px;font-weight:650}.live-role-badge.is-viewer{color:var(--muted);background:var(--paper-deep)}.live-starting,.live-dialog-error,.live-dialog-empty{border-radius:9px;align-items:flex-start;gap:9px;padding:13px;font-size:10.5px;line-height:1.5;display:flex}.live-starting{border:1px dashed var(--line-strong);color:var(--ink-soft);background:#faf6ee99;align-items:center}.live-starting>span{flex-direction:column;gap:1px;display:flex}.live-starting strong{font-size:11px;font-weight:650}.live-starting small{color:var(--faint);font-size:9.5px}.live-dialog-error{color:#713a27;background:#fcf0e8;border:1px solid #e4d3c4}.live-dialog-error svg{flex:none;margin-top:1px}.live-dialog-empty{color:var(--muted);border:1px dashed var(--line-strong);background:#faf6ee8c;align-items:center}.live-dialog-empty svg{color:var(--accent);flex:none}.live-dialog-footer{padding:14px 22px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:linear-gradient(180deg, #faf6eeb3, var(--surface));flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.live-dialog-footer .button{min-height:35px}.live-stop-button{min-height:35px;color:var(--danger);background:0 0;border:1px solid #dcc0b4;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-right:auto;padding:0 12px;font-size:11px;font-weight:600;transition:color .14s,border-color .14s,background-color .14s;display:inline-flex}.live-stop-button:hover{background:#fff4ee;border-color:#c79c8c}body:has(.watch){background:#0c0a07;overflow:hidden}.watch{--story-aspect:16 / 9;--story-aspect-number:1.77778;--watch-canvas-width:min(100vw, calc(100dvh * var(--story-aspect-number)));-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;z-index:100;color:#f7efe3;background:radial-gradient(at 50% 34%,#ae6b4433,#0000 56%),radial-gradient(at 50% 118%,#677c5b1c,#0000 50%),#0c0a07;position:fixed;inset:0;overflow:hidden}.watch:before{content:"";pointer-events:none;background-image:radial-gradient(#fff5e10b .6px,#0000 .6px);background-size:19px 19px;position:absolute;inset:0}.watch-join-shell{display:block}.watch-join-scroll{padding:max(24px, env(safe-area-inset-top,0px)) 16px max(24px, env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;overflow:hidden auto}.watch-join-card{z-index:1;-webkit-backdrop-filter:blur(18px);background:linear-gradient(155deg,#34271cb3,#14100ce6),#14100cdb;border:1px solid #fff7e824;border-radius:21px;width:min(560px,100%);margin:auto 0;padding:clamp(27px,5vw,43px);animation:.42s cubic-bezier(.2,.7,.25,1) both watch-card-in;position:relative;box-shadow:inset 0 1px #ffffff14,0 44px 100px -38px #000000e6}@keyframes watch-card-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.watch-join-brand{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.watch-join-brand .brand-mark{color:#f6ead8;background:#0f0c098c;border-color:#fff7e833}.watch-join-card>.eyebrow,.watch-status-card>.eyebrow{color:#e6aa87db}.watch-join-card h1{overflow-wrap:anywhere;color:#fbf4e8;max-width:100%;font-family:var(--font-display);letter-spacing:-.042em;text-wrap:balance;margin-top:8px;font-size:clamp(34px,5.4vw,52px);font-weight:470;line-height:1.02}.watch-join-lede{color:#f6ecdead;max-width:29rem;margin-top:13px;font-size:12.5px;line-height:1.65}.watch-room-meta{border-top:1px solid #fff7e81a;border-bottom:1px solid #fff7e81a;flex-wrap:wrap;gap:7px 14px;margin-top:19px;padding:10px 0;display:flex}.watch-room-meta span{color:#f6ecde8f;align-items:center;gap:5px;font-size:10px;font-weight:500;display:inline-flex}.watch-room-meta svg{color:#dd9674}.watch-join-form{flex-direction:column;gap:6px;margin-top:20px;display:flex}.watch-join-form>label{color:#faf2e7d1;letter-spacing:.01em;font-size:10.5px;font-weight:650}.watch-name-row{align-items:stretch;gap:8px;min-width:0;display:flex}.watch-name-input{color:#fbf4e8;background:#ffffff0e;border:1px solid #fff7e82b;border-radius:10px;outline:none;flex:1;min-width:0;height:44px;padding:0 13px;font-size:13px;transition:border-color .15s,background-color .15s,box-shadow .15s}.watch-name-input::placeholder{color:#f6ecde57}.watch-name-input:hover:not(:disabled){border-color:#fff7e84d}.watch-name-input:focus{background:#ffffff13;border-color:#e19671db;box-shadow:0 0 0 3px #e196712b}.watch-name-input:disabled{opacity:.65;cursor:wait}.watch-button{letter-spacing:.005em;text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:11.5px;font-weight:650;line-height:1;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s,transform .12s;display:inline-flex}.watch-button:active:not(:disabled){transform:translateY(1px)}.watch-button-primary{color:#fff8ee;background:linear-gradient(145deg,#c56b49 0%,#ac4c30 100%);border-color:#bd6041;box-shadow:inset 0 1px #ffffff29,0 9px 20px -12px #000c}.watch-button-primary:hover:not(:disabled){background:linear-gradient(145deg,#d07653 0%,#bb5738 100%);border-color:#d17b57}.watch-button-primary:disabled{opacity:.62;cursor:wait}.watch-button-quiet{color:#f8eee0bd;background:#ffffff09;border-color:#fff7e82e}.watch-button-quiet:hover:not(:disabled){color:#fff8ee;background:#ffffff12;border-color:#fff7e857}.watch-join-button{min-height:44px;padding:0 18px}.watch-field-help{color:#f6ecde6b;font-size:9px;line-height:1.45}.watch-form-error{color:#f3c4b0;background:#6e2b1b3d;border:1px solid #de8e704d;border-radius:8px;align-items:flex-start;gap:6px;margin-top:3px;padding:8px 10px;font-size:10px;line-height:1.45;display:flex}.watch-form-error svg{flex:none;margin-top:1px}.watch-privacy-note{color:#f6ecde61;border-top:1px solid #fff7e81a;margin-top:20px;padding-top:14px;font-size:9px;line-height:1.55}.watch-status-card{text-align:center;flex-direction:column;align-items:center;display:flex}.watch-status-card .brand-mark{margin-bottom:20px}.watch-status-card h1{font-size:clamp(31px,4.6vw,46px)}.watch-status-card p{color:#f6ecdea3;max-width:28rem;margin-top:12px;font-size:12px;line-height:1.65}.watch-status-note{align-items:center;gap:7px;display:inline-flex}.watch-status-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.watch-status-actions .watch-button{min-height:39px}.watch-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.watch.story-format-vertical{--story-aspect:9 / 16;--story-aspect-number:.5625}.watch-book{--page-turn-duration:.86s;width:var(--watch-canvas-width);aspect-ratio:var(--story-aspect);isolation:isolate;background:#fffdf8;flex:none;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c}.watch-canvas-frame{background:#fffdf8;animation:.38s both watch-page-in;position:absolute;inset:0;overflow:hidden}.watch-canvas-frame .story-canvas{pointer-events:none}@keyframes watch-page-in{0%{opacity:.3}to{opacity:1}}.watch-header{z-index:4;width:var(--watch-canvas-width);padding:calc(17px + env(safe-area-inset-top,0px)) clamp(16px, 2.4vw, 32px) 46px;pointer-events:none;background:linear-gradient(#090705d6 0%,#0907056b 52%,#0000 100%);justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.watch-brand{align-items:center;gap:10px;min-width:0;display:flex}.watch-brand .brand-mark{color:#f6ead8;background:#0f0c0994;border-color:#fff7e833;box-shadow:0 8px 24px #00000052}.watch-brand-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.watch-eyebrow{color:#fff6e87a;letter-spacing:.18em;text-transform:uppercase;font-size:8px;font-weight:700;line-height:1.2}.watch-story-title{color:#f9f1e5;max-width:min(46vw,620px);font-family:var(--font-display);letter-spacing:-.018em;text-overflow:ellipsis;text-shadow:0 1px 16px #000000a6;white-space:nowrap;font-size:17px;font-weight:430;line-height:1.2;overflow:hidden}.watch-actions{pointer-events:auto;flex:none;align-items:center;gap:8px;display:flex}.watch-live-pill{color:#ffe8d7;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 8px #0006;-webkit-backdrop-filter:blur(12px);background:#5c271894;border:1px solid #e0906c57;border-radius:99px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.watch-live-dot{background:#f0a078;border-radius:50%;width:6px;height:6px;animation:2.1s ease-out infinite live-dot-pulse}.watch-icon-button,.watch-exit-button{color:#f8efe3;text-shadow:0 1px 8px #0006;-webkit-backdrop-filter:blur(14px);background:#100c0994;border:1px solid #fff7e838;flex:none;justify-content:center;align-items:center;height:34px;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex;box-shadow:0 8px 22px #0000004d,inset 0 1px #ffffff14}.watch-icon-button{border-radius:50%;width:34px}.watch-exit-button{border-radius:99px;gap:6px;padding:0 12px;font-size:10.5px;font-weight:550}.watch-icon-button:hover,.watch-exit-button:hover{color:#fffaf1;background:#18120dcc;border-color:#fff7e866}.watch-footer{z-index:4;width:var(--watch-canvas-width);padding:46px clamp(16px, 2.4vw, 32px) calc(17px + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(#0000 0%,#09070570 50%,#090705db 100%);grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:16px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.watch-page-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.watch-page-number{color:#fff9efeb;font-variant-numeric:tabular-nums;letter-spacing:.14em;text-shadow:0 1px 12px #000000a6;text-transform:uppercase;white-space:nowrap;font-size:9.5px;font-weight:600}.watch-page-number span{color:#fff9ef80}.watch-page-title{color:#fff8eeb3;text-overflow:ellipsis;text-shadow:0 1px 12px #0009;white-space:nowrap;max-width:22vw;font-size:12px;overflow:hidden}.watch-presence{pointer-events:auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.watch-presence-label{color:#fff9ef6b;letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:8px;font-weight:700}.watch-presence ul{scrollbar-width:none;align-items:center;gap:5px;max-width:min(43vw,520px);margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.watch-presence ul::-webkit-scrollbar{display:none}.watch-presence li{-webkit-backdrop-filter:blur(12px);background:#0f0c098c;border:1px solid #fff7e826;border-radius:99px;flex:none;align-items:center;gap:5px;max-width:170px;height:25px;padding:0 8px 0 3px;display:inline-flex;box-shadow:0 6px 18px #00000038}.watch-avatar{color:#f3e5d4;background:#fff7e824;border-radius:50%;flex:none;justify-content:center;align-items:center;width:19px;height:19px;font-size:8px;font-weight:700;display:inline-flex}.watch-avatar.is-host{color:#fff7e9;background:linear-gradient(145deg,#bd5c3e 0%,#9f4129 100%)}.watch-person-name{color:#fff9efc7;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:550;overflow:hidden}.watch-host-note{color:#fff8ee94;text-align:right;text-overflow:ellipsis;text-shadow:0 1px 12px #0009;white-space:nowrap;max-width:24vw;font-size:10.5px;overflow:hidden}.watch-cursor{z-index:6;filter:drop-shadow(0 2px 5px #00000061);pointer-events:none;transition:left 90ms linear,top 90ms linear,opacity .18s;position:absolute;transform:translate(-2px,-2px)}.watch-cursor svg{display:block;overflow:visible}.watch-cursor-name{color:#2a2118;text-overflow:ellipsis;white-space:nowrap;background:#f7eddd;border-radius:5px;max-width:190px;padding:3px 7px;font-size:9.5px;font-weight:700;display:inline-block;position:absolute;top:20px;left:14px;overflow:hidden;box-shadow:0 3px 10px #00000040}.marker-tooltip{z-index:5;pointer-events:none;width:min(340px,42%);animation:.18s cubic-bezier(.2,.7,.25,1) both marker-tooltip-in;position:absolute}.marker-tooltip-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffaf1f5;border:1px solid #fff4e280;border-radius:10px;padding:6px;position:relative;box-shadow:0 16px 36px -14px #0a0703b3,0 2px 7px #140d0533}.marker-tooltip-card img{object-fit:contain;border-radius:6px;width:100%;max-height:min(20vw,30vh,320px);display:block}.marker-tooltip-close{z-index:1;color:#44372a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffbf4e0;border:1px solid #4a37212e;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 7px #1d140a2e}.marker-tooltip-close:hover{color:var(--accent-deep);background:#fffdf8}.reader.story-format-vertical .reader-header,.reader.story-format-vertical .reader-footer,.watch.story-format-vertical .watch-header,.watch.story-format-vertical .watch-footer{width:100vw}.reader.story-format-vertical .marker-tooltip,.watch.story-format-vertical .marker-tooltip{width:min(360px,72%)}.reader.story-format-vertical .marker-tooltip-card img,.watch.story-format-vertical .marker-tooltip-card img{max-height:min(38vh,420px)}@keyframes marker-tooltip-in{0%{opacity:0;filter:blur(1px)}to{opacity:1;filter:blur()}}.watch-notice{bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:5;color:#fbf4e8db;-webkit-backdrop-filter:blur(12px);background:#0f0c09d1;border:1px solid #fff7e824;border-radius:99px;align-items:center;gap:7px;max-width:calc(100vw - 24px);padding:8px 12px;font-size:10px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000059}.watch-ended{z-index:10;padding:max(20px, env(safe-area-inset-top,0px)) 16px max(20px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(7px);background:#090705bd;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.watch-ended-card{text-align:center;background:linear-gradient(155deg,#36281dcc,#130f0bf0),#14100ce6;border:1px solid #fff7e826;border-radius:20px;flex-direction:column;align-items:center;width:min(480px,100%);padding:clamp(28px,5vw,44px);animation:.38s cubic-bezier(.2,.7,.25,1) both watch-card-in;display:flex;box-shadow:0 42px 100px -30px #000000eb}.watch-ended-icon{color:#e8a17f;background:#b4513529;border:1px solid #e1967159;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:17px;display:inline-flex}.watch-ended-card .eyebrow{color:#e6aa87db}.watch-ended-card h2{color:#fbf4e8;font-family:var(--font-display);letter-spacing:-.038em;overflow-wrap:anywhere;text-wrap:balance;margin-top:7px;font-size:clamp(29px,4.4vw,40px);font-weight:480;line-height:1.05}.watch-ended-card p{color:#f6ecde99;max-width:26rem;margin:12px 0 22px;font-size:11.5px;line-height:1.65}.watch-ended-card .watch-button{min-height:39px}.watch-header a:focus-visible,.watch-header button:focus-visible,.watch-footer a:focus-visible,.watch-footer button:focus-visible,.watch-cursor:focus-visible,.watch-join-card input:focus-visible,.watch-join-card button:focus-visible,.watch-join-card a:focus-visible{outline-offset:3px;outline:2px solid #ecad8bf2}.live-dialog input:focus-visible,.live-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=700px){.reader-live-button{gap:5px;height:32px;padding:0 9px;font-size:9.5px}.live-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.live-dialog-shell{max-height:calc(100dvh - 20px)}.live-dialog-header{padding:17px 17px 13px}.live-dialog-heading h2{font-size:23px}.live-dialog-icon{width:32px;height:32px}.live-dialog-body{padding:15px 17px 17px}.live-dialog-footer{padding:12px 17px calc(14px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.live-dialog-footer .button,.live-stop-button{flex:1;min-height:38px}.live-stop-button{margin-right:0}.watch-join-card{border-radius:17px;padding:25px 18px}.watch-join-brand{margin-bottom:19px}.watch-join-card h1{font-size:clamp(31px,9vw,42px)}.watch-name-row{flex-direction:column}.watch-join-button{width:100%}.watch-name-input{height:43px}.watch-header{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 38px;gap:8px}.watch-brand{gap:8px}.watch-story-title{max-width:35vw;font-size:14px}.watch-eyebrow{font-size:7px}.watch-actions{gap:6px}.watch-live-pill{height:28px;padding:0 8px;font-size:8px}.watch-icon-button{width:32px;height:32px}.watch-exit-button{height:32px;padding:0 9px;font-size:9px}.watch-footer{padding:38px 14px calc(11px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:9px}.watch-page-number{letter-spacing:.1em;font-size:8.5px}.watch-page-title{display:none}.watch-presence{justify-content:flex-end}.watch-presence-label{display:none}.watch-presence ul{justify-content:flex-start;max-width:64vw;margin-left:auto}.watch-presence li{max-width:132px;height:24px}.watch-host-note{display:none}.watch-cursor-name{max-width:120px;font-size:8.5px}.watch-notice{bottom:calc(70px + env(safe-area-inset-bottom,0px));font-size:9px}}@media (width<=430px){.watch-story-title{max-width:29vw}.watch-live-pill{letter-spacing:.06em;padding:0 7px}.watch-presence ul{max-width:58vw}.watch-ended-card{padding:28px 20px}}@media (height<=480px){.reader-live-button{height:32px;padding:0 10px;font-size:9.5px}.live-dialog,.live-dialog-shell{max-height:calc(100dvh - 16px)}.live-dialog-header{padding-top:15px;padding-bottom:11px}.live-dialog-body{gap:12px;padding-top:13px;padding-bottom:13px}.live-dialog-footer{padding-top:10px}.watch-header{padding-top:calc(9px + env(safe-area-inset-top,0px));padding-bottom:28px}.watch-story-title{font-size:14px}.watch-footer{padding-top:28px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}.watch-join-scroll{align-items:start}.watch-join-card{margin:auto;padding:22px}.watch-join-card h1{font-size:31px}.watch-join-lede,.watch-room-meta,.watch-privacy-note{margin-top:12px}}@media (prefers-reduced-motion:reduce){.reader-live-dot,.live-pulse-dot,.watch-live-dot,.watch-canvas-frame,.watch-join-card,.watch-ended-card{animation:none}.watch-cursor{transition:opacity .18s}.live-dialog,.watch-button,.reader-live-button,.watch-icon-button,.watch-exit-button{transition-duration:1ms}}