.animation-list{margin:14px 0 28px}.animation-card{scroll-margin-top:24px}.animation-panel{padding-top:12px}.animation-status{display:grid;place-items:center;min-height:72px;margin-bottom:12px;border:1px dashed var(--stroke);border-radius:12px;color:var(--muted);text-align:center}.animation-status[hidden]{display:none}.animation-status.error{border-color:#b94a48;color:#b94a48}.ggb-applet-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.ggb-applet-grid.layout-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}.ggb-applet-item{min-width:0}.ggb-applet-item h2{margin:0 0 8px;font-size:1rem}.ggb-scale-frame{width:100%;min-width:0;overflow:hidden;border:1px solid var(--stroke);border-radius:12px;background:#fff}.ggb-host{width:100%;min-height:120px}.ggb-host>.applet_scaler{margin-inline:auto}.animation-card:not(.loading) .ggb-host:empty{min-height:0}.animation-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.animation-gallery figure{margin:0}.animation-gallery img{display:block;width:100%;height:auto;border:1px solid var(--stroke);border-radius:12px;background:var(--card)}.animation-gallery figcaption{margin-top:7px;color:var(--muted);font-size:.86rem}.pwm-demo{position:relative;overflow:hidden;border:1px solid var(--stroke);border-radius:12px;background:#fff;color:#1f2937}.pwm-canvas{display:block;width:100%;height:auto;aspect-ratio:743/421;background:#fff}.pwm-fullscreen{position:absolute;z-index:2;top:8px;right:8px;display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #d8dde5;border-radius:8px;background:rgba(255,255,255,.92);color:#374151;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08)}.pwm-fullscreen:hover,.pwm-fullscreen:focus-visible{background:#f5f7fa;color:#111827}.pwm-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:14px 18px 16px;border-top:1px solid #e5e7eb;background:#f8fafc}.pwm-inputs label{display:grid;gap:7px;min-width:0;color:#374151;font-size:.86rem;font-weight:600}.pwm-inputs output{float:right;color:#111827;font-variant-numeric:tabular-nums}.pwm-inputs input{width:100%;accent-color:var(--brand)}.pwm-spectrum-demo .pwm-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.pwm-demo:fullscreen{display:grid;align-content:center;width:100vw;height:100vh;padding:24px;border:0;border-radius:0;background:#fff}.pwm-demo:fullscreen .pwm-canvas{max-height:calc(100vh - 120px);margin:auto;object-fit:contain}.pwm-demo:fullscreen .pwm-inputs{width:min(100%,900px);margin-inline:auto}.animation-no-results{padding:28px 0;color:var(--muted);text-align:center}@media(max-width:720px){.animation-panel{padding-top:10px}.pwm-inputs{grid-template-columns:1fr;gap:12px}.pwm-spectrum-demo .pwm-inputs{grid-template-columns:1fr}}