/* Tiny Lab: generated from tokens.json. Edit tokens.json, then regenerate. */
:root, [data-theme="fling"] {
  --kodak-yellow: #fab617;
  --kodak-red: #e30613;
  --datestamp: #ff7a1a;
  --desktop: var(--kodak-yellow);
  --window: #fff6e0;
  --face: #f1dfb4;
  --well: #fffdf6;
  --canvas: #2b231e;
  --film: #17110d;
  --bevel-hi: #ffffff;
  --bevel-lo: #a88a55;
  --bevel-edge: #1a1410;
  --ink: #1a1410;
  --ink-muted: #5e4c36;
  --ink-disabled: #a8926c;
  --on-desktop: #1a1410;
  --logo-tiny: var(--kodak-red);
  --logo-lab: var(--on-desktop);
  --primary: var(--kodak-yellow);
  --on-primary: #1a1410;
  --accent: var(--kodak-red);
  --on-accent: #ffffff;
  --titlebar: var(--kodak-red);
  --titlebar-gloss: var(--kodak-red);
  --on-titlebar: #ffffff;
  --titlebar-inactive: #c8b48b;
  --on-titlebar-inactive: #3d3122;
  --select: #1a1410;
  --on-select: var(--kodak-yellow);
  --focus: #1f4fd1;
  --focus-inverse: var(--kodak-yellow);
  --led-on: #1f5fe0;
  --led-off: #8c7a5c;
  --status-ok: #1849b8;
  --status-warn: #8a4600;
  --status-error: #c2000c;
  --lcd: #1f120a;
  --lcd-ink: #ff7a1a;
  --lcd-ghost: #3a2416;
  --shell-yellow: var(--kodak-yellow);
  --shell-red: var(--kodak-red);
  --shell-gray: #8a8d91;
  --shell-white: #f4f2ec;
  --shell-black: #1c1c1e;
  --shell-blue: #2e6fd8;
  --shell-clear: #cfe3ea;
  --shell-chrome: #c9ced6;
  --secondary: #8d8ef5;
  --on-secondary: #1a1410;
  --panelbar: #1a1410;
  --panelbar-end: #5c3d12;
  --on-panelbar: var(--kodak-yellow);
  --ramp-dark: #141210;
  --ramp-light: #fbf8f0;
  --ramp-grey: #8f8a80;
  --ramp-cool: #3f7fe0;
  --ramp-warm: #f2a01a;
  --ramp-green: #3aa548;
  --ramp-magenta: #d43c9a;
  --icon-ink: #1a1410;
  --icon-white: #ffffff;
  --icon-grey-1: #e2ddd0;
  --icon-grey-2: #aaa292;
  --icon-grey-3: #6e6657;
  --icon-yellow-light: #ffe28a;
  --icon-yellow: #fab617;
  --icon-yellow-dark: #bf7a00;
  --icon-orange: #ff7a1a;
  --icon-red-light: #ff7a6e;
  --icon-red: #e30613;
  --icon-red-dark: #8c0510;
  --icon-blue-light: #a9cbff;
  --icon-blue: #3b6fe6;
  --icon-blue-dark: #1b3a96;
  --icon-green-light: #9fe08c;
  --icon-green: #3aa548;
  --icon-green-dark: #1d6a2a;
  --icon-brown-light: #dca25e;
  --icon-brown: #a5652a;
  --icon-brown-dark: #64380f;
  --icon-paper: #fff6dc;
  --shadow-window: 4px 4px 0 0 #1a1410;
  --shadow-menu: 2px 2px 0 0 #1a1410;
}
[data-theme="darkroom"] {
  --kodak-yellow: #fab617;
  --kodak-red: #e30613;
  --datestamp: #ff7a1a;
  --desktop: #2b0d08;
  --window: #211915;
  --face: #2e241f;
  --well: #110c0a;
  --canvas: #090605;
  --film: #000000;
  --bevel-hi: #7d685a;
  --bevel-lo: #0b0807;
  --bevel-edge: #000000;
  --ink: #f6e7d4;
  --ink-muted: #bba58c;
  --ink-disabled: #6b5a4d;
  --on-desktop: #f6e7d4;
  --logo-tiny: var(--kodak-red);
  --logo-lab: var(--on-desktop);
  --primary: #ffb000;
  --on-primary: #1a1410;
  --accent: #c8231a;
  --on-accent: #ffffff;
  --titlebar: #9e170f;
  --titlebar-gloss: #9e170f;
  --on-titlebar: #ffe8dc;
  --titlebar-inactive: #3a2d27;
  --on-titlebar-inactive: #bba58c;
  --select: #ffb000;
  --on-select: #1a1410;
  --focus: #ffb000;
  --focus-inverse: #ffb000;
  --led-on: #5c9dff;
  --led-off: #4a3b33;
  --status-ok: var(--led-on);
  --status-warn: #ffb000;
  --status-error: #ff6b5c;
  --lcd: #000000;
  --lcd-ink: #ff5a1f;
  --lcd-ghost: #260c04;
  --shell-yellow: var(--kodak-yellow);
  --shell-red: var(--kodak-red);
  --shell-gray: #8a8d91;
  --shell-white: #f4f2ec;
  --shell-black: #1c1c1e;
  --shell-blue: #2e6fd8;
  --shell-clear: #cfe3ea;
  --shell-chrome: #c9ced6;
  --secondary: #8197ee;
  --on-secondary: #0b0807;
  --panelbar: #40120b;
  --panelbar-end: #86231a;
  --on-panelbar: #ffb000;
  --ramp-dark: #141210;
  --ramp-light: #fbf8f0;
  --ramp-grey: #8f8a80;
  --ramp-cool: #3f7fe0;
  --ramp-warm: #f2a01a;
  --ramp-green: #3aa548;
  --ramp-magenta: #d43c9a;
  --icon-ink: #1a1410;
  --icon-white: #ffffff;
  --icon-grey-1: #e2ddd0;
  --icon-grey-2: #aaa292;
  --icon-grey-3: #6e6657;
  --icon-yellow-light: #ffe28a;
  --icon-yellow: #fab617;
  --icon-yellow-dark: #bf7a00;
  --icon-orange: #ff7a1a;
  --icon-red-light: #ff7a6e;
  --icon-red: #e30613;
  --icon-red-dark: #8c0510;
  --icon-blue-light: #a9cbff;
  --icon-blue: #3b6fe6;
  --icon-blue-dark: #1b3a96;
  --icon-green-light: #9fe08c;
  --icon-green: #3aa548;
  --icon-green-dark: #1d6a2a;
  --icon-brown-light: #dca25e;
  --icon-brown: #a5652a;
  --icon-brown-dark: #64380f;
  --icon-paper: #fff6dc;
  --shadow-window: 4px 4px 0 0 #000000;
  --shadow-menu: 2px 2px 0 0 #000000;
}
[data-theme="millennium"] {
  --kodak-yellow: #fab617;
  --kodak-red: #e30613;
  --datestamp: #ff7a1a;
  --desktop: #15757d;
  --window: #eef2f6;
  --face: #d2dae3;
  --well: #ffffff;
  --canvas: #18212c;
  --film: #0e141b;
  --bevel-hi: #ffffff;
  --bevel-lo: #8392a3;
  --bevel-edge: #111820;
  --ink: #121a24;
  --ink-muted: #45536a;
  --ink-disabled: #93a0b0;
  --on-desktop: #ffffff;
  --logo-tiny: var(--primary);
  --logo-lab: var(--on-desktop);
  --primary: #ff6b57;
  --on-primary: #121a24;
  --accent: #5b3fd6;
  --on-accent: #ffffff;
  --titlebar: #4a2fc2;
  --titlebar-gloss: #6d54de;
  --on-titlebar: #ffffff;
  --titlebar-inactive: #a3aebb;
  --on-titlebar-inactive: #1f2a36;
  --select: #5b3fd6;
  --on-select: #ffffff;
  --focus: #5b3fd6;
  --focus-inverse: #ffc94a;
  --led-on: #1f58e0;
  --led-off: #7d8a99;
  --status-ok: #1a4bc0;
  --status-warn: #7f4500;
  --status-error: #ad1328;
  --lcd: #0b2a2e;
  --lcd-ink: #5cf2df;
  --lcd-ghost: #14474c;
  --shell-yellow: var(--kodak-yellow);
  --shell-red: var(--kodak-red);
  --shell-gray: #8a8d91;
  --shell-white: #f4f2ec;
  --shell-black: #1c1c1e;
  --shell-blue: #2e6fd8;
  --shell-clear: #cfe3ea;
  --shell-chrome: #c9ced6;
  --secondary: #2fbab2;
  --on-secondary: #121a24;
  --panelbar: #1d2a7a;
  --panelbar-end: #3f6cd0;
  --on-panelbar: #ffffff;
  --ramp-dark: #141210;
  --ramp-light: #fbf8f0;
  --ramp-grey: #8f8a80;
  --ramp-cool: #3f7fe0;
  --ramp-warm: #f2a01a;
  --ramp-green: #3aa548;
  --ramp-magenta: #d43c9a;
  --icon-ink: #1a1410;
  --icon-white: #ffffff;
  --icon-grey-1: #e2ddd0;
  --icon-grey-2: #aaa292;
  --icon-grey-3: #6e6657;
  --icon-yellow-light: #ffe28a;
  --icon-yellow: #fab617;
  --icon-yellow-dark: #bf7a00;
  --icon-orange: #ff7a1a;
  --icon-red-light: #ff7a6e;
  --icon-red: #e30613;
  --icon-red-dark: #8c0510;
  --icon-blue-light: #a9cbff;
  --icon-blue: #3b6fe6;
  --icon-blue-dark: #1b3a96;
  --icon-green-light: #9fe08c;
  --icon-green: #3aa548;
  --icon-green-dark: #1d6a2a;
  --icon-brown-light: #dca25e;
  --icon-brown: #a5652a;
  --icon-brown-dark: #64380f;
  --icon-paper: #fff6dc;
  --shadow-window: 4px 4px 0 0 #11182073;
  --shadow-menu: 2px 2px 0 0 #11182073;
}
:root {
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --radius-0: 0px;
  --radius-1: 2px;
  --radius-round: 9999px;
  --duration-instant: 0ms;
  --duration-press: 60ms;
  --duration-tick: 80ms;
  --duration-flash: 160ms;
  --duration-blink: 1000ms;
  --ease-step: steps(4, end);
  --ease-blink: steps(2, jump-none);
  --ease-flash: cubic-bezier(0.2, 0, 0, 1);
  --font-display: "Archivo Expanded", "Archivo Black", Impact, sans-serif;
  --font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-pixel: "Pixelify Sans", "MS Sans Serif", Tahoma, sans-serif;
  --font-dot: Doto, "IBM Plex Mono", monospace;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 0.9; font-weight: 900; letter-spacing: -0.02em; }
.display-lg { font-family: var(--font-display); font-size: 40px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; }
.display-md { font-family: var(--font-display); font-size: 24px; line-height: 1; font-weight: 800; }
.display-sm { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.06em; }
.chrome-title { font-family: var(--font-pixel); font-size: 16px; line-height: 20px; font-weight: 700; }
.chrome { font-family: var(--font-pixel); font-size: 16px; line-height: 16px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 650; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.lcd-lg { font-family: var(--font-dot); font-size: 36px; line-height: 36px; font-weight: 800; }
.lcd-sm { font-family: var(--font-dot); font-size: 16px; line-height: 16px; font-weight: 800; }
.mono { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
@font-face { font-family: "Archivo Expanded"; src: url("fonts/ArchivoExpanded-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: block; }
@font-face { font-family: "Archivo"; src: url("fonts/Archivo-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: block; }
@font-face { font-family: "Pixelify Sans"; src: url("fonts/PixelifySans-Variable.woff2") format("woff2"); font-weight: 400 700; font-display: block; }
@font-face { font-family: "Doto"; src: url("fonts/Doto-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: block; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: block; }