@layer components{.studio-shell{background:#060708;min-height:100dvh}.studio-bar{color:#77c4f2;border-bottom:1px solid #262a35;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.studio-bar a{color:#e0e4eb;font-weight:700;text-decoration:none}.studio-bar button,.studio-controls button{color:#e0e4eb;cursor:pointer;background:#141820;border:1px solid #4a9fd8;border-radius:8px;padding:8px 14px}.studio-gate{text-align:center;max-width:620px;margin:0 auto;padding:60px 20px}.studio-gate>img{margin:0 auto 25px}.studio-gate h1{font-family:var(--font-body);margin-bottom:18px;font-size:clamp(28px,6vw,40px);line-height:1.2}.studio-gate p{color:#aab4c4;margin-block:18px;font-size:17px;line-height:1.7}.studio-gate h2{margin-block:20px;font-size:23px}.studio-gate form{text-align:left;gap:16px;margin-block:24px;display:grid}.studio-gate input{color:#fff;background:#141820;border:1px solid #4a9fd8;border-radius:8px;width:100%;padding:14px;font-size:18px}.studio-gate .studio-message{color:#f99}.studio-vk{color:#77c4f2;margin-top:30px;text-decoration:underline;display:block}.studio-controls{color:#aab4c4;background:#0d1014;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.studio-frame{background:#060708;border:0;width:100%;height:calc(100dvh - 140px);min-height:900px;display:block}.studio-gate button:disabled{opacity:.6;cursor:wait}.studio-gate .studio-hint{font-size:13px}@media (max-width:600px){.studio-bar{padding:14px;font-size:13px}.studio-frame{min-height:1100px}}.studio-running{overscroll-behavior:none;width:100%;height:100dvh;min-height:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.studio-running .studio-frame{flex:1 1 0;width:100%;height:0;min-height:0;overflow:hidden}.studio-compact-bar{background:#060708;border-bottom:1px solid #262a35;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:4px 8px;display:flex}.studio-compact-bar button{color:#77c4f2;min-height:28px;font:11px var(--font-tech);cursor:pointer;background:#141820;border:1px solid #4a9fd8;border-radius:5px;padding:5px 9px}.studio-compact-bar button:disabled{opacity:.5;cursor:wait}.studio-compact-bar [role=timer]{font:12px var(--font-tech);color:#77c4f2;white-space:nowrap}.studio-kit-error{color:#f99;flex:1;min-width:0;font-size:11px}.studio-random-control{flex-shrink:0;align-items:center;gap:9px;display:flex}.studio-compact-bar .random-btn{color:#3ac07a;cursor:pointer;width:36px;height:36px;min-height:36px;box-shadow:none;background:#0a0c10;border:2px solid #3ac07a;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:relative}.studio-compact-bar .random-btn:active{transform:scale(.92)}.studio-compact-bar .random-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.studio-compact-bar .random-btn circle{fill:currentColor;stroke:none}.studio-random-button.is-loading svg{animation:1s linear infinite studio-random-spin}.studio-random-label{color:#a9d9f8;font:10px var(--font-tech)}@keyframes studio-random-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.studio-random-button,.studio-random-button svg{transition:none!important;animation:none!important}}.studio-random-emoji{letter-spacing:0;font-size:20px;line-height:1;display:block}.studio-compact-bar .studio-offer-trigger,.studio-offer-trigger{color:#f99;font:11px var(--font-tech);cursor:pointer;white-space:nowrap;background:#241214;border:1px solid #e0404066;border-radius:20px;justify-content:center;align-items:center;gap:5px;padding:6px 9px;transition:background .15s;display:inline-flex}.studio-offer-trigger:hover{background:#3a171a}.studio-gate .studio-offer-trigger{margin-top:20px}.studio-offer-dialog{color:#e0e4eb;text-align:left;background:#0d1014;border:1px solid #3b3542;border-radius:20px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 100px #0009}.studio-offer-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020304cc}.studio-offer-card{padding:30px 24px 22px;position:relative}.studio-offer-badge{color:#f99;font:11px var(--font-tech);letter-spacing:1px;border:1px solid #e0404066;border-radius:6px;padding:5px 9px;display:inline-block}.studio-offer-card h2{font:700 clamp(24px,6vw,32px)/1.15 var(--font-body);color:#fff;margin:20px 0 14px}.studio-offer-card p{color:#b6becc;font:16px/1.55 var(--font-body);margin:14px 0}.studio-offer-price{align-items:baseline;gap:12px;margin:20px 0;display:flex}.studio-offer-price strong{font:700 30px var(--font-tech);color:#f77}.studio-offer-price s{color:#8b95a5;font:15px var(--font-tech)}.studio-offer-card .studio-offer-note{color:#a0a9b8;font-size:12px}.studio-offer-card .studio-offer-primary{color:#fff;width:100%;min-height:44px;font:700 15px var(--font-body);cursor:pointer;text-align:center;background:#e04040;border:0;border-radius:9px;justify-content:center;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.studio-offer-card .studio-offer-secondary,.studio-offer-card .studio-offer-later{color:#77c4f2;width:100%;min-height:40px;font:14px var(--font-body);cursor:pointer;background:0 0;border:1px solid #313744;border-radius:8px;margin-top:10px;padding:10px;display:block}.studio-offer-card .studio-offer-later{color:#a0a9b8;border:0}.studio-offer-card .studio-offer-close{color:#c5cdda;cursor:pointer;background:#1c222c;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:12px;right:12px}.studio-offer-card button:disabled{opacity:.6;cursor:wait}.studio-offer-card .studio-offer-success{color:#61d59a}.studio-offer-card .studio-offer-error{color:#f99}.studio-offer-code strong{overflow-wrap:anywhere}.studio-offer-trigger:focus-visible,.studio-offer-card button:focus-visible,.studio-offer-card a:focus-visible{outline-offset:3px;outline:2px solid #77c4f2}@media (max-width:360px){.studio-random-control{gap:5px}.studio-random-label{font-size:9px}.studio-offer-card{padding:28px 18px 18px}.studio-compact-bar .studio-offer-trigger{gap:3px;padding:5px 6px;font-size:10px}}}