:root{color-scheme:light;--og-bg: #eef2ff;--og-panel: rgba(255, 255, 255, .92);--og-panel-soft: rgba(244, 247, 255, .9);--og-line: rgba(68, 96, 255, .12);--og-line-strong: rgba(68, 96, 255, .24);--og-text: #18203d;--og-muted: #5f6c9d;--og-accent: #4460ff;--og-accent-strong: #2f49df;--og-accent-soft: rgba(68, 96, 255, .12);--og-secondary: #aab8ff;--og-shadow: 0 18px 38px rgba(68, 96, 255, .11);--og-font: "Space Grotesk", "Sora", "Avenir Next", "Segoe UI", sans-serif;--og-mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", monospace;--og-radius: 18px;--og-radius-soft: 14px}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:radial-gradient(circle at top left,#4460ff29,#fff0),radial-gradient(circle at top right,#7585ff2e,#fff0),linear-gradient(180deg,#ffffffa6,#d5ddff8c),var(--og-bg);color:var(--og-text);font:14px/1.45 var(--og-font)}body{overflow-x:hidden}body.og-example-page{height:100%;overflow:hidden}code{font-family:var(--og-mono)}#app{width:100%;height:100%}.og-badge-title-card,.og-controls{corner-shape:squircle;border-radius:var(--og-radius)}.og-badge-title-card{position:fixed;top:12px;left:12px;z-index:30;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 24px));padding:10px 12px;border:1px solid var(--og-line);background:var(--og-panel);box-shadow:var(--og-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.og-badge-title-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid transparent;border-radius:999px;background:var(--og-accent);color:#fff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 24px #4460ff38}.og-badge-title-link:hover{background:var(--og-accent-strong)}.og-badge-title{display:block;font-size:15px;font-weight:650;letter-spacing:-.02em}.og-controls{position:fixed;top:12px;right:12px;z-index:30;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:10px;border:1px solid var(--og-line);background:var(--og-panel);box-shadow:var(--og-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.og-controls h3{margin:0 0 8px;font-size:15px;font-weight:650;letter-spacing:-.02em}.og-control-summary{margin:0 0 8px;color:var(--og-muted);font-size:11px;line-height:1.45}.og-control-row{display:grid;gap:8px;margin:0 0 8px;padding:10px;border:1px solid var(--og-line);border-radius:var(--og-radius-soft);background:var(--og-panel-soft)}.og-control-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.og-control-label-chip{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:var(--og-accent-soft);color:var(--og-accent-strong);font-size:11px;font-weight:600;letter-spacing:.01em}.og-control-value{color:var(--og-text);font-size:11px}.og-control-range{display:grid;grid-template-columns:1fr 84px;gap:8px}.og-control-range input[type=range]{width:100%;accent-color:var(--og-accent)}.og-control-range input[type=number]{width:100%;padding:7px 8px;border:1px solid var(--og-line);border-radius:10px;background:#ffffffeb;color:var(--og-text);font:inherit}.og-control-select{width:100%;padding:8px 10px;border:1px solid var(--og-line);border-radius:10px;background:#ffffffeb;color:var(--og-text);font:inherit}.og-control-bool{display:flex;align-items:center;justify-content:space-between;gap:10px}.og-toggle{width:16px;height:16px;accent-color:var(--og-accent)}.og-control-bool-state{color:var(--og-muted);font-size:11px}.og-control-color,.og-control-textarea{width:100%;border:1px solid var(--og-line);border-radius:10px;background:#ffffffeb;color:var(--og-text);font:inherit}.og-control-color{min-height:34px;padding:4px}.og-control-textarea{min-height:124px;padding:8px 10px;resize:vertical;font:11px/1.35 var(--og-mono)}.og-control-group[hidden]{display:none}.og-control-action{width:100%;margin-top:.25rem;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:999px;cursor:pointer;color:#fff;font:600 12px/1.2 var(--og-font);background:var(--og-accent);box-shadow:0 10px 22px #4460ff33}.og-control-action-cyan{background:var(--og-accent)}.og-control-action-amber{background:#6f86ff}.og-control-action-rose{background:var(--og-secondary);color:#18203d}.og-control-action:hover{background:var(--og-accent-strong)}.og-control-action-amber:hover{background:#5d74f3}.og-control-action-rose:hover{background:#90a3ff}#stats{position:fixed;left:12px;bottom:12px;z-index:26}@media (max-width: 640px){.og-badge-title-card{top:12px;left:12px;gap:8px;padding:9px 10px;max-width:calc(100vw - 24px)}.og-controls{top:62px;right:12px;width:calc(100vw - 24px);max-height:calc(100vh - 74px)}#stats{left:10px;bottom:10px}}