/* STILL studio: local to this route, independent of the surrounding Play theme. */
body.still-page #play{background:#ebe6dc;color:#f5eee1;z-index:100;isolation:isolate}
body.still-page #play .play-head{height:auto;min-height:66px;flex-shrink:0;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:linear-gradient(110deg,#203d35,#172e2b);border-bottom:1px solid #c7ad7855;color:#f6eedb!important}
body.still-page #play .title b{font:normal 23px/1.2 Georgia,serif;color:#f6eedb!important;letter-spacing:.015em}
body.still-page #play .title span{font:11px/1.5 Arial,sans-serif;color:#d0d9c8!important;margin-top:5px}
body.still-page #play button.icon-btn{min-height:44px;min-width:44px;background:#f3e8ce12!important;color:#f7eacb!important;-webkit-text-fill-color:#f7eacb!important;border:1px solid #c6ba8d66;border-radius:50%!important}
body.still-page .studio-status{flex-shrink:0;margin:0;padding:9px 18px;background:#edf0e6;color:#375b4d!important;font:12px/1.5 Arial,sans-serif;border-bottom:1px solid #bccbb277;min-height:36px}
body.still-page #stageWrap{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;background:#e9e4d8}
body.still-page #stage{position:relative;inset:auto;display:block;width:100%;height:0;min-height:120px;flex:1 1 0;touch-action:none;background:#ece7dc}
body.still-page #toolbar{position:relative;inset:auto;transform:none;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;align-items:stretch;gap:9px;flex-shrink:0;width:100%;max-width:none;max-height:43dvh;overflow-y:auto;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border:0;border-top:1px solid #c8b78d;border-radius:0;background:#f8f5ecef;backdrop-filter:blur(20px);color:#294b40;box-shadow:0 -12px 35px #1f3c2d12;scrollbar-width:thin}
body.still-page .studio-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
body.still-page #toolbar button{min-height:44px;min-width:44px;padding:9px 16px;background:linear-gradient(#fffdf7,#eeeee2)!important;border:1px solid #a6b5a1!important;border-radius:22px!important;box-shadow:0 2px 4px #1f39220a;color:#294b40!important;-webkit-text-fill-color:#294b40!important;font:600 12px/1.3 Arial,sans-serif;letter-spacing:.02em;cursor:pointer}
body.still-page #toolbar button[aria-pressed=true],body.still-page #toolbar button.studio-save{background:linear-gradient(135deg,#426755,#23493e)!important;border-color:#577b5c!important;color:#fcf3d9!important;-webkit-text-fill-color:#fcf3d9!important;box-shadow:inset 0 1px 0 #ffffff22,0 3px 8px #1e423222}
body.still-page #toolbar button:disabled{opacity:.4;cursor:not-allowed}
body.still-page #toolbar label{font:10px/1.5 Arial,sans-serif;color:#4d6657!important;letter-spacing:.035em;display:flex;align-items:center;gap:7px;white-space:nowrap;padding:0}
body.still-page #toolbar select{min-height:40px;padding:8px 30px 8px 12px;border:1px solid #aebcaa;border-radius:10px;background:#fffdf6!important;color:#294b40!important;-webkit-text-fill-color:#294b40!important;font:12px Arial,sans-serif;max-width:190px}
body.still-page #toolbar input[type=color]{width:38px;height:38px;border:1px solid #aebcaa;border-radius:50%;padding:3px;background:#fffdf6;cursor:pointer}
body.still-page #toolbar input[type=range]{width:90px;accent-color:#3d6b55;min-height:32px}
body.still-page .studio-swatches{display:flex;gap:6px}
body.still-page #toolbar button.studio-swatch{width:32px;height:32px;min-height:32px;min-width:32px;padding:0;border:4px solid #f8f5ec!important;background:var(--studio-swatch)!important;box-shadow:0 0 0 1px #b6c1ab;border-radius:50%!important}
body.still-page #toolbar button.studio-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #3e6854;outline-offset:3px}
body.still-page #toolbar .studio-actions{border-top:1px solid #c2c9b77a;padding-top:9px}
body.still-page .studio-actions span{margin-left:auto;font:10px/1.6 Arial,sans-serif;color:#627564}
body.still-page #play .floating-controls{display:none!important}
body.still-page #helpModal{z-index:110;align-items:center}
body.still-page #helpModal .sheet{background:linear-gradient(125deg,#25483b,#182f29);border:1px solid #b3a579;color:#f5ecd6!important;border-radius:24px;max-height:85dvh;overflow:auto}
body.still-page #helpModal :is(h3,li,button){color:#f5ecd6!important;-webkit-text-fill-color:#f5ecd6!important}
body.still-page #helpModal button{min-height:44px;background:#264e3d!important;border:1px solid #a5ac85}
body.still-page .card{border-radius:24px;box-shadow:0 12px 30px #1a2d2518}
body.still-page .card .card-copy h3{color:#fff2da!important;text-shadow:0 2px 9px #081913aa}
body.still-page .card .card-copy p,body.still-page .card .num{color:#eee9d8!important}
body.still-page .card .open-btn{background:linear-gradient(130deg,#f0e0b8,#bda77b)!important;color:#213c31!important;-webkit-text-fill-color:#213c31!important;border:1px solid #e3d4ad;border-radius:24px!important;padding:12px 24px;min-height:46px;font:600 11px Arial,sans-serif;letter-spacing:.12em}
body.still-page .coming{display:none}
body.still-page .section{padding-top:26px}
body.still-page .hero{min-height:320px!important;padding-top:70px!important;padding-bottom:30px!important}
body.still-page .hero h1{font-size:clamp(70px,13vw,130px)!important}
body.still-page .studio-brand-logo{display:block;width:48px;height:60px;object-fit:contain;margin-bottom:14px;border-radius:5px}
body.still-page #play :is(button,select,input):focus-visible{outline:3px solid #b98948!important;outline-offset:3px}
@media(max-width:650px){body.still-page #toolbar{gap:8px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));max-height:42dvh}body.still-page .studio-row{gap:7px}body.still-page #toolbar .studio-tools{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:thin}body.still-page #toolbar .studio-tools button{flex:0 0 auto}body.still-page #toolbar button{padding:9px 12px;font-size:11px}body.still-page .studio-actions span{display:none}body.still-page #toolbar label{font-size:9px}body.still-page #toolbar select{max-width:160px}body.still-page #play .title b{font-size:19px}body.still-page #play .play-head{padding-inline:10px}body.still-page .studio-status{font-size:11px;padding:7px 12px}body.still-page .section-title{display:block}body.still-page .section-title p{margin-top:12px}}
@media(max-height:500px){body.still-page #toolbar{max-height:36dvh}body.still-page #play .play-head{min-height:48px;padding-block:7px}body.still-page .studio-status{display:none}body.still-page #play .title span{display:none}}