.ss-stage{--ss-mobile-size:420px;--ss-accent:#70dac1;transition:box-shadow .3s;background:radial-gradient(ellipse at 50% 69%,#a2efce40,transparent 65%)}
.ss-stage.ss-pro{min-height:var(--ss-size);height:var(--ss-size);perspective:1200px;border:1px solid #b4dfd12e}
.ss-pro canvas{height:calc(100% - 92px);touch-action:pan-y;transition:filter .25s;pointer-events:auto}
.ss-pro.ss-canvas-focus canvas:focus-visible,.ss-pro button:focus-visible{outline:3px solid #1b9c86;outline-offset:-4px}
.ss-pro .ss-controls{gap:6px;padding:10px 38px;max-width:100%;background:linear-gradient(0deg,#f3fcf9e8,transparent);border-radius:20px;min-height:60px;box-sizing:border-box}
.ss-pro .ss-controls button{font-size:11px;min-height:34px;transition:transform .18s,background .18s}
.ss-pro .ss-controls button:hover{transform:translateY(-2px);background:#dcf8ed}
.ss-pro .ss-close{width:36px;height:36px;right:12px;top:12px;box-shadow:0 5px 18px #0b423f12;font-size:24px}
.ss-scene-badge{position:absolute;top:14px;left:15px;z-index:2;font:700 10px system-ui;color:#24796c;letter-spacing:.06em;border:1px solid #c2e7db8c;border-radius:25px;padding:7px 10px;background:#ffffffa6;pointer-events:none}
.ss-hint{position:absolute;bottom:66px;left:12px;right:12px;text-align:center;font-size:10px;color:#527a72;z-index:2;pointer-events:none;margin:0}
.ss-pro.ss-expanded,.ss-pro.ss-fullscreen{position:fixed!important;inset:4vh 4vw!important;transform:none!important;margin:0!important;width:92vw!important;max-width:none!important;height:92vh!important;min-height:0!important;z-index:2147482000;box-shadow:0 0 0 100vmax #06272b94,0 20px 90px #092e3d55;border-radius:32px;background:radial-gradient(ellipse at 50% 60%,#d2fbe8,#eaf7f6 65%,#e1f0f9)}
.ss-pro.ss-expanded canvas,.ss-pro.ss-fullscreen canvas{height:calc(100% - 95px)}
.ss-pro.ss-expanded .ss-controls,.ss-pro.ss-fullscreen .ss-controls{min-height:60px;padding-inline:24px}
.ss-pro.ss-wide{width:100%;max-width:none;grid-column:1/-1}
.ss-pro.ss-border-halo{box-shadow:inset 0 0 60px #4bdeb918,0 16px 45px #1471630c;border-color:#9fdac97d}
.ss-pro.ss-border-glass{background:linear-gradient(125deg,#f4ffffa3,#d5f4e659);backdrop-filter:blur(10px);border-color:#ffffffba;box-shadow:inset 0 1px #fff,0 20px 45px #1a5c5312}
.ss-pro.ss-border-cinema{background:radial-gradient(ellipse at 50% 70%,#145c61,#0d263d);border-color:#275566;box-shadow:inset 0 0 70px #061827}
.ss-pro.ss-border-cinema .ss-hint,.ss-pro.ss-border-cinema .ss-scene-badge{color:#a8eddb;background:#153e4c}
.ss-pro.ss-exiting{pointer-events:none}
.ss-pro.ss-center-overlay.ss-effect-soft{animation:none}
.ss-pro.ss-exit-fade,.ss-pro.ss-exit-dust,.ss-pro.ss-exit-goodbye{animation:ssCinemaFade var(--ss-exit-time,1.6s) ease-in forwards}
.ss-pro.ss-exit-beam canvas{filter:brightness(1.6) saturate(.5);clip-path:inset(0 0 0 0);animation:ssBeamOut var(--ss-exit-time) ease-in forwards}
.ss-pro.ss-exit-portal:before{content:"";position:absolute;left:20%;top:18%;width:60%;height:60%;border:2px solid #66f6d1;border-radius:50%;box-shadow:0 0 35px #54ecbf,inset 0 0 45px #76f0dc;animation:ssRingOut var(--ss-exit-time) ease-in forwards;z-index:0}
.ss-pro.ss-effect-hologram canvas{filter:drop-shadow(0 0 10px #5be2d475)}
.ss-pro.ss-effect-curtain:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#154449,#0c786e);z-index:2;pointer-events:none;animation:ssCurtain var(--ss-entrance-time,2s) cubic-bezier(.2,.75,.3,1) both}
.ss-pro.ss-effect-ripple:before{content:"";position:absolute;inset:15% 20%;border:2px solid #5adbb1;border-radius:50%;animation:ssRipple var(--ss-entrance-time) ease-out both}
@keyframes ssCinemaFade{0%,55%{opacity:1}100%{opacity:0}}
@keyframes ssBeamOut{100%{clip-path:inset(0 49.9%);opacity:0}}
@keyframes ssRingOut{30%{transform:scale(1.1);opacity:1}100%{transform:scale(.01);opacity:0}}
@keyframes ssCurtain{from{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}
@keyframes ssRipple{from{transform:scale(.2);opacity:.9}to{transform:scale(1.8);opacity:0}}
.ss-admin-group{padding:20px;border:1px solid #d6e8e3;border-radius:18px;margin:18px 0;background:linear-gradient(140deg,#fbfefd,#f5f9fc)}
.ss-admin-group summary{font-weight:850;font-size:15px;color:#126e61;cursor:pointer;padding:3px 0 14px}
.ss-admin-group p{font-size:12px;line-height:1.8;color:#627d83}
.ss-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ss-preset-row button{border:1px solid #b8ded0;background:#f0fbf7;color:#116856;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:750}
@media(max-width:760px){.ss-stage.ss-pro{height:min(var(--ss-mobile-size),85svh);min-height:min(var(--ss-mobile-size),85svh)}.ss-pro.ss-expanded,.ss-pro.ss-fullscreen{inset:2vh 2vw!important;width:96vw!important;height:94svh!important;border-radius:22px}.ss-pro .ss-controls{padding:8px;gap:5px}.ss-pro .ss-controls button,.ss-pro .ss-cta{font-size:10px;padding:7px 9px}.ss-scene-badge{font-size:9px;max-width:60%}.ss-hint{bottom:75px}}
@media(prefers-reduced-motion:reduce){.ss-stage.ss-pro,.ss-pro:before,.ss-pro:after,.ss-pro canvas,.ss-pro button{animation:none!important;transition:none!important}.ss-pro.ss-exiting{opacity:0}}

.ss-pro .ss-close-expanded-only{display:none}.ss-pro.ss-expanded .ss-close-expanded-only{display:block}