.stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:20px;align-items:start}.stage-main{min-width:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.stage-world{height:390px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(#edf4ff 0%,#e9f6f4 66%,#dcebd3 66%)}.stage-world:before,.stage-world:after{content:'';position:absolute;pointer-events:none;z-index:-1}.stage-world[data-background=garden]:before{width:110%;height:46%;left:-30%;bottom:-12%;border-radius:50%;background:#c7debe;transform:rotate(10deg)}.stage-world[data-background=garden]:after{content:'✿　　✾　　✿　　✾　　✿';bottom:6%;left:5%;color:#faf3d7;font-size:34px;letter-spacing:6px;white-space:nowrap}.stage-world[data-background=sea]{background:linear-gradient(#e0f5ff,#90cfdc 70%,#e9ddbd 70%)}.stage-world[data-background=sea]:before{content:'〰　〰　〰';font-size:88px;bottom:-20px;color:#7ba997;white-space:nowrap}.stage-world[data-background=sea]:after{content:'○　◌　○';color:#fff9;font-size:55px;bottom:33%;right:6%}.stage-world[data-background=space]{background:radial-gradient(ellipse at 70% 70%,#8173a8,transparent 65%),linear-gradient(#2e325a,#5a547f)}.stage-world[data-background=space]:before{width:130px;height:130px;background:#f2d69f;box-shadow:inset -20px -14px 0 #dab995;border-radius:50%;right:9%;top:14%}.stage-world[data-background=space]:after{content:'·　✦　　 ·　　✧　　·';color:#f8e8cf;font-size:28px;bottom:19%;left:5%;white-space:nowrap}.stage-decor{position:absolute;left:7%;right:4%;top:8%;font-size:42px;color:#fff;white-space:nowrap;letter-spacing:8px;pointer-events:none}.stage-world[data-background=space] .stage-decor{color:#f9e6b5}.stage-world[data-background=sea] .stage-decor{color:#fffc}.stage-sprites{position:absolute;inset:0}.stage-position{position:absolute;width:24%;height:48%;display:flex;align-items:flex-end;justify-content:center;animation-duration:var(--stage-duration);animation-delay:var(--stage-delay);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.stage-position img{width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 3px #3b34481a);animation-duration:calc(var(--stage-duration) / 3);animation-delay:var(--stage-delay);animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform-origin:center bottom}.stage-world[data-motion=bounce] .stage-position img{animation-name:stage-bounce}.stage-world[data-motion=walk] .stage-position{animation-name:stage-walk}.stage-world[data-motion=walk] .stage-position img{animation-name:stage-step}.stage-world[data-motion=float] .stage-position{animation-name:stage-float}.stage-world[data-playing=false] .stage-position,.stage-world[data-playing=false] .stage-position img{animation-play-state:paused}.stage-hint{position:absolute;top:45%;left:10%;right:10%;text-align:center;background:#ffffffe0;border-radius:16px;padding:16px;font-size:13px;color:#655576}.stage-controls{padding:19px}.stage-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:13px}.stage-control-row strong{font-size:11px;min-width:112px;color:#8c7d9d}.stage-control-row>div{display:flex;flex-wrap:wrap;gap:6px}.art-stage .chip{min-height:44px}.stage-playback{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.stage-playback label{font-size:11px;color:#867695;display:flex;align-items:center;gap:8px}.stage-playback select{font:inherit;background:#f7f3fc;color:#665377;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:8px}.stage-count{font-size:11px;color:#9684a5;margin-left:auto}.stage-tray{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.stage-tray h2{font-size:14px;margin:3px 0 10px}.stage-tray>p{font-size:11px;line-height:1.8;color:#9b8baa;margin:0 0 15px}.stage-art-list{display:grid;grid-template-columns:1fr;gap:10px;max-height:455px;overflow-y:auto;padding:2px}.stage-art{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;padding:7px;min-height:44px;text-align:left}.stage-art img{width:100%;height:88px;object-fit:contain;background:#fff;border-radius:8px}.stage-art b,.stage-art small{display:block}.stage-art b{font-size:11px;margin:8px 3px 5px}.stage-art small{font-size:9px;color:#947baa;margin:0 3px 5px}.stage-draw{margin-top:14px;width:100%}.art-stage button:focus-visible,.art-stage select:focus-visible{outline:3px solid #7651b0;outline-offset:3px}@keyframes stage-bounce{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-24px) rotate(5deg)}}@keyframes stage-walk{0%,100%{transform:translateX(-12%)}50%{transform:translateX(12%)}}@keyframes stage-step{0%,100%{transform:rotate(-6deg)}50%{transform:translateY(-7px) rotate(6deg)}}@keyframes stage-float{0%,100%{transform:translate(-6%,-8px) rotate(-6deg)}50%{transform:translate(7%,-48px) rotate(7deg)}}@media(max-width:1100px){.stage-layout{grid-template-columns:minmax(0,1fr) 160px;gap:13px}.stage-world{height:350px}.stage-controls{padding:15px}.stage-tray{padding:12px}}@media(max-width:800px){.stage-layout{grid-template-columns:1fr}.stage-art-list{grid-template-columns:repeat(3,1fr);max-height:260px}.stage-tray>p br{display:none}.stage-world{height:330px}.stage-draw{width:auto}}@media(max-width:540px){.stage-world{height:300px}.stage-controls{padding:13px}.stage-control-row strong{width:100%}.stage-control-row .chip{font-size:10px;padding:9px}.stage-playback{gap:10px}.stage-playback .primary{padding:12px 15px;font-size:11px}.stage-art-list{grid-template-columns:repeat(2,1fr)}.stage-decor{font-size:31px}.stage-count{margin-left:0}}