.demo-bar{z-index:45;max-width:min(calc(100vw - 24px),calc(var(--frame) - 24px));color:#171512;background:#fff;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;padding:9px 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.3;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #0000002e}.demo-bar-label{letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b;font-size:10px;font-weight:700}.demo-bar strong{font-weight:600}.demo-bar a{color:#171512;white-space:nowrap;border-bottom:1px solid #17151259;text-decoration:none}.demo-bar a:hover{border-bottom-color:#171512}.demo-hint{color:var(--ink-soft,#605c55);margin:0;font-size:12.5px}.demo-bar-toggle{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#171512;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.demo-bar-toggle[aria-pressed=true]{color:#171512;background:#e8e4da}.gate.demo-gate{width:min(100%,var(--frame,430px));z-index:60;min-height:0;position:fixed;top:0;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.demo-gate-kode{color:#6b6357;background:#f1ede6;border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.demo-gate-kode strong{letter-spacing:.16em;color:#171512;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.demo-bar{max-width:min(calc(100vw - 16px),calc(var(--frame) - 16px))}