*{box-sizing:border-box}body{margin:0;background:#121016;color:#e8e6ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif}.demo-shell{--stage-max: 1920px;--shell-pad: 12px;max-width:calc(var(--stage-max) + var(--shell-pad) * 2);margin:0 auto;padding:var(--shell-pad);display:flex;flex-direction:column;gap:10px}.demo-shell.is-bare{--shell-pad: 0px;max-width:var(--stage-max);gap:0}.demo-shell.is-bare .demo-frame{border:0;border-radius:0}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-bar[hidden]{display:none}.demo-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.demo-common{display:flex;align-items:center;gap:6px;margin-left:auto}.demo-params{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08}.demo-params[hidden]{display:none}.demo-field{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ffffff8c;white-space:nowrap}.demo-select{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;border-radius:8px;padding:3px 10px;font-size:12px;cursor:pointer}.demo-select option{background:#1c1a24;color:#fff}.demo-num{width:4.5em;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;border-radius:8px;padding:3px 8px;font-size:12px}.demo-color{width:34px;height:24px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent;cursor:pointer}.demo-select:focus-visible,.demo-num:focus-visible,.demo-color:focus-visible{outline:2px solid rgba(145,70,255,.7);outline-offset:1px}.demo-sep{width:1px;height:18px;background:#ffffff26;margin:0 4px}.demo-chip{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#cfcbdd;border-radius:999px;padding:4px 12px;font-size:12px;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.demo-chip:hover{border-color:#ffffff4d}.demo-chip[aria-pressed=true]{background:#9146ff47;border-color:#9146ff99;color:#fff}.demo-chip:focus-visible{outline:2px solid rgba(145,70,255,.7);outline-offset:1px}.demo-input{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;min-width:180px}.demo-input::placeholder{color:#ffffff59}.demo-input:focus-visible{outline:2px solid rgba(145,70,255,.7);outline-offset:1px}.demo-frame{position:relative;width:100%;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.demo-scaler{position:absolute;top:0;left:0;transform-origin:top left}.demo-canvas{position:relative;overflow:hidden}