@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}html,body{font-family:Noto Sans,system-ui,sans-serif}body{margin:0;background:#f6f7f9;color:#101828}:root{--ui-surface: #ffffff;--ui-surface-muted: #f9fafb;--ui-surface-raised: #f6f7f9;--ui-border: #e4e7ec;--ui-border-strong: #d0d5dd;--ui-text: #101828;--ui-text-muted: #475467;--ui-text-subtle: #667085;--ui-primary: #3b82f6;--ui-focus: #1d4ed8;--ui-danger: #b42318;--ui-danger-bg: #fef3f2;--ui-danger-border: #fecaca;--ui-warning-bg: #fff4e5;--ui-warning-border: #fde68a;--ui-warning-text: #b54708}.ui-btn,.ui-icon-btn{border:1px solid var(--ui-border);background:var(--ui-surface-muted);color:var(--ui-text);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;transition:border-color .15s ease,background .15s ease,color .15s ease}.ui-btn{padding:.45rem .9rem;border-radius:12px}.ui-icon-btn{padding:.4rem;border-radius:12px;min-width:44px}.ui-btn:hover,.ui-icon-btn:hover{background:#eef2f6;border-color:var(--ui-border-strong)}.ui-btn:active,.ui-icon-btn:active{background:#e7ecf3}.ui-btn:focus-visible,.ui-icon-btn:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ui-btn:disabled,.ui-icon-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--ghost,.ui-icon-btn--ghost{background:transparent}.ui-btn--ghost:hover,.ui-icon-btn--ghost:hover{background:#eef2f6}.ui-btn--danger{color:var(--ui-danger)}.ui-btn--danger:hover{background:var(--ui-danger-bg);border-color:#fecdca}.ui-control-group{display:inline-flex;align-items:center;background:var(--ui-surface-raised);border:1px solid var(--ui-border);border-radius:999px;padding:.25rem;gap:.25rem}.ui-control-group .ui-icon-btn{border:none;background:transparent;border-radius:999px}.ui-control-group .ui-icon-btn:hover{background:#1018280f}.ui-control-group .ui-icon-btn:active{background:#1018281a}.ui-control-group .ui-control-slot{display:inline-flex;align-items:center;gap:.35rem;padding:0 .6rem;height:44px;color:var(--ui-text)}.ui-control-group .ui-control-slot lucide-icon{display:block}.icon-toggle{line-height:0;display:grid;place-items:center}.icon-toggle lucide-icon{display:block}.ui-control-group .ui-control-slot input[type=range]{width:110px;margin:0}.ui-icon-btn lucide-icon,.ui-btn lucide-icon{width:18px;height:18px}