.studio-page{background:#f7f7f8}.studio-main{padding:42px 0 80px}.studio-intro{max-width:760px;margin-bottom:28px}.studio-intro h1{font-size:clamp(42px,7vw,72px);line-height:1.25;letter-spacing:-3px;margin:10px 0}.studio-intro h1 em{font-style:normal;color:var(--red)}.studio-intro p{color:#72757f;max-width:650px}.back-link{display:inline-flex;color:#888b95;font-size:11px;margin-bottom:28px}.studio-layout{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:25px;align-items:start;direction:ltr}.story-frame{aspect-ratio:9/16;background:radial-gradient(circle at 75% 20%,#e21b2d55,transparent 28%),#090a0f;border-radius:22px;padding:10px;box-shadow:0 25px 60px #0c0d1328;overflow:hidden;position:relative}.story-frame img{width:100%;height:100%;object-fit:contain;border-radius:14px;display:block}.story-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;text-align:center;padding:30px;direction:rtl}.story-loading a{margin-top:8px}.spinner{width:38px;height:38px;border:3px solid #ffffff2b;border-top-color:#ff5261;border-radius:50%;animation:spin .8s linear infinite}.studio-panel{padding:27px;direction:rtl}.studio-panel h2{font-size:28px;margin:8px 0}.studio-panel>p{font-size:12px;color:#747781;line-height:2}.format-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:23px 0}.format-row span{background:#f5f5f7;border-radius:8px;padding:11px;text-align:center}.format-row b,.format-row small{display:block}.format-row b{font-size:15px}.format-row small{font-size:8px;color:#92959e}.studio-panel button{margin-top:9px;justify-content:center}.text-download{display:block;width:100%;border:0;background:none;color:var(--red);font:10px Vazirmatn;cursor:pointer;padding:11px}.studio-status{min-height:24px;text-align:center;font-size:10px;color:#8e919a}.studio-status.success{color:#18834a}.studio-status.warning{color:#a86e00}.studio-status.error{color:#c7192b}.studio-note{border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.studio-note b,.studio-note span{display:block}.studio-note b{font-size:11px}.studio-note span{font-size:9px;color:#8e919a;line-height:1.9}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:760px){.studio-layout{grid-template-columns:1fr}.story-frame{width:min(100%,390px);margin:auto}.studio-intro h1{letter-spacing:-1.5px}.studio-panel{padding:21px}}