@keyframes studio-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes studio-fade{0%{opacity:0}to{opacity:1}}@keyframes studio-print{0%{clip-path:inset(0 0 100%);opacity:0;transform:translateY(-10px)rotate(-.8deg)}60%{opacity:1}to{clip-path:inset(0);opacity:1;transform:none}}@keyframes studio-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes studio-page-in{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:none}}@keyframes studio-sheen{0%{background-position:-60% 0}to{background-position:160% 0}}@layer components{.studio{--sk-ink:#ffffffc7;color:#e9f0fa;background-color:#0a0e1a;background-image:radial-gradient(1100px 700px at 12% -6%,#7c6bff29,#0000 60%),radial-gradient(900px 620px at 92% 108%,#f59e0b1f,#0000 58%);grid-template:"top""stage"minmax(0,1fr)"film""rail""transport"/minmax(0,1fr);min-height:100dvh;display:grid}.studio-area-top{grid-area:top}.studio-area-rail{grid-area:rail}.studio-area-stage{grid-area:stage;min-width:0;min-height:0;position:relative}.studio-area-film{grid-area:film}.studio-area-transport{z-index:48;grid-area:transport;position:relative}.studio{--studio-transport-h:calc(88px + env(safe-area-inset-bottom,0px))}.studio-rail-list{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));flex-direction:row;gap:8px;display:flex}.studio-rail-list>*{flex:1 1 0;min-width:0}.studio-toolpanel{left:0;right:0;bottom:var(--studio-transport-h,0px);z-index:47;overscroll-behavior:contain;max-height:74dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;animation:.3s cubic-bezier(.2,.7,.3,1) both studio-rise;position:fixed;overflow-y:auto}.studio-inspector{left:0;right:0;bottom:var(--studio-transport-h,0px);z-index:46;overscroll-behavior:contain;max-height:78dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;animation:.3s cubic-bezier(.2,.7,.3,1) both studio-rise;position:fixed;overflow-y:auto}@media (min-width:768px){.studio{grid-template:"top top""rail stage"minmax(0,1fr)"film film""transport transport"/auto minmax(0,1fr)}.studio-rail-list{flex-direction:column;gap:10px;width:118px;height:100%;padding:4px 10px 10px}.studio-rail-list>*{flex:none}.studio-toolpanel{border-radius:18px;width:min(384px,100% - 36px);max-height:calc(100% - 36px);padding-bottom:0;position:absolute;bottom:18px;left:18px;right:auto}}@media (min-width:1180px){.studio{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top top top""rail stage inspector""film film film""transport transport transport"}.studio-inspector{border-left:1px solid #ffffff17;border-radius:0;grid-area:inspector;width:366px;height:100%;max-height:none;padding-bottom:0;animation:.26s ease-out both studio-fade;position:static}.studio-inspector-close{display:none}}.studio-monitor{background-color:#05070d;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #0000008c,inset 0 0 0 1px #ffffff08,inset 0 1px #ffffff12}.studio-monitor-page{flex-direction:column;flex:auto;min-height:0;animation:.42s cubic-bezier(.2,.7,.3,1) both studio-page-in;display:flex}.studio-story-text{font-family:var(--font-fraunces),Georgia,"Iowan Old Style",serif;letter-spacing:.002em;color:#f4f1e8;text-wrap:pretty;white-space:pre-wrap;font-size:clamp(1.05rem,1.15vw + .85rem,1.6rem);line-height:1.55}.studio-story-input{resize:none;field-sizing:content;background:0 0;border:none;outline:none;width:100%}.studio-story-input::placeholder{color:#f4f1e852}.studio-strip{scroll-snap-type:x proximity;scrollbar-width:thin;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.studio-strip>*{scroll-snap-align:center}.studio-strip::-webkit-scrollbar{height:8px}.studio-strip::-webkit-scrollbar-thumb{background-color:#f59e0b59;border-radius:999px}.studio-strip::-webkit-scrollbar-track{background-color:#ffffff0a}.studio-thumb{cursor:pointer;background-color:#ffffff0d;border:2px solid #ffffff24;border-radius:10px;flex:none;width:84px;height:62px;transition:border-color .2s ease-out,box-shadow .24s ease-out,transform .18s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden}.studio-thumb:hover{transform:translateY(-2px)}.studio-thumb.is-current{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b66,0 10px 24px #f59e0b38}.studio-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.studio-scroll{scrollbar-width:thin}.studio-scroll::-webkit-scrollbar{width:9px}.studio-scroll::-webkit-scrollbar-thumb{background-color:#ffffff29;border-radius:999px}.studio-scroll::-webkit-scrollbar-track{background-color:#0000}.studio-title-input{background:0 0;border:1px solid #0000;border-radius:10px;outline:none;transition:border-color .2s ease-out,background-color .2s ease-out}.studio-title-input:hover{border-color:#ffffff24}.studio-title-input:focus{background-color:#ffffff0d;border-color:#f59e0b99}.studio-shake{animation:.42s ease-out both studio-shake}.studio-printing{animation:.9s cubic-bezier(.2,.7,.3,1) both studio-print}.studio-rise{animation:.32s cubic-bezier(.2,.7,.3,1) both studio-rise}.studio-fade{animation:.24s ease-out both studio-fade}.studio-progress-bar{background-image:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .22s linear}.studio-busy{background-image:linear-gradient(90deg,#f59e0b00 0%,#f59e0b8c 45%,#f59e0b00 90%);background-repeat:no-repeat;background-size:60% 100%;animation:1.25s linear infinite studio-sheen}.studio-range{accent-color:#f59e0b;cursor:pointer;background:0 0;width:100%;height:28px}@media (prefers-reduced-motion:reduce){.studio-toolpanel,.studio-inspector,.studio-monitor-page,.studio-shake,.studio-printing,.studio-rise,.studio-fade,.studio-busy{animation:none!important}.studio-printing{clip-path:none;opacity:1}.studio-busy{background-image:linear-gradient(90deg,#f59e0b73,#f59e0b73)}.studio-thumb,.studio-title-input,.studio-progress-bar{transition-duration:1ms}.studio-thumb:hover{transform:none}}}