.wave-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);height:200px;overflow:hidden}.wave-preview svg{width:100%;height:100%;display:block}.blob-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);place-items:center;padding:.8rem;display:grid}.blob-preview svg{width:min(100%,320px);height:auto}.pattern-preview{border:1px solid var(--line);border-radius:var(--radius-sm);height:220px}.pattern-kinds{flex-wrap:wrap;gap:.4rem;margin:.8rem 0;display:flex}.pattern-kinds button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .3rem;display:inline-flex}.pattern-kinds button[aria-pressed=true]{border-color:var(--green-dark);background:var(--green-pale);color:var(--green-ink);font-weight:600}.pattern-kinds span{border:1px solid var(--line);border-radius:3px;width:1.6rem;height:1.6rem}.glass-stage{border-radius:var(--radius-sm);background:linear-gradient(135deg,#1e3a8a,#0f766e);place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.glass-orb{border-radius:50%;position:absolute}.glass-orb-a{background:#f59e0b;width:180px;height:180px;top:8%;left:calc(50% - 190px)}.glass-orb-b{background:#ec4899;width:140px;height:140px;bottom:6%;right:calc(50% - 160px)}.glass-orb-c{background:#63c42d;width:90px;height:90px;top:14%;right:calc(50% - 120px)}.glass-card{color:#fff;text-shadow:0 1px 2px #00000059;gap:.3rem;width:min(80%,320px);padding:1.4rem;display:grid;position:relative}.glass-card strong{font:600 var(--text-lg)/1.2 var(--display)}