/* © 2026 Nightframe Pty Ltd. All rights reserved. Proprietary and confidential. Use is subject to the Roomframe Terms. */
:root{--rf-bg: #f6f5fb;--rf-surface: #ffffff;--rf-surface-2: #eeecf7;--rf-surface-3: #e4e1f1;--rf-overlay: rgba(21, 22, 44, .48);--rf-glass: color-mix(in srgb, var(--rf-surface) 86%, transparent);--rf-ink: #15162c;--rf-ink-2: #3a3c5a;--rf-muted: #5d5f7c;--rf-faint: #8a8ca6;--rf-line: #dcd9ea;--rf-line-strong: #85819f;--rf-primary: #5a3de0;--rf-primary-hover: #4a2fc9;--rf-primary-press: #3e27ab;--rf-on-primary: #ffffff;--rf-primary-soft: #ebe6ff;--rf-primary-soft-ink: #3e27ab;--rf-nf-violet: #7152ff;--rf-ok: #1b7543;--rf-ok-soft: #e1f3e8;--rf-on-ok: #ffffff;--rf-warn: #8a5100;--rf-warn-soft: #fdf0d9;--rf-on-warn: #ffffff;--rf-danger: #c0352b;--rf-danger-soft: #fbe5e2;--rf-on-danger: #ffffff;--rf-danger-hover: #a52b22;--rf-info: #2457b8;--rf-info-soft: #e3ecfb;--rf-on-info: #ffffff;--rf-canvas: #fbfaff;--rf-grid: rgba(90, 61, 224, .06);--rf-grid-major: rgba(90, 61, 224, .14);--rf-wall: #15162c;--rf-item-fill: rgba(255, 255, 255, .85);--rf-item-stroke: #4a4c6a;--rf-stage: rgba(60, 50, 44, .75);--rf-glass-wall: #7fb3d9;--rf-bg3d: #e2e0ec;--rf-measure: #9a5a00;--rf-select: #5a3de0;--rf-hover-pick: rgba(90, 61, 224, .35);--rf-thumb-bg: #f3f2f9;--rf-fav: #b07600;--rf-armed: var(--rf-primary);--rf-drop: color-mix(in srgb, var(--rf-primary) 14%, transparent);--rf-lib-tree-w: 208px;--rf-lib-thumb-s: 72px;--rf-lib-thumb-m: 104px;--rf-lib-thumb-l: 152px;--rf-lib-preview-h: 200px;--rf-focus: #5a3de0;--rf-focus-ring: 0 0 0 2px var(--rf-surface), 0 0 0 4px var(--rf-focus);--rf-font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--rf-font-ui: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--rf-font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--rf-font-native: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--rf-text-2xs: 11px;--rf-lh-2xs: 14px;--rf-text-xs: 12px;--rf-lh-xs: 16px;--rf-text-sm: 13px;--rf-lh-sm: 18px;--rf-text-md: 14px;--rf-lh-md: 20px;--rf-text-lg: 16px;--rf-lh-lg: 24px;--rf-text-xl: 18px;--rf-lh-xl: 26px;--rf-text-2xl: 22px;--rf-lh-2xl: 28px;--rf-text-3xl: 28px;--rf-lh-3xl: 34px;--rf-text-4xl: 36px;--rf-lh-4xl: 40px;--rf-text-5xl: clamp(36px, 5vw, 56px);--rf-lh-5xl: 1.04;--rf-text-6xl: clamp(44px, 7vw, 84px);--rf-lh-6xl: .98;--rf-weight-regular: 400;--rf-weight-medium: 500;--rf-weight-semibold: 600;--rf-weight-bold: 700;--rf-tracking-tight: -.02em;--rf-tracking-caps: .08em;--rf-space-0: 0;--rf-space-0-5: 2px;--rf-space-1: 4px;--rf-space-1-5: 6px;--rf-space-2: 8px;--rf-space-3: 12px;--rf-space-4: 16px;--rf-space-5: 20px;--rf-space-6: 24px;--rf-space-8: 32px;--rf-space-10: 40px;--rf-space-12: 48px;--rf-space-16: 64px;--rf-space-20: 80px;--rf-space-24: 96px;--rf-gutter: 16px;--rf-max: 1120px;--rf-radius-xs: 4px;--rf-radius-sm: 6px;--rf-radius-md: 8px;--rf-radius-lg: 12px;--rf-radius-xl: 16px;--rf-radius-2xl: 24px;--rf-radius-pill: 999px;--rf-shadow-color: 232 30% 20%;--rf-elev-0: none;--rf-elev-1: 0 1px 2px hsl(var(--rf-shadow-color) / .08), 0 1px 1px hsl(var(--rf-shadow-color) / .04);--rf-elev-2: 0 4px 12px hsl(var(--rf-shadow-color) / .12), 0 1px 3px hsl(var(--rf-shadow-color) / .08);--rf-elev-3: 0 12px 32px hsl(var(--rf-shadow-color) / .18), 0 2px 6px hsl(var(--rf-shadow-color) / .08);--rf-elev-4: 0 24px 64px hsl(var(--rf-shadow-color) / .28), 0 4px 12px hsl(var(--rf-shadow-color) / .1);--rf-z-canvas: 0;--rf-z-overlay: 10;--rf-z-rail: 20;--rf-z-ctxbar: 30;--rf-z-drawer: 40;--rf-z-menu: 50;--rf-z-sheet: 60;--rf-z-dialog: 70;--rf-z-toast: 80;--rf-z-tooltip: 90;--rf-dur-instant: 80ms;--rf-dur-fast: .14s;--rf-dur-base: .2s;--rf-dur-slow: .32s;--rf-ease-standard: cubic-bezier(.2, 0, 0, 1);--rf-ease-enter: cubic-bezier(0, 0, 0, 1);--rf-ease-exit: cubic-bezier(.3, 0, 1, 1);--rf-toast-undo-ms: 8000;--rf-control-h: 40px;--rf-control-h-sm: 32px;--rf-control-px: 14px;--rf-control-text: var(--rf-text-md);--rf-icon: 20px;--rf-row-h: 44px;--rf-hit: 40px;--rf-brand-primary: var(--rf-primary);--rf-brand-on-primary: var(--rf-on-primary);--rf-brand-band: #15162c;--rf-brand-on-band: #ffffff;--rf-brand-font: var(--rf-font-ui);color-scheme:light}:root[data-theme=dark]{--rf-bg: #0b0d19;--rf-surface: #151931;--rf-surface-2: #1c2040;--rf-surface-3: #252a50;--rf-overlay: rgba(4, 5, 12, .64);--rf-ink: #eeedf8;--rf-ink-2: #cfcfe4;--rf-muted: #a4a6c3;--rf-faint: #6f7294;--rf-line: #272b4a;--rf-line-strong: #6b71a6;--rf-primary: #a68bff;--rf-primary-hover: #b8a1ff;--rf-primary-press: #c9b8ff;--rf-on-primary: #0b0d19;--rf-primary-soft: #26214f;--rf-primary-soft-ink: #cfc2ff;--rf-ok: #4fd08c;--rf-ok-soft: #12321f;--rf-on-ok: #0b0d19;--rf-warn: #f2b548;--rf-warn-soft: #3a2a0c;--rf-on-warn: #0b0d19;--rf-danger: #ff7b6c;--rf-danger-soft: #3d1714;--rf-on-danger: #0b0d19;--rf-danger-hover: #ff9487;--rf-info: #7fb0ff;--rf-info-soft: #14254a;--rf-on-info: #0b0d19;--rf-canvas: #0f1122;--rf-grid: rgba(166, 139, 255, .07);--rf-grid-major: rgba(166, 139, 255, .16);--rf-wall: #dcdaf0;--rf-item-fill: rgba(28, 32, 64, .9);--rf-item-stroke: #a4a6c3;--rf-stage: rgba(140, 120, 100, .55);--rf-glass-wall: #6f9fd0;--rf-bg3d: #12152a;--rf-measure: #f2b548;--rf-select: #a68bff;--rf-hover-pick: rgba(166, 139, 255, .4);--rf-thumb-bg: #1a1e3a;--rf-fav: #f2b548;--rf-focus: #b8a1ff;--rf-shadow-color: 232 60% 2%;--rf-brand-band: #0b0d19;color-scheme:dark}[data-density=compact]{--rf-control-h: 32px;--rf-control-h-sm: 26px;--rf-control-px: 10px;--rf-control-text: var(--rf-text-sm);--rf-icon: 18px;--rf-row-h: 32px;--rf-hit: 32px}@media(pointer:coarse){:root,[data-density=compact]{--rf-control-h: 44px;--rf-control-h-sm: 36px;--rf-control-px: 16px;--rf-icon: 22px;--rf-row-h: 52px;--rf-hit: 44px}}@media(prefers-reduced-motion:reduce){:root{--rf-dur-instant: 0ms;--rf-dur-fast: 0ms;--rf-dur-base: 0ms;--rf-dur-slow: 0ms}}:root,:root[data-theme=dark]{--paper: var(--rf-bg);--sheet: var(--rf-surface);--surface2: var(--rf-surface-2);--ink: var(--rf-ink);--muted: var(--rf-muted);--line: var(--rf-line);--accent: var(--rf-primary);--accent-ink: var(--rf-on-primary);--soft: var(--rf-primary-soft);--mark: var(--rf-measure);--ok: var(--rf-ok);--warn: var(--rf-warn);--danger: var(--rf-danger);--nf-violet: var(--rf-nf-violet);--canvas: var(--rf-canvas);--grid: var(--rf-grid);--grid-major: var(--rf-grid-major);--wall: var(--rf-wall);--item-fill: var(--rf-item-fill);--item-stroke: var(--rf-item-stroke);--stage: var(--rf-stage);--glass: var(--rf-glass-wall);--bg3d: var(--rf-bg3d);--display: var(--rf-font-display);--body: var(--rf-font-ui);--mono: var(--rf-font-mono);--bg: var(--rf-bg);--surface: var(--rf-surface);--amber: var(--rf-warn);--accent-soft: var(--rf-primary-soft);--bad: var(--rf-danger);--laser: var(--rf-measure)}