.studio{max-width:1440px;min-height:calc(100svh - 64px);margin:auto;padding:40px 80px 0}.studio h1{letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:60px}.studio h2{font-size:30px;line-height:38px}.studio-steps{margin-bottom:80px}.studio-steps ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.studio-steps li{color:var(--muted);border-top:3px solid #e4dfee;padding-top:13px;font-size:16px;line-height:22px}.studio-steps li[aria-current],.studio-steps li[data-complete=true]{color:var(--ink);border-color:#7139f3}.studio-steps li[aria-current]{font-weight:600}.studio-steps a{display:block}.studio-columns{grid-template-columns:minmax(0,490fr) minmax(0,660fr);gap:100px;min-height:510px;display:grid}.studio-fields{flex-direction:column;gap:28px;display:flex}.studio-fields>h1{margin-bottom:-12px}.studio-fields>.muted{line-height:24px}.studio-art{align-self:start;min-width:0;padding:20px 22px 70px;position:relative}.studio-cinema{aspect-ratio:660/460;animation:cinema-reveal .55s var(--ease-out);border-radius:20px;overflow:hidden;transform:rotate(3deg);box-shadow:0 22px 32px #260f591f}.studio-cinema img{object-fit:cover;width:100%;height:100%}@keyframes cinema-reveal{0%{clip-path:inset(0 100% 0 0);transform:rotate(1deg)translateY(12px)}to{clip-path:inset(0);transform:rotate(3deg)}}.studio-example{color:var(--muted);margin:28px 10px 0;font-size:14px}.studio-photo-card{text-align:center;width:170px;animation:photo-reveal .45s var(--ease-out);background:#fff;border-radius:16px;padding:14px 14px 10px;position:absolute;bottom:25px;left:-24px;transform:rotate(-7deg);box-shadow:0 18px 28px #260f5924}.studio-photo-card img{object-fit:contain;border-radius:8px;width:100%;height:150px}.studio-photo-card span{overflow-wrap:anywhere;margin-top:8px;font-size:14px;display:block}@keyframes photo-reveal{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.photo-upload{background:#f8f5ff;border:1px dashed #c9b8fb;border-radius:18px;flex-direction:column;align-items:center;gap:18px;padding:28px 24px;display:flex}.photo-upload[data-drag=true]{background:#eee5ff;border-color:#7139f3}.photo-upload .button{width:80%;min-height:56px;padding:12px 20px;font-size:18px}.photo-upload>p{color:var(--muted);text-align:center;font-size:16px}.upload-plus{color:#7139f3;font-size:30px;line-height:32px}.upload-preview{object-fit:contain;width:100%;max-height:200px}.child-fields{grid-template-columns:minmax(0,1fr) 105px;gap:20px;display:grid}.child-fields input{border-radius:14px;height:56px;padding:14px 16px}.story-input{background:#faf8fe;border:1px solid #e4dfee;border-radius:20px;flex-direction:column;gap:24px;margin-top:48px;padding:28px;display:flex}.story-input textarea{resize:vertical;width:100%;min-height:200px;color:var(--ink);background:0 0;border:0;font-size:22px;line-height:30px}.story-input textarea:focus{outline-offset:8px}.story-counter{color:var(--muted);font-size:14px}.missing-step{justify-items:start;gap:28px;padding:60px 0;display:grid}.studio .page-heading{gap:16px;display:grid}.studio .page-heading p{color:var(--muted);font-size:20px;line-height:28px}.studio-actions{border-top:1px solid #e4dfee;justify-content:space-between;align-items:center;gap:24px;min-height:120px;margin-top:40px;padding:28px 0;display:flex}.studio-actions .button{min-width:328px}.film-detail{gap:28px;display:grid}.film-detail>.page-heading{padding-top:24px}.premiere-result{grid-template-columns:minmax(0,960fr) minmax(180px,264fr);gap:56px;display:grid}.premiere-result aside{overflow-wrap:anywhere;align-content:start;gap:20px;padding-top:40px;display:grid}.premiere-result aside p{font-size:18px;line-height:26px}.premiere-result aside p:first-of-type{color:var(--muted)}.movie-player{align-content:start;gap:20px;min-width:0;display:grid}.player-frame{aspect-ratio:21/9;background:#17132c;border-radius:20px;position:relative;overflow:hidden}.player-frame video{object-fit:contain;width:100%;height:100%;display:block}.player-poster{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.player-start{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex;position:absolute;inset:0}.player-start>img{width:auto;max-height:72px}.player-start>.button{min-height:56px;font-size:18px}.player-actions{flex-wrap:wrap;gap:16px;display:flex}.player-actions .button{min-height:52px;padding:12px 24px;font-size:16px}.production-title{color:#7139f3;font-size:22px;font-weight:600;line-height:30px}.production-title span{color:var(--muted);margin-top:10px;font-size:16px;font-weight:400;display:block}.production-stage{perspective:1200px;background:#f4f0fc;border-radius:24px;height:420px;position:relative;overflow:hidden}.production-frame{width:52%;height:86%;transition:transform .7s var(--ease-out),opacity .5s;background:#e5dcf5;border-radius:20px;position:absolute;top:7%;left:24%;overflow:hidden;transform:rotate(2deg);box-shadow:0 22px 32px #260f591f}.production-frame img{object-fit:contain;width:100%;height:100%}.production-stage[data-count="3"] .production-frame{transform-style:preserve-3d;animation:7.4s linear infinite production-orbit}.production-stage[data-count="3"] .production-frame[data-position="0"]{animation-delay:-2.4667s}.production-stage[data-count="3"] .production-frame[data-position="2"]{animation-delay:-4.9333s}.production-frame[data-position="0"]:not(:only-child){z-index:0;transform:translate3d(-50%,0,-180px)rotate(-10deg)scale(.7)}.production-frame[data-position="2"]{z-index:0;transform:translate3d(50%,0,-180px)rotate(10deg)scale(.7)}.production-frame[data-position="1"]{z-index:2}.production-stage[data-stopped=true] .production-frame,.production-stage[data-stage=audio] .production-frame,.production-stage[data-stage=assembling] .production-frame{animation:none}.production-stage[data-stage=audio] .production-frame[data-position="1"]{transform:rotate(0)scale(1.08)}.production-stage[data-stage=assembling] .production-frame:not([data-position="1"]):not(:only-child){opacity:0;transform:translateZ(-300px)scale(.6)}.production-stage[data-stage=assembling] .production-frame[data-position="1"],.production-stage[data-stage=assembling] .production-frame:only-child{transform:rotate(0)scale(1.1)}@keyframes production-orbit{0%,20%{z-index:2;animation-timing-function:ease-in-out;transform:translate(0,0)rotate(2deg)scale(1)}26%,53%{z-index:0;animation-timing-function:ease-in-out;transform:translate3d(-50%,0,-180px)rotate(-10deg)scale(.7)}59%{z-index:0;animation-timing-function:ease-in-out;transform:translate3d(0,-30px,-500px)rotate(0)scale(.58)}66%,93%{z-index:0;animation-timing-function:ease-in-out;transform:translate3d(50%,0,-180px)rotate(10deg)scale(.7)}to{z-index:2;transform:translate(0,0)rotate(2deg)scale(1)}}.production-wait{height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:28px;padding:32px;display:grid}.production-help{flex-wrap:wrap;align-items:center;gap:24px;line-height:26px;display:flex}.production-help .button{min-height:52px;font-size:16px}@media (max-width:1000px){.studio{padding:32px}.studio-columns{gap:40px}.studio-steps{margin-bottom:48px}.studio-steps ol{gap:10px}.studio-steps li{font-size:14px}.premiere-result{grid-template-columns:minmax(0,1fr);gap:28px}.premiere-result aside{flex-wrap:wrap;align-items:center;padding-top:0;display:flex}}@media (max-width:640px){.studio{padding:24px 20px 0}.studio h1{font-size:32px;line-height:40px}.studio h2{font-size:24px;line-height:32px}.studio-steps{margin-bottom:36px;overflow-x:auto}.studio-steps ol{min-width:570px}.studio-columns{grid-template-columns:1fr;gap:32px;min-height:0}.studio-art{justify-self:center;width:100%;max-width:480px;padding:8px 12px 44px}.studio-photo-card{width:104px;padding:8px;bottom:8px;left:0}.studio-photo-card img{height:94px}.studio-example{margin-left:108px}.studio-fields{gap:24px}.story-input{margin-top:16px;padding:22px}.story-input textarea{font-size:18px;line-height:26px}.studio-actions{flex-direction:column-reverse;align-items:stretch;min-height:0;margin-top:24px}.studio-actions .button{width:100%;min-width:0}.studio-actions>.text-link{padding:12px 0}.player-frame{aspect-ratio:16/10;border-radius:16px}.player-start{gap:16px;padding:16px}.player-start>img{width:48px;height:48px}.player-start>.button{min-height:48px;padding:12px;font-size:16px}.production-stage{height:270px}}@media (prefers-reduced-motion:reduce){.production-frame{animation:none!important}}.format-options{gap:16px;display:grid}.format-option{text-align:left;width:100%;min-height:112px;color:var(--ink);background:#fff;border:1px solid #e4dfee;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.format-option span{gap:7px;display:grid}.format-option strong{font-size:22px;font-weight:600;line-height:30px}.format-option small{color:var(--muted);font-size:16px;line-height:22px}.format-option i{border:1px solid #c7bddc;border-radius:50%;flex:0 0 22px;width:22px;height:22px}.format-option[aria-pressed=true]{background:#f2ecff;border-color:#7139f3;box-shadow:inset 0 0 0 1px #7139f3}.format-option[aria-pressed=true] i{background:#7139f3;border:5px solid #fff;box-shadow:0 0 0 1px #7139f3}.order-fields{border:0;gap:28px;min-width:0;margin:0;padding:0;display:grid}.order-group{gap:16px;display:grid}.studio .order-group h2,.studio .order-card h2{font-size:20px;line-height:28px}.order-group .muted{font-size:14px;line-height:22px}.choice-row{flex-wrap:wrap;gap:10px;display:flex}.choice-row button,.order-durations button{min-height:52px;color:var(--ink);background:#fff;border:1px solid #e4dfee;border-radius:14px;padding:12px 16px}.choice-row button[aria-pressed=true],.order-durations button[aria-pressed=true]{background:#f2ecff;border-color:#7139f3;box-shadow:inset 0 0 0 1px #7139f3}.order-durations{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.order-durations button{text-align:left;gap:6px;min-height:78px;display:grid}.order-durations button:disabled{opacity:.5}.order-durations strong{font-size:18px;font-weight:500}.order-durations span{color:var(--muted);font-size:15px}.order-summary{align-self:start;min-width:0}.order-summary .studio-art{padding-bottom:24px}.order-card{background:#f6f2ff;border:1px solid #e4dfee;border-radius:20px;gap:20px;padding:28px;display:grid}.order-idea{white-space:pre-wrap;overflow-wrap:anywhere;line-height:26px}.order-card>div{border-top:1px solid #ddd5ed;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.order-card strong{white-space:nowrap;font-size:28px}.order-card .muted{font-size:14px;line-height:22px}@media (max-width:640px){.format-option{min-height:100px;padding:18px 20px}.format-option strong{font-size:20px}.order-card{padding:24px}.order-card strong{font-size:24px}}