.case-playground{--accent:#c9f776;color:#e8f0df;background:#11190e;border-bottom:1px solid #39472d;padding:20px 24px 24px;position:relative;overflow:hidden}.playground-joy{--accent:#f6b496;background:#211913;border-color:#5d4434}.playground-header{letter-spacing:1px;color:var(--accent);justify-content:space-between;align-items:center;gap:14px;font:12px/1.5 monospace;display:flex}.motion-toggle{width:36px;height:36px;color:var(--accent);cursor:pointer;background:0 0;border:1px solid #7a86645e;border-radius:50%;place-items:center;display:grid}.case-playground button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.playground-canvas{perspective:600px;touch-action:pan-y;margin:7px -24px}.workflow-art{width:100%;height:auto;transform:translate(var(--mx,0px), var(--my,0px));transition:transform .3s;display:block}.art-grid{stroke:#a5b795;stroke-width:.5px;opacity:.08}.art-orbit{fill:none;stroke:#badc89;opacity:.17;stroke-dasharray:2 5}.art-orbit.inner{opacity:.3}.art-axis{stroke:#bcdb8c;opacity:.12;stroke-width:.5px}.creative-piece{transition:transform 1.1s cubic-bezier(.25,.8,.2,1)}.creative-block{fill:var(--accent);animation:5s ease-in-out infinite block-breathe;animation-delay:var(--delay);transition:width .8s,height .8s}.playground-caption{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin:13px 0 22px;display:flex}.playground-caption p{letter-spacing:-.5px;max-width:310px;margin:0;font-size:clamp(18px,1.8vw,23px);line-height:1.4}.playground-caption svg{color:var(--accent);flex-shrink:0}.playground-controls{gap:8px;display:flex}.playground-controls button{color:#cad3bf;cursor:pointer;background:0 0;border:1px solid #65704c70;border-radius:6px;flex:1;min-height:46px;font-size:14px;transition:background .2s,color .2s}.playground-controls button span{opacity:.6;margin-right:9px;font:11px monospace}.playground-controls button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#16220f}.route-line{fill:none;stroke:#a9877055;stroke-width:1.5px;transition:stroke .5s}.route-line.route-1{stroke:#d4977177}.route-line.route-2{stroke:#f6b49699}.mail-node{fill:#49382c;stroke:#edb18e77}.message-dot{fill:var(--accent);offset-distance:0;animation:message-flow var(--duration,7s) linear infinite;animation-delay:var(--delay);filter:drop-shadow(0 0 5px #f6b49660)}.routing-core rect:first-child{fill:#32251c;stroke:#f6b49666}.routing-core rect:nth-child(2){fill:#f6b496;transition:fill .5s}.routing-core path{stroke:#4b2c1a;stroke-width:1.5px;fill:none}.routing-core.core-2 rect:nth-child(2){fill:#fbe2c6}.is-paused .creative-block,.is-paused .message-dot{animation-play-state:paused}@keyframes block-breathe{0%,to{filter:brightness(.8);transform:scale(.85)}50%{filter:brightness(1.15);transform:scale(1.1)}}@keyframes message-flow{to{offset-distance:100%}}@media (max-width:480px){.case-playground{padding:18px}.playground-canvas{margin:10px -18px}.playground-header{font-size:11px}.playground-caption{margin:12px 0 18px}.playground-controls button span{display:none}}@media (prefers-reduced-motion:reduce){.creative-block,.message-dot{animation:none}.message-dot:nth-child(odd){offset-distance:25%}.message-dot:nth-child(2n){offset-distance:75%}.creative-piece,.creative-block,.workflow-art{transition:none}.workflow-art{transform:none}}