@layer components{.studio-film{--film-frame-w:84px;--film-frame-h:62px;--film-snap-w:104px;--film-gap:10px;--film-inset:12px;--film-moves-w:160px;padding:4px 12px 2px}@media (min-width:1024px){.studio-film{margin-top:-8px;padding:0 12px 8px}}@media (min-width:1024px) and (min-height:700px){.studio-film{--film-frame-w:112px;--film-frame-h:84px;--film-snap-w:112px;--film-gap:12px;--film-inset:16px}}@media (min-width:1024px) and (max-width:1179.98px) and (min-height:700px){.studio-film{--film-snap-w:104px;--film-gap:10px;--film-inset:12px;--film-housing-pad:4px;--film-housing-gap:2px}}.studio-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--film-inset)var(--film-moves-w);scrollbar-width:thin;overflow:auto hidden}.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-film-track{flex-direction:column;width:max-content;min-width:100%;padding-bottom:2px;display:flex}.studio-film-row{align-items:center;gap:var(--film-gap);padding:6px 0 6px var(--film-inset);pointer-events:none;display:flex;position:relative}.studio-film-row>*{pointer-events:auto}.studio-film-ribbon{left:0;right:0;top:calc(50% - var(--sk-ribbon-h,10px)/2);z-index:0;position:absolute}.studio-thumb{z-index:1;width:var(--film-frame-w);height:var(--film-frame-h);background-color:var(--ss-navy-3);cursor:pointer;scroll-snap-align:center;transition:border-color .2s ease-out,box-shadow .24s ease-out,transform .18s var(--ss-ease);border:2px solid #ffffff1f;border-radius:8px;flex:none;position:relative;overflow:hidden}.studio-thumb:not(:disabled):hover{transform:translateY(-2px)}.studio-thumb:disabled{cursor:not-allowed}.studio-thumb.is-current{border-color:var(--ss-gold);box-shadow:0 0 0 4px #f59e0b38}.studio-thumb.is-live{box-shadow:0 0 0 4px #f59e0b38,0 0 26px #e3452f59}.studio-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.studio-thumb-blank{width:100%;height:100%;color:var(--ss-fg-4);justify-content:center;align-items:center;display:flex}.studio-thumb-blank-icon{width:20px;height:20px}.studio-thumb-num{min-width:20px;height:18px;font:600 11px/1 var(--ss-mono);color:#fff;background-color:#0a0e1ac7;border-radius:6px;place-items:center;padding:0 5px;display:grid;position:absolute;top:4px;left:4px}.studio-thumb-voice{background-color:var(--ss-red);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 0 0 2px #0a0e1ab3}.studio-thumb-voice svg{width:11px;height:11px}.studio-thumb-live{background-color:var(--ss-red);border-radius:50%;width:10px;height:10px;animation:none;position:absolute;top:7px;right:7px;box-shadow:0 0 0 3px #e3452f4d,0 0 0 6px #e3452f1f}@media (min-width:1024px) and (min-height:700px){.studio-thumb-num{min-width:22px;height:20px;padding:0 6px;top:6px;left:6px}.studio-thumb-voice{width:22px;height:22px;bottom:6px;right:6px}.studio-thumb-voice svg{width:12px;height:12px}.studio-thumb-live{width:12px;height:12px;top:9px;right:9px}.studio-thumb-blank-icon{width:24px;height:24px}}.studio-snap{z-index:1;width:var(--film-snap-w);height:var(--film-frame-h);text-align:center;font:500 11px/1.2 var(--ss-ui);color:var(--ss-fg-2);cursor:pointer;scroll-snap-align:center;background-color:#0a0e1a;border:2px dashed #ffffff2e;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:0 6px;transition:border-color .2s ease-out,color .2s ease-out;display:flex;position:relative}.studio-snap:not(:disabled):hover{color:#fff;border-color:#f59e0b99}.studio-snap:disabled{cursor:not-allowed;opacity:.7}.studio-snap-icon{width:16px;height:16px;color:var(--ss-gold-2);flex:none}@media (min-width:1024px) and (min-height:700px){.studio-snap{gap:6px;padding:0 10px;font-size:12px;line-height:1.25}.studio-snap-icon{width:22px;height:22px}}.studio-film-moves{z-index:2;flex:none;align-items:center;margin-left:auto;display:flex;position:sticky;right:0}.studio-move-housing{align-items:center;gap:var(--film-housing-gap,4px);padding:var(--film-housing-pad,5px);background-color:#0d1120;border:1px solid #ffffff14;border-radius:16px;display:flex;box-shadow:-14px 0 18px -10px #05070de6}.studio-move-toggle{display:none}@media (max-width:767.98px){.studio-film{--film-moves-w:64px}.studio-film-moves{gap:6px}.studio-move-toggle{width:52px;height:44px;font:500 13px/1 var(--ss-ui);color:var(--ss-fg-2);cursor:pointer;background-color:#0d1120;border:1px solid #ffffff24;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:border-color .2s ease-out,color .2s ease-out;display:inline-flex;box-shadow:-14px 0 18px -10px #05070de6}.studio-move-toggle:hover{color:#fff;border-color:#ffffff47}.studio-move-toggle[aria-expanded=true]{color:var(--ss-gold-2);border-color:#f59e0b99}.studio-move-housing[data-open=false]{display:none}}.studio-move-locked{height:30px;font:500 13px/1 var(--ss-ui);color:var(--ss-fg-4);cursor:not-allowed;background-color:#0d1120;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 12px;display:inline-flex}.studio-lane{align-items:center;column-gap:var(--film-gap);width:0;min-width:100%;padding-left:var(--film-inset);flex-wrap:wrap;row-gap:6px;margin-top:2px;display:flex}.studio-lane-seg{width:var(--film-frame-w);background-color:var(--lane-mood,#ffffff0f);height:8px;box-shadow:0 0 12px color-mix(in srgb,var(--lane-mood,transparent)30%,transparent);border-radius:4px;flex:none}.studio-lane-rest{background-image:linear-gradient(90deg,#ffffff0d,#fff0);border-radius:4px;flex:1 1 0;min-width:0;height:8px}.studio-lane-label{font:500 11px/1 var(--ss-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--lane-mood);flex:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex;position:sticky;right:0}.studio-lane-icon{flex:none;width:12px;height:12px}@media (prefers-reduced-motion:reduce){.studio-thumb,.studio-snap,.studio-move-toggle{transition:none}.studio-thumb:not(:disabled):hover{transform:none}}}
@layer components{.feeling-label{font-family:var(--ss-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ss-fg-3);font-size:10.5px;line-height:1.2;display:block}.feeling-line{align-items:center;gap:8px;min-width:0;margin-top:8px;display:flex}.feeling-input{min-width:0;height:44px;color:var(--ss-fg-2);background:#0000004d;border:1px dashed #ffffff2e;border-radius:12px;flex:auto;padding:0 12px;font-size:14px;font-style:italic}.feeling-input::placeholder{color:#ffffff47;font-style:italic}.feeling-arrow{width:14px;height:14px;color:var(--ss-fg-3);flex:none}.feeling-pill{--c:var(--mood-wonder);border:1px solid var(--c);background-color:color-mix(in srgb,var(--c)20%,transparent);height:28px;color:color-mix(in srgb,var(--c)55%,#fff);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px 0 9px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.feeling-pill svg{width:14px;height:14px;color:var(--c);flex:none}.feeling-pill:empty{border:0;width:0;height:0;margin-left:-8px;padding:0;overflow:hidden}.feeling-note{color:var(--ss-fg-3);margin:6px 0 0;font-size:11.5px;line-height:1.42}.feeling-note:empty{margin:0}@media (min-width:1180px){.feeling-input{height:36px}}.feeling-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}}
@layer components{.sk-packet{color:var(--ss-ink);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:relative}.sk-packet:before{content:"";border-left:2px dashed var(--ss-ink);position:absolute;top:0;bottom:0;left:10px}.sk-packet-row{grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:7px;display:grid;position:relative}.sk-packet-num{z-index:1;background:var(--ss-ink);width:22px;height:22px;color:var(--ss-paper);font:600 11px/1 var(--ss-mono);letter-spacing:.02em;border-radius:50%;place-items:center;display:grid;position:relative}.sk-packet-row--sig .sk-packet-num{box-shadow:0 0 0 2px var(--ss-red),0 0 0 4px #e3452f29}.sk-packet-band{border:2px solid var(--ss-ink);background:var(--sk-band-fill,var(--ss-paper));border-radius:8px;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:66px;padding:6px 14px;display:flex;position:relative}.sk-packet-head{align-items:center;gap:10px;min-height:18px;display:flex}.sk-packet-name{font:600 15px/18px var(--ss-display);letter-spacing:-.005em}.sk-packet-aside{align-items:center;gap:5px;min-width:0;margin-left:auto;display:inline-flex}.sk-packet-value{font:400 12.5px/15px var(--ss-ui);color:var(--ss-ink-2);overflow-wrap:anywhere;margin:0}.sk-packet-band--sig{border:3.5px solid var(--ss-red);justify-content:flex-start;min-height:128px;padding:10px 14px;box-shadow:0 0 0 4px #e3452f1f,0 14px 30px -12px #e3452f80}.sk-packet-band--sig .sk-packet-value{margin-top:2px}.sk-packet-band--overlaid{padding-bottom:var(--sk-band-overlay-h,66px)}.sk-packet--fill{flex:auto}.sk-packet--fill>.sk-packet-row{flex:auto;align-items:stretch}.sk-packet--fill>.sk-packet-row>.sk-packet-num{align-self:center}.sk-packet-tag{border:1.5px solid var(--ss-red-ink);height:18px;color:var(--ss-red-ink);font:600 11px/1 var(--ss-mono);letter-spacing:.08em;white-space:nowrap;border-radius:4px;align-items:center;padding:0 6px;display:inline-flex}}
@keyframes sk-stamp-press{0%{opacity:0;transform:scale(1.4)}55%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@layer components{.sk-consent-stamp{--sk-stamp-a:15px;--sk-stamp-b:12.5px;color:var(--ss-red);transform-origin:50%;pointer-events:none;display:inline-block}.sk-consent-stamp[data-inked=true]{animation:sk-stamp-press .42s var(--ss-ease,ease-out)1 both}.sk-consent-stamp-face{opacity:.92;transform-origin:50%;border:3.5px solid;border-radius:10px;padding:2px;display:block;transform:rotate(-4deg);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='80'><filter id='sk-speck'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3 2.3'/></filter><rect width='240' height='80' filter='url(%23sk-speck)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='80'><filter id='sk-speck'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3 2.3'/></filter><rect width='240' height='80' filter='url(%23sk-speck)'/></svg>");-webkit-mask-size:100% 100%;mask-size:100% 100%}.sk-consent-stamp[data-inked=false] .sk-consent-stamp-face{visibility:hidden;opacity:0}.sk-consent-stamp-in{text-shadow:0 0 .6px;-webkit-text-stroke:.35px currentColor;border:1.5px solid;border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:6px 11px 5px;display:flex}.sk-consent-stamp-a{font:600 var(--sk-stamp-a)/1 var(--ss-mono);letter-spacing:.05em;white-space:nowrap}.sk-consent-stamp-b{font:600 var(--sk-stamp-b)/1 var(--ss-mono);letter-spacing:.04em;white-space:nowrap}@media (prefers-reduced-motion:reduce){.sk-consent-stamp[data-inked=true]{animation:none}}}
@layer components{.gate-pair{flex-direction:column;align-items:stretch;gap:16px;width:100%;min-width:0;max-width:552px;margin:auto;padding:16px;display:flex}.gate-pair>.gate-panel,.gate-pair>.gate-sheet{min-width:0}@media (min-width:1024px){.gate-pair{flex-direction:row;justify-content:center;gap:28px;max-width:none;padding:16px 24px}.gate-pair>.gate-panel{flex:0 520px}.gate-pair>.gate-sheet{flex:0 480px}}}
@layer components{.pc-ready{flex-direction:column;justify-content:center;width:100%;max-width:1100px;min-height:100%;margin:0 auto;display:flex}.pc-print{flex-direction:column;align-items:center;display:flex}.pc-label{z-index:1;width:min(600px,100% - 24px);margin-top:-7px;position:relative;box-shadow:0 30px 60px -24px #000000d9,0 0 90px #ffc93c14}.pc-label:after{content:"";pointer-events:none;background:linear-gradient(#00000080,#0000);height:18px;position:absolute;top:0;left:0;right:0}.pc-label .sk-tape-field{padding:13px 18px 14px}.pc-label .sk-tape-meta{margin-top:9px}.pc-label .pc-meta-2{color:var(--ss-ink-2);margin-top:3px}.pc-chips{margin-top:20px}.pc-card{margin-top:14px;padding:18px;box-shadow:0 30px 60px -30px #000000b3,inset 0 1px #ffffff0f}.pc-col{flex-direction:column;min-width:0;display:flex}.pc-card[data-layout=narrow]{flex-direction:column;gap:22px;display:flex}.pc-card[data-layout=narrow] .pc-meter{margin-bottom:18px}.pc-share{margin-top:16px}.pc-card[data-layout=wide]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;padding:24px;display:grid}.pc-card[data-layout=wide] .pc-meter{margin-top:18px;margin-bottom:16px}.pc-card[data-layout=wide] .pc-qr{margin-bottom:16px}.pc-card[data-layout=wide] .pc-download,.pc-card[data-layout=wide] .pc-share{margin-top:auto}@media (max-width:479.98px){.pc-card[data-layout=narrow]{padding:16px}}}
@keyframes read-this-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@layer components{.read-this{border:3px solid var(--ss-ink);background-color:var(--ss-paper);min-height:0;max-height:40dvh;color:var(--ss-ink);animation:read-this-in .24s var(--ss-ease)both;border-radius:14px;flex-direction:column;flex:none;gap:8px;margin:0;padding:14px;display:flex;overflow:hidden;box-shadow:0 20px 36px -18px #000000bf;container-type:inline-size}.read-this-label{font-family:var(--ss-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ss-red-ink);flex:none;align-items:center;gap:7px;margin:0;font-size:10.5px;font-weight:600;line-height:1;display:flex}.read-this-dot{background-color:var(--ss-red);border-radius:50%;flex:none;width:7px;height:7px}.read-this-words{overscroll-behavior:contain;min-height:0;font-family:var(--ss-display);letter-spacing:-.005em;color:var(--ss-ink);white-space:pre-wrap;overflow-wrap:break-word;text-wrap:pretty;scrollbar-width:thin;scrollbar-color:#1e1a1647 transparent;background-image:repeating-linear-gradient(#1e1a1612 0 1px,#0000 1px 1lh);background-attachment:local;flex:0 auto;margin:0 -14px;padding:0 14px;font-size:clamp(22px,12.66px + 2.256cqi,28px);font-weight:600;line-height:1.35;overflow-y:auto}@media (max-width:1023.98px),(min-height:700px){.studio .studio-voice-body[data-reading=true]{--read-this-min:92px;--read-this-take:114px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--read-this-min),auto)minmax(min-content,1fr);min-height:calc(var(--read-this-min) + 12px + var(--read-this-take));row-gap:12px;display:grid}.studio .studio-voice-body[data-reading=true]>.read-this{align-self:start;max-height:min(100%,40dvh);margin:0}}@media (min-width:768px) and (max-width:1023.98px),(min-width:1024px) and (min-height:700px){.studio .studio-voice-body[data-reading=true]{--read-this-take:126px}.studio .studio-voice-body[data-reading=true]>.studio-voice-take{justify-content:flex-end;gap:18px;min-height:0;padding:18px 0 0;container-type:normal}.studio .studio-voice-body[data-reading=true] .studio-voice-disc{width:64px;height:64px}.studio .studio-voice-body[data-reading=true] .studio-voice-record{flex-direction:row;padding:4px 16px}.studio .studio-voice-body[data-reading=true] .studio-voice-record>:last-child{margin-left:8px}}@media (min-width:1024px) and (min-height:700px){.studio .studio-voice-body[data-reading=true]{--read-this-take:122px;grid-template-rows:minmax(var(--read-this-min),auto)minmax(var(--read-this-take),1fr)}.studio .studio-voice-body[data-reading=true]>.studio-voice-take{justify-content:flex-start;gap:0;padding:0;container:voice-take/size}.studio .studio-voice-body[data-reading=true] .studio-voice-record{margin-top:12px}.studio .studio-voice-body[data-reading=true] [data-studio=voice-lock]{margin-top:18px}@container voice-take (min-height:176px){.studio .studio-voice-body[data-reading=true] .studio-voice-record{flex-direction:column;margin-top:16px;padding:0 16px}.studio .studio-voice-body[data-reading=true] .studio-voice-record>:last-child{margin-left:0}.studio .studio-voice-body[data-reading=true] [data-studio=voice-lock]{margin-top:10px}.studio .studio-voice-body[data-reading=true] .studio-voice-disc{width:clamp(64px,100cqh - 80px,132px);height:clamp(64px,100cqh - 80px,132px)}}}@media (max-width:767.98px){.studio[data-take-sheet=true] .studio-voice-body[data-reading=true]>.read-this{max-height:26dvh}}@media (min-width:1024px) and (max-height:699.98px){.read-this{display:none}}@media (prefers-reduced-motion:reduce){.read-this{animation:none}}}
@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-modal-host{--sk-ink:#ffffffc7;color:#e9f0fa}.studio-area-rail{grid-area:rail;min-height:0}.studio-area-stage{grid-area:stage;min-width:0;min-height:0;position:relative}.studio-area-film{grid-area:film;min-width:0}.studio-area-tool{pointer-events:none;grid-area:stage;min-width:0;min-height:0;position:relative}.studio-area-tool>*{pointer-events:auto}.studio-area-transport{z-index:48;grid-area:transport;position:relative}.studio{--studio-transport-h:calc(88px + env(safe-area-inset-bottom,0px))}.studio-transport{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#00000073;border-top:1px solid #ffffff14}.studio-transport-side{width:86px}.studio-transport-deck{background-color:#05070d;border-radius:999px;align-items:center;gap:14px;padding:6px 12px;display:flex;box-shadow:inset 0 2px 6px #000c,0 0 0 1px #ffffff0f}.studio-transport-readout{font-family:var(--ss-mono);letter-spacing:.1em;text-align:right;white-space:nowrap;color:var(--ss-fg-3);flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;font-weight:500;line-height:1.2;display:flex}.studio-transport-sep{display:none}.studio-transport[data-recording=true] .studio-transport-readout{color:#ff6a52}.studio-transport .studio-transport-rec[data-kind=stop]{color:var(--ss-red);background-color:#1a1f33;background-image:none;border:3px solid #e3452fd9;box-shadow:0 0 0 6px #e3452f24,0 0 26px #e3452f59}.studio-transport .studio-transport-rec[data-kind=stop]:not(:disabled):hover{color:#ff6a52;border-color:#e3452fd9}.studio-transport .studio-transport-rec[data-kind=stop] .sk-transport-glyph{width:36%;height:36%}@media (min-width:640px){.studio-transport-side{width:132px}}@media (max-width:399.98px){.studio-area-transport .sk-transport{--sk-transport-size:52px}.studio-transport-readout{letter-spacing:.06em}}@media (max-width:359.98px){.studio-area-transport .sk-transport{--sk-transport-size:46px}.studio-transport{padding-left:10px;padding-right:10px}.studio-transport-readout{white-space:normal;flex-shrink:1;width:auto;min-width:0;font-size:10px}}.studio-title{flex:8rem;justify-content:center;align-items:center;gap:6px;min-width:8rem;display:flex}.studio-title .studio-title-input{field-sizing:content;text-align:center;text-overflow:ellipsis;max-width:calc(100% - 22px)}@media (max-width:1179.98px){.studio-title{padding-right:12px}}@media (min-width:640px) and (max-width:767.98px){.studio-topbar .studio-title{flex:1 1 0;min-width:0}}.studio-bar-more{display:contents}@media (max-width:639.98px){.studio-area-top{z-index:49;position:relative}.studio-bar-more{border:1px solid var(--ss-line-2);background-color:#0b1020f7;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;width:min(240px,100vw - 24px);padding:12px;display:none;position:absolute;top:calc(100% + 6px);right:12px;box-shadow:0 24px 48px -12px #000000b3}.studio-bar-more[data-open=true]{animation:.2s ease-out both studio-fade;display:flex}.studio-bar-more [data-sk=mode]{align-self:center}.studio-topbar .studio-title{flex:1 1 0;min-width:0;padding-right:0}.studio-finish[data-recording=true]{transform:none}.studio-finish-note{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.studio-finish{transition:transform .3s var(--ss-ease);display:flex;position:relative}.studio-finish[data-recording=true]{transform:translateY(-6px)}.studio-finish .sk-big--gold:disabled{opacity:1;color:#fbbf4a9e;box-shadow:none;background-color:#f59e0b24;background-image:none;border-color:#f59e0b52}.studio-finish .sk-big--gold:disabled .sk-big-icon{opacity:.5}.studio-finish-note{letter-spacing:.1em;text-align:center;text-transform:uppercase;white-space:nowrap;color:var(--ss-fg-3);pointer-events:none;font-size:10.5px;line-height:1;position:absolute;top:calc(100% + 3px);left:0;right:0}.studio-rail-list{--sk-big-h:84px;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-rail-list>.studio-rail-sep{background-color:var(--ss-line-2);flex:none;align-self:stretch;width:1px;margin:12px 2px}.studio-rail-list>.studio-rail-magic{flex:0 0 60px}.studio-rail-list>[data-waiting=true]{opacity:.4;cursor:not-allowed}.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-voice-take{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;padding:2px 0 4px;display:flex}.studio-voice-disc{width:64px;height:64px}.studio-voice-body{flex-direction:column;flex:auto;display:flex}.studio-voice-record{flex-direction:row;padding:8px 16px}.studio[data-recording=true] .studio-voice-record>:last-child{margin-left:8px}.studio-voice-yours{--sk-big-h:52px}.studio-codec-line{letter-spacing:.1em;text-align:center;text-transform:uppercase;max-width:100%;color:var(--ss-fg-3);margin:0;font-size:10.5px;line-height:1.35}@media (min-width:1024px){.studio-codec-line{display:none}}.studio-toolpanel-head{margin-bottom:12px;position:relative}@media (max-width:767.98px){.studio[data-take-sheet=true] .studio-area-transport{visibility:hidden}.studio[data-take-sheet=true] .studio-toolpanel{bottom:0}.studio[data-take-sheet=true]{height:100dvh;min-height:0}.studio[data-take-sheet=true] .stage-zone{height:var(--studio-zone-cap,auto);flex:none}.studio-toolpanel[data-compact=true] .studio-toolpanel-head{z-index:2;width:40px;height:40px;margin:0;position:absolute;top:8px;right:8px}.studio-toolpanel[data-compact=true] .studio-toolpanel-close{background-color:#0b1020!important}}.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}.studio-insp-slider{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value""range range";align-items:center;column-gap:10px;display:grid}.studio-insp-slider-name{grid-area:name}.studio-insp-slider-value{text-align:right;grid-area:value}.studio-insp-slider-range{grid-area:range}@media (min-width:768px){.studio{grid-template:"top top""rail stage"minmax(0,1fr)"rail film""rail transport"/auto minmax(0,1fr)}.studio-rail-list{--sk-big-h:92px;scrollbar-width:none;flex-direction:column;align-items:center;gap:12px;width:116px;height:100%;padding:20px 12px 12px;overflow-y:auto}.studio-rail-list>*{flex:none;width:100%}.studio-rail-list>.studio-rail-sep{width:auto;height:1px;margin:4px 12px}.studio-rail-list>.studio-rail-magic{flex:none;width:72px}.studio-voice-take{gap:12px;padding:8px 0}.studio-voice-disc{width:104px;height:104px}.studio-voice-record{flex-direction:column;padding:12px 16px 4px}.studio[data-recording=true] .studio-voice-record>:last-child{margin-left:0}.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:768px) and (min-height:600px){.studio{height:100dvh;min-height:0}}@media (min-width:1024px){.studio{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"top top top""rail tool stage""rail film film""rail transport transport"}.studio-area-tool{pointer-events:auto;grid-area:tool;padding:16px 0 16px 12px;display:flex}.studio-area-tool:empty{padding:0}.studio-voice-body{flex:1 1 0}.studio-voice-take{flex:1 1 0;justify-content:flex-end;min-height:150px;container-type:size}.studio-voice-disc{width:clamp(64px,100cqh - 84px,132px);height:clamp(64px,100cqh - 84px,132px)}.studio-toolpanel{width:320px;height:100%;max-height:none;animation:.26s ease-out both studio-fade;position:relative;bottom:auto;left:auto}.studio-area-transport{padding:0 12px calc(12px + env(safe-area-inset-bottom,0px))}.studio-transport{border:1px solid var(--ss-line);background-color:#080b159e;border-radius:18px;padding:11px 22px}.studio-transport-side{width:230px}.studio-transport-readout{flex-direction:row;justify-content:flex-end;align-items:center;gap:0;font-size:13px;line-height:1}.studio-transport-sep{white-space:pre;display:inline}}@media (min-width:1024px) and (max-height:699.98px){.studio-area-transport{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.studio-transport{padding-block:8px}.studio-voice-body{overscroll-behavior:contain;min-height:0;margin:0 -8px;padding:0 8px;overflow-y:auto}.studio-voice-take{flex:none;gap:6px;min-height:0;margin-top:auto;padding:6px 0 0;container-type:normal}.studio-voice-disc{width:64px;height:64px}.studio-voice-record{flex-direction:row;padding:4px 16px}.studio-voice-yours{--sk-big-h:44px}.studio[data-recording=true] .studio-voice-body{min-height:auto;overflow:visible}.studio[data-recording=true] .studio-voice-take{gap:18px;padding-top:18px}.studio[data-recording=true] .studio-voice-record>:last-child{margin-left:8px}}@media (min-width:1180px){.studio{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"top top top top""rail tool stage inspector""rail film film inspector""rail transport transport inspector"}.studio-topbar .studio-title{min-width:0;max-width:calc(100% - 820px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-inspector{border-left:1px solid #ffffff17;border-radius:0;grid-area:inspector;width:366px;height:100%;min-height:0;max-height:none;padding-bottom:0;animation:.26s ease-out both studio-fade;position:static}.studio-inspector-close{display:none}.studio-insp-slider{grid-template-columns:144px minmax(0,1fr) 44px;grid-template-areas:"name range value";margin-bottom:8px}.studio-insp-slider-name{white-space:nowrap}.studio-topbar .studio-title .studio-title-input{font-size:22px!important}}@media (min-width:1180px) and (max-width:1439.98px){.studio[data-advanced=true] .studio-transport-side{width:120px}.studio[data-advanced=true] .studio-transport-readout{flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;line-height:1.2}.studio[data-advanced=true] .studio-transport-sep{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;position:relative}.studio-monitor[data-recording=true]{box-shadow:0 40px 90px #0000008c,0 0 120px -20px #e3452f38,inset 0 0 0 1px #ffffff08,inset 0 1px #ffffff12}.studio-story-text{font-family:var(--font-fraunces),Georgia,"Iowan Old Style",serif;letter-spacing:.002em;color:var(--ss-cream);text-wrap:balance;white-space:pre-wrap;font-size:clamp(1.05rem,1.15vw + .85rem,1.6rem);line-height:1.55}.studio-story-input{width:100%;resize:none;field-sizing:content;background:0 0;border:none;outline:none;max-inline-size:640px;margin-inline:auto}.studio-story-input::placeholder{color:#f4f1e852}.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}.studio .sk-big--red:not(:disabled) .sk-big-ring,.studio-modal-host .sk-big--red:not(:disabled) .sk-big-ring{opacity:.55;animation:none}@media (prefers-reduced-motion:reduce){.studio-finish{transition:none}.studio-toolpanel,.studio-inspector,.studio-monitor-page,.studio-shake,.studio-printing,.studio-rise,.studio-fade,.studio-bar-more,.studio-busy{animation:none!important}.studio-printing{clip-path:none;opacity:1}.studio-busy{background-image:linear-gradient(90deg,#f59e0b73,#f59e0b73)}.studio-title-input,.studio-progress-bar{transition-duration:1ms}}@media (orientation:landscape) and (max-height:599.98px) and (max-width:1023.98px){.studio[data-recording=true]{--studio-take-card:min(400px,52vw);grid-template:"top""stage"minmax(0,1fr)"transport"/minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.studio[data-recording=true] .studio-area-film,.studio[data-recording=true] .studio-area-rail,.studio[data-take-card=true] .studio-area-transport{display:none}.studio[data-recording=true] .studio-area-tool{grid-area:stage}.studio[data-take-card=true] [data-studio=stage-text]{display:none!important}.studio[data-recording=true]:not([data-take-card=true]) [data-studio=stage-text]{gap:2px;padding-block:2px 4px}.studio[data-recording=true]:not([data-take-card=true]) [data-studio=stage-head],.studio[data-recording=true]:not([data-take-card=true]) [data-studio=stage-status]{display:none!important}.studio[data-recording=true]:not([data-take-card=true]) [data-studio=stage-text]>div:has(>.studio-progress-bar){display:none!important}.studio[data-recording=true]:not([data-take-card=true]) .studio-story-text{min-height:0!important;max-height:2.7em!important;font-size:15px!important;line-height:1.3!important}.studio[data-recording=true] .studio-toolpanel{width:var(--studio-take-card);border-radius:18px;max-height:none;padding-bottom:12px;position:absolute;inset:8px 8px 8px auto}.studio[data-recording=true] .stage-zone,.studio[data-take-sheet=true][data-recording=true] .stage-zone{--stage-pad:8px;flex:1 1 0;height:auto}.studio[data-take-card=true] .stage-zone{margin-right:calc(var(--studio-take-card) + 8px)}}}
@layer components{.studio-reply{min-width:0;padding:6px 12px 0;display:flex}.studio-reply-chip{color:#cdc6ff;min-width:0;max-width:100%;height:26px;font-family:var(--ss-ui);white-space:nowrap;background-color:#7c6bff29;border:1px solid #7c6bff80;border-radius:999px;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.studio-reply-chip>svg{flex:none;width:13px;height:13px}.studio-reply-text{text-overflow:ellipsis;min-width:0;overflow:hidden}}