/* The room uses generated raster sprite sheets. Native text remains outside the art. */
.wa-scene{--wa-ink:#3e483a;--wa-muted:#6b7662;--wa-gold:#e4b55d;position:relative;background:#f8f2df;color:var(--wa-ink);border-block:1px solid #d5c9a8;overflow:hidden;isolation:isolate}
.wa-scene *{box-sizing:border-box}.wa-scene [hidden]{display:none!important}.wa-scene h3,.wa-scene p{margin:0}.wa-scene-head{padding:21px 25px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wa-kicker{font:10px/1.3 monospace;letter-spacing:2px;color:#8b7453}.wa-scene-title h3{font-size:20px;line-height:1.6;margin-top:5px}.wa-scene-count{font-size:12px;color:#67765a;line-height:1.6;text-align:right;font-variant-numeric:tabular-nums}
.wa-growth{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1fr);gap:7px 25px;padding:0 25px 19px;align-items:center}.wa-growth-top{display:flex;align-items:center;gap:9px}.wa-level{display:inline-flex;background:#566d43;color:#fff5d3;border:2px solid #415333;padding:3px 9px;font:bold 15px/1.5 monospace;box-shadow:2px 2px #c4b990}.wa-growth-label{font-size:12px;font-weight:700}.wa-xp{font:12px/1.5 monospace;margin-left:auto}.wa-growth-meter{grid-column:1;height:9px;border:2px solid #877d61;background:#e8ddbe;box-shadow:0 2px #fff9df;overflow:hidden}.wa-growth-meter>span{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#a9b87d 0 9px,#c5d396 9px 12px);transition:width .6s ease}.wa-next{grid-column:2;grid-row:1;font-size:12px;line-height:1.65}.wa-growth-note{grid-column:2;grid-row:2;font-size:10px;color:var(--wa-muted);line-height:1.6}
.wa-stage{position:relative;width:100%;aspect-ratio:3/2;max-height:650px;overflow:hidden;background:linear-gradient(#d7ddbc 0 53%,#b89c72 53% 56%,#d3bc90 56%);contain:layout paint}.wa-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 5px #554b3920,inset 0 -5px #554b3920;z-index:12}.wa-room-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.wa-image-failed{visibility:hidden}.wa-window-glow{position:absolute;left:42%;top:8%;width:18%;height:33%;background:linear-gradient(145deg,#fff2a520,transparent 80%);pointer-events:none;mix-blend-mode:screen;animation:wa-daylight 8s steps(3,end) infinite}
.wa-desk{position:absolute;width:29%;aspect-ratio:3/2;z-index:4;transform:translateX(-50%)}.wa-desk-0{left:24%;bottom:30%;--wa-draw-speed:.96s;--wa-phase:-.22s}.wa-desk-1{left:74%;bottom:30%;--wa-draw-speed:1.24s;--wa-phase:-.67s}.wa-desk-2{left:49%;bottom:8%;--wa-draw-speed:1.1s;--wa-phase:-.43s;z-index:7}.wa-desk-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;z-index:3}.wa-desk-marker{position:absolute;left:35%;bottom:5%;z-index:5;padding:2px 6px;background:#fff6ddea;border:1px solid #9d865e;color:#645338;font-size:clamp(8px,1.1vw,12px);font-weight:700;box-shadow:2px 2px #725b3b22;white-space:nowrap}.wa-desk-light{position:absolute;z-index:4;width:4%;aspect-ratio:1;left:68%;top:27%;background:#f8d667;box-shadow:0 0 0 3px #ffe59033;opacity:0}.wa-drawing .wa-desk-light{opacity:1;animation:wa-lamp-glow 3.7s steps(3,end) infinite}.wa-desk-1 .wa-desk-light{animation-delay:-1.8s}.wa-desk-stopped .wa-desk-marker{background:#f2dfb6;color:#7c573d}.wa-desk-empty .wa-artist{opacity:0}.wa-desk-empty .wa-desk-art{filter:saturate(.8)}
.wa-sprite-wrap{position:relative;display:block;image-rendering:pixelated}.wa-sprite,.wa-fallback{position:absolute;inset:0;display:block;image-rendering:pixelated}.wa-sprite{background-repeat:no-repeat;background-position:0 var(--wa-row,0%);opacity:0}.wa-artist{position:absolute;left:26%;bottom:48%;width:45%;aspect-ratio:3/4;z-index:2;--wa-row:0%}.wa-artist>.wa-sprite{background-image:url('/assets/animated-workshop/artist-v1.webp');background-size:400% 200%}.wa-drawing .wa-artist>.wa-sprite{animation:wa-four-frames var(--wa-draw-speed,1.1s) steps(1,end) var(--wa-phase,0s) infinite}.wa-artist.wa-celebrating{--wa-row:100%;opacity:1}.wa-artist.wa-celebrating>.wa-sprite{animation:wa-four-frames .85s steps(1,end) infinite}.wa-ready-artist .wa-artist>.wa-sprite,.wa-ready-courier .wa-courier>.wa-sprite,.wa-ready-effects .wa-effects>.wa-sprite,.wa-ready-companion .wa-companion>.wa-sprite{opacity:1}.wa-ready-artist .wa-fallback-artist,.wa-ready-courier .wa-fallback-courier,.wa-ready-effects .wa-fallback-effects,.wa-ready-companion .wa-fallback-companion{display:none}
.wa-fallback-artist:before,.wa-fallback-courier:before{content:"";position:absolute;left:33%;top:12%;width:34%;height:28%;background:#e2b885;box-shadow:0 -7px #544534}.wa-fallback-artist:after,.wa-fallback-courier:after{content:"";position:absolute;left:25%;top:42%;width:50%;height:46%;background:#76836a;box-shadow:6px 0 #607256,-6px 0 #607256}.wa-drawing .wa-fallback-artist:after{animation:wa-fallback-pencil .6s steps(2,end) infinite}.wa-companion{position:absolute;left:64%;bottom:5%;width:9%;aspect-ratio:3/8;z-index:8}.wa-companion>.wa-sprite{background-image:url('/assets/animated-workshop/companion-v3.webp');background-size:400% 100%;animation:wa-four-frames 3.6s steps(1,end) infinite}.wa-fallback-companion{inset:61% 15% 11%;background:#bfa27a;box-shadow:4px 4px #78654d}.wa-fallback-companion:before{content:"";position:absolute;top:-7px;left:4px;width:7px;height:9px;background:#bfa27a;box-shadow:17px 0 #bfa27a}
.wa-courier-route{position:absolute;z-index:10;width:10%;aspect-ratio:3/8;pointer-events:none;will-change:transform}.wa-courier{width:100%;height:100%}.wa-courier>.wa-sprite{background-image:url('/assets/animated-workshop/courier-v1.webp');background-size:400% 100%}.wa-walking .wa-courier>.wa-sprite{animation:wa-four-frames .5s steps(1,end) infinite}.wa-shelf{position:absolute;width:21%;height:28%;top:17%;left:3%;z-index:2}.wa-shelf-art,.wa-tray-art{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.wa-tray{position:absolute;width:16%;height:16%;right:4%;bottom:16%;z-index:8}.wa-sheet-source{display:none!important}
.wa-effects>.wa-sprite{background-image:url('/assets/animated-workshop/effects-v3.webp');background-size:400% 200%;animation:wa-four-frames .6s steps(1,end) infinite}.wa-effect{position:absolute;width:13%;aspect-ratio:3/4;z-index:13;transform:translate(-50%,-50%);pointer-events:none}.wa-effect-stars{--wa-row:100%}.wa-effect-paper{--wa-row:0%}.wa-fallback-effects:before{content:"";position:absolute;inset:35% 35%;background:#fff4c9;border:2px solid #c5ac67;box-shadow:3px 3px #7b623933}.wa-effect-stars .wa-fallback-effects:before{background:#efcc6c;transform:rotate(45deg);border:0;box-shadow:13px 8px #f4d782,-14px -8px #f4d782}
.wa-flying-paper{position:absolute;z-index:11;width:9%;aspect-ratio:3/4;--wa-row:0%;pointer-events:none;will-change:transform}.wa-flying-book{position:absolute;z-index:12;width:5%;aspect-ratio:3/4;background:#567965;border:2px solid #3d5646;border-left:6px solid #344e40;box-shadow:3px 2px #fff0c9;pointer-events:none;will-change:transform}.wa-flying-book:before{content:"";position:absolute;left:22%;top:25%;right:15%;height:3px;background:#e5c671;box-shadow:0 6px #e5c671}.wa-review-stamp{position:absolute;z-index:13;display:grid;place-items:center;width:12%;aspect-ratio:1;background:#faf5df;border:3px solid #81956b;box-shadow:4px 4px #50684733;color:#5c774b;font-size:clamp(14px,2vw,24px);font-weight:800;pointer-events:none}
.wa-unlock{position:absolute;z-index:3;image-rendering:pixelated}.wa-plant{left:90%;top:43%;width:6%;height:10%;background:#738f59;clip-path:polygon(0 0,40% 0,40% 23%,70% 23%,70% 0,100% 0,100% 60%,68% 60%,68% 80%,100% 80%,100% 100%,15% 100%,15% 80%,38% 80%,38% 45%,0 45%);box-shadow:inset 0 -12px #ab784f}.wa-extra-books{left:9%;top:24%;width:9%;height:8%;background:repeating-linear-gradient(90deg,#ca8d65 0 13%,#658277 13% 24%,#dac17f 24% 39%);border-bottom:4px solid #836543;box-shadow:0 5px #cfab73}.wa-banner{left:40%;top:9%;padding:1.3% 2.4%;font:bold clamp(8px,1.1vw,12px)/1 monospace;letter-spacing:2px;background:#b56845;color:#fff1cb;border:3px solid #8d573b;box-shadow:4px 4px #725b3b30}.wa-trophy{right:10%;top:19%;width:5%;height:9%;background:#dcae53;clip-path:polygon(0 0,100% 0,100% 50%,66% 70%,66% 82%,90% 82%,90% 100%,10% 100%,10% 82%,34% 82%,34% 70%,0 50%);filter:drop-shadow(3px 3px #776136)}
.wa-desk-legends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0!important;padding:0!important;list-style:none;border-block:1px solid #d3c5a1;background:#fff9e9}.wa-desk-legend{display:flex;flex-direction:column;gap:4px;min-width:0;padding:13px 17px;border-right:1px solid #e0d4b6}.wa-desk-legend:last-child{border-right:0}.wa-desk-legend-top{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-bottom:3px}.wa-desk-legend-top>b{font-size:10px;color:#8a7656}.wa-status{font-size:10px;color:#657456}.wa-desk-legend[data-status=running] .wa-status{color:#476a30;font-weight:800}.wa-desk-legend[data-status=failed] .wa-status{color:#9b512e}.wa-job-title{font-size:12px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wa-episode{font-size:10px;color:var(--wa-muted);line-height:1.6;overflow-wrap:anywhere}.wa-percent{font-size:10px;color:#647b51;font-variant-numeric:tabular-nums}.wa-mini-meter{height:4px;background:#e5e5d3;margin-top:4px;overflow:hidden}.wa-mini-meter>span{display:block;height:100%;background:#8eaa66;transition:width .3s linear}
.wa-scene-foot{padding:14px 25px 17px;display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-items:center}.wa-event{font-size:12px;line-height:1.7;font-weight:700;color:#5c704b}.wa-motion-caption{font-size:10px;color:#82785e}.wa-extra{grid-column:1/-1;font-size:10px;color:#857a61;line-height:1.6}.wa-demo-note{grid-column:1/-1;font-size:10px;line-height:1.6;color:#81775f}
@keyframes wa-four-frames{0%{background-position-x:0%}25%{background-position-x:33.333333%}50%{background-position-x:66.666667%}75%,100%{background-position-x:100%}}
@keyframes wa-daylight{50%{opacity:.5}}@keyframes wa-lamp-glow{50%{box-shadow:0 0 0 5px #ffe59022}}@keyframes wa-fallback-pencil{50%{transform:translateX(2px)}}
.wa-paused *,.wa-paused *:before,.wa-paused *:after{animation-play-state:paused!important}.wa-motion-off *,.wa-motion-off *:before,.wa-motion-off *:after{animation:none!important;transition:none!important}.wa-motion-off .wa-sprite{background-position-x:0%}
@media(max-width:700px){.wa-scene-head{padding:17px 16px 13px;gap:8px;align-items:flex-start;flex-direction:column}.wa-scene-title h3{font-size:18px}.wa-scene-count{font-size:11px;text-align:left}.wa-kicker{font-size:9px}.wa-growth{padding:0 16px 16px;grid-template-columns:minmax(0,1fr);gap:7px}.wa-growth-top,.wa-growth-meter,.wa-next,.wa-growth-note{grid-column:1;grid-row:auto}.wa-level{font-size:14px}.wa-next{font-size:11px}.wa-stage{aspect-ratio:3/2;max-height:none}.wa-desk-marker{font-size:8px;padding:1px 4px}.wa-desk-legend{padding:10px 9px;gap:3px}.wa-desk-legend-top{gap:3px 5px;align-items:flex-start;flex-direction:column}.wa-job-title{font-size:11px;-webkit-line-clamp:3}.wa-episode{font-size:9px}.wa-status,.wa-desk-legend-top>b,.wa-percent{font-size:9px}.wa-scene-foot{padding:12px 16px 15px;grid-template-columns:1fr;gap:5px}.wa-event{font-size:11px}.wa-motion-caption,.wa-extra,.wa-demo-note{font-size:9px}.wa-banner{font-size:7px;letter-spacing:1px;border-width:2px}.wa-review-stamp{border-width:2px;font-size:12px}.wa-flying-book{border-width:1px;border-left-width:3px}.wa-flying-book:before{height:1px;box-shadow:0 3px #e5c671}}
@media(prefers-reduced-motion:reduce){.wa-scene *,.wa-scene *:before,.wa-scene *:after{animation:none!important;transition:none!important}.wa-scene .wa-sprite{background-position-x:0%}}
@media print{.wa-scene{display:none!important}}

/* Keep the original workflow controls below the single animated room. */
#workshop-home .ws-desk-scene,#workshop-home .ws-room-window,#workshop-home .ws-own-desk>.ws-art{display:none}
#workshop-home .ws-room-body{background:#fbfaf3;padding:17px 20px 0}
#workshop-home .ws-desks{align-items:stretch;gap:12px}
#workshop-home .ws-desk-card{display:block;border-radius:5px}
#workshop-home .ws-desk-card .ws-job-copy{padding:14px}
#workshop-home .ws-own-desk,#workshop-home .ws-desks-idle .ws-own-desk{display:flex;min-height:0;width:100%;max-width:none;padding:15px 16px;gap:10px;grid-template-columns:none}
#workshop-home .ws-own-desk h3,#workshop-home .ws-desks-idle .ws-own-desk h3{font-size:14px}
#workshop-home .ws-room-footer{padding:15px 0}
@media(max-width:620px){#workshop-home .ws-room-body{padding:13px 13px 0}#workshop-home .ws-desk-card .ws-job-copy{padding:13px}#workshop-home .ws-own-desk,#workshop-home .ws-desks-idle .ws-own-desk{padding:13px}#workshop-home .ws-own-desk .ws-button{min-height:44px}}

/* The same saved events can be seen beside the editor without opening Home. */
.wa-compact{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:10px;width:230px;min-width:0;min-height:84px;background:transparent;border:0;overflow:visible}
.wa-compact .wa-scene-head,.wa-compact .wa-desk-legends,.wa-compact .wa-growth-label,.wa-compact .wa-next,.wa-compact .wa-growth-note,.wa-compact .wa-motion-caption,.wa-compact .wa-extra,.wa-compact .wa-demo-note{display:none}
.wa-compact .wa-stage{grid-column:1;grid-row:1/3;width:84px;height:84px;aspect-ratio:1;max-height:none;border:1px solid #d0c1a1;box-shadow:2px 2px #dbcaaa;border-radius:3px}
.wa-compact .wa-stage:after{box-shadow:inset 0 0 0 2px #f9f0d930}
.wa-compact .wa-room-image{object-position:50% 65%}
.wa-compact .wa-desk-0{width:125%;bottom:-14%;left:46%;z-index:7}
.wa-compact .wa-desk-1,.wa-compact .wa-desk-2,.wa-compact .wa-desk-marker,.wa-compact .wa-companion,.wa-compact .wa-shelf,.wa-compact .wa-tray,.wa-compact .wa-unlock{display:none!important}
.wa-compact .wa-artist{bottom:40%;left:30%;width:40%;opacity:1}
.wa-compact .wa-desk-light{box-shadow:0 0 0 2px #ffe59033}
.wa-compact .wa-courier-route{width:20%}
.wa-compact .wa-effect{width:45%;z-index:15}
.wa-compact .wa-flying-paper{width:25%}
.wa-compact .wa-flying-book{width:14%;border-left-width:3px}
.wa-compact .wa-review-stamp{width:34%;font-size:13px;border-width:2px}
.wa-compact .wa-growth{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:4px 0 0;align-self:start}
.wa-compact .wa-growth-top{grid-column:1;grid-row:1;gap:5px}
.wa-compact .wa-level{font-size:11px;padding:1px 5px;border-width:1px;box-shadow:1px 1px #c4b990;white-space:nowrap}
.wa-compact .wa-xp{font-size:10px;white-space:nowrap}
.wa-compact .wa-growth-meter{grid-column:1;grid-row:2;height:6px;border-width:1px}
.wa-compact .wa-scene-foot{grid-column:2;grid-row:2;display:block;padding:6px 0 0;align-self:start}
.wa-compact .wa-event{font-size:10px;line-height:1.6;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media(max-width:700px){.wa-compact{width:84px;height:88px;min-height:88px;display:block;position:relative}.wa-compact .wa-stage{width:84px;height:88px}.wa-compact .wa-growth{display:block;position:absolute;left:2px;right:2px;bottom:2px;z-index:16;background:#fff6ddf2;padding:2px 3px;border:1px solid #dbcbaa}.wa-compact .wa-growth-top{display:flex;justify-content:space-between;gap:3px}.wa-compact .wa-level{font-size:10px;padding:0 3px;line-height:1.5}.wa-compact .wa-xp{font-size:10px}.wa-compact .wa-growth-meter,.wa-compact .wa-scene-foot{display:none}.wa-compact .wa-desk-0{bottom:-5%}.wa-compact .wa-artist{bottom:40%;left:30%;width:43%}}