.power-demo__card{aspect-ratio:16/9;border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;min-height:30rem;max-height:84vh;box-shadow:var(--shadow-sm);border-radius:.85rem;margin-block:.5rem 1.5rem;position:relative;overflow:hidden}.power-demo__card canvas{touch-action:none;cursor:grab}.power-demo__stage{width:100%;height:100%;position:relative}.power-demo__stage:fullscreen{background:var(--bg-canvas)}.power-demo__fullscreen{z-index:2;font:inherit;border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-muted);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:all .15s;position:absolute;bottom:1rem;right:1rem}.power-demo__fullscreen:hover{color:var(--text-heading);border-color:var(--accent-primary)}.power-demo__loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}.power-demo__loading--overlay{background:var(--bg-card);position:absolute;inset:0}.power-demo__hint{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.9rem}.power-demo__controls-bar{z-index:20;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:calc(100% - 2rem);display:flex;position:absolute;top:1rem;left:1rem}.power-demo__status-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);font:inherit;box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.power-demo__status-btn:hover{color:var(--text-heading);border-color:var(--accent-primary)}.power-demo__status-btn[data-on=true]{color:var(--text-heading);border-color:var(--border-vibrant)}.power-demo__status-btn[data-on=true] .power-demo__dot{background:#10b981;box-shadow:0 0 .6rem #10b981}.power-demo__sound-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-heading);font:inherit;box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.power-demo__sound-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.power-demo__dot{background:var(--text-dim);border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;transition:background-color .2s,box-shadow .2s}@media (max-width:768px){.power-demo__card{aspect-ratio:auto;height:60vh;min-height:20rem}.power-demo__controls-bar{gap:.4rem;max-width:calc(100% - 1.3rem);top:.65rem;left:.65rem}.power-demo__status-btn,.power-demo__sound-btn{padding:.35rem .65rem;font-size:.725rem}.power-demo__fullscreen{padding:.35rem .65rem;font-size:.75rem;bottom:.65rem;right:.65rem}}