:root{font-family:Vazirmatn,Arial,sans-serif;color:#1b201d;background:#efefed;font-synthesis:none;--studio-line:#d8dbd7;--studio-dark:#1d2520;--studio-ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #78623e;outline-offset:4px}.studio-page{min-height:100svh;overflow-x:hidden}.studio-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px;padding:11px clamp(18px,2.6vw,44px);background:#fff;border-bottom:1px solid #d9ddda}.studio-identity{display:flex;align-items:center;gap:17px;min-width:240px}.studio-close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #c8cec9;border-radius:50%;font:29px Arial,sans-serif;font-weight:200;line-height:1;transition:background .18s var(--studio-ease),border-color .18s var(--studio-ease)}.studio-close:hover{background:#edf0ed;border-color:#8d978c}.studio-title strong,.studio-title span{display:block}.studio-title strong{font-size:16px;font-weight:600;white-space:nowrap}.studio-title span{font-size:10px;color:#8a948c;margin-top:3px}.collection-switch{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:3px;padding:4px;background:#f1f3f0;border:1px solid #e1e5df;border-radius:100px}.collection-button{border:0;border-radius:100px;background:transparent;color:#607066;min-width:105px;padding:8px 14px;cursor:pointer;transition:background .2s var(--studio-ease),color .2s var(--studio-ease),transform .14s var(--studio-ease)}.collection-button strong,.collection-button span{display:block;white-space:nowrap}.collection-button strong{font-size:11px;font-weight:600}.collection-button span{font-size:9px;color:inherit;opacity:.72;margin-top:1px}.collection-button[aria-pressed=true]{background:#1c2520;color:#fff;box-shadow:0 2px 8px #1e25201c}.collection-button:active{transform:scale(.97)}.studio-main{min-height:calc(100svh - 78px);display:grid;grid-template-rows:minmax(580px,1fr) auto;background:#e7e8e6}.official-viewer-shell{position:relative;width:100%;height:calc(100svh - 136px);min-height:580px;overflow:hidden;background:#e5e6e4}.official-viewer-shell iframe{display:block;width:100%;height:100%;border:0}.viewer-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#e7e8e6;color:#6d766f;font-size:13px;transition:opacity .26s var(--studio-ease),visibility .26s var(--studio-ease);pointer-events:none}.viewer-loading:after{content:"";position:absolute;top:calc(50% + 24px);width:94px;height:1px;background:linear-gradient(90deg,transparent,#ac9167,transparent);animation:studio-pulse 1.8s ease-in-out infinite}.official-viewer-shell.is-ready .viewer-loading{opacity:0;visibility:hidden}.studio-stage-label{position:absolute;left:32px;bottom:25px;z-index:1;font:10px Arial,sans-serif;letter-spacing:.18em;color:#9a9f99;pointer-events:none}.studio-guidance{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:58px;padding:12px clamp(18px,3vw,44px);background:#fff;border-top:1px solid #d9ddda;color:#687269;font-size:11px}.studio-guidance p{margin:0;line-height:1.7}.studio-guidance span{flex:none;color:#929a92;font-size:10px}@keyframes studio-pulse{0%,to{opacity:.28;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}@media(max-width:1030px){.studio-header{flex-wrap:wrap}.studio-identity{flex:1}.collection-switch{position:static;transform:none;order:3;width:100%;justify-content:center}.studio-main{min-height:calc(100svh - 130px)}.official-viewer-shell{height:calc(100svh - 190px)}}@media(max-width:600px){.studio-header{min-height:0;padding:11px 14px;gap:10px}.studio-identity{min-width:0;gap:10px}.studio-title strong{font-size:13px}.studio-title span{font-size:9px}.studio-close{width:34px;height:34px;font-size:24px}.collection-switch{gap:0;padding:3px}.collection-button{min-width:0;flex:1;padding:8px 5px}.collection-button strong{font-size:10px}.collection-button span{font-size:8px}.studio-main{grid-template-rows:minmax(520px,1fr) auto}.official-viewer-shell{height:calc(100svh - 180px);min-height:520px}.studio-stage-label{left:15px;bottom:15px;font-size:8px}.studio-guidance{align-items:flex-start;min-height:75px;padding:12px 16px}.studio-guidance p{font-size:10px}.studio-guidance span{display:none}}@media(prefers-reduced-motion:reduce){.collection-button,.studio-close,.viewer-loading{transition:none}.viewer-loading:after{animation:none}}