@font-face{font-family:Karla Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/karla-latin-ext-wght-normal-FJFUE22O.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Karla Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/karla-latin-wght-normal-UYAER5GR.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--phio-blue-0: #113a64;--phio-blue-1: #1b4e81;--phio-blue-2: rgb(27 78 129 / 90%);--phio-blue-3: rgb(27 78 129 / 80%);--phio-blue-4: rgb(27 78 129 / 60%);--phio-blue-5: rgb(27 78 129 / 40%);--phio-blue-6: rgb(27 78 129 / 20%);--phio-blue-7: rgb(27 78 129 / 10%);--phio-blue-8: rgb(27 78 129 / 5%);--phio-magenta-0: #d21346;--phio-magenta-1: #e92d5f;--phio-magenta-6: rgb(233 45 95 / 20%);--phio-magenta-7: rgb(233 45 95 / 10%);--midnight-0: #23252f;--midnight-1: #35384b;--midnight-3: rgb(53 56 75 / 80%);--midnight-4: rgb(53 56 75 / 60%);--midnight-5: rgb(53 56 75 / 40%);--midnight-6: rgb(53 56 75 / 20%);--midnight-7: rgb(53 56 75 / 10%);--midnight-8: rgb(53 56 75 / 5%);--background-grey: #f6f8fd;--lab-white: #fff;--app-bg: var(--background-grey);--panel-bg: var(--lab-white);--surface: var(--lab-white);--surface-subtle: var(--phio-blue-8);--text-strong: var(--midnight-0);--text: var(--midnight-1);--muted-text: var(--midnight-3);--disabled-text: var(--midnight-5);--border: var(--midnight-6);--border-strong: var(--midnight-5);--accent: var(--phio-blue-1);--accent-hover: var(--phio-blue-2);--accent-pressed: var(--phio-blue-0);--accent-selected: var(--phio-blue-7);--accent-subtle: var(--phio-blue-8);--focus-ring: rgb(27 78 129 / 24%);--ok: #18733b;--ok-bg: #e9f6ee;--error: var(--phio-magenta-0);--error-bg: var(--phio-magenta-7);--canvas-bg: #000;--stage-chrome: var(--midnight-0);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 4px;--radius-md: 8px;--control-height: 2rem;--shadow-button: 0 1px 2px rgb(0 0 0 / 10%);--shadow-button-hover: 0 2px 4px rgb(0 0 0 / 15%);--shadow-floating: 0 8px 24px rgb(35 37 47 / 16%)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Karla Variable,Karla,system-ui,sans-serif;font-size:14px;line-height:1.4;color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);border:0;border-radius:var(--radius-sm);color:var(--accent);background:transparent;font-size:14px;font-weight:500;line-height:16px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}button:hover:not(:disabled){color:var(--accent-pressed);background:var(--accent-subtle)}button:active:not(:disabled),button.active,button.selected{color:var(--accent-pressed);background:var(--accent-selected)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring)}button:disabled{color:var(--disabled-text);background:transparent;box-shadow:none;cursor:not-allowed}button.primary{color:var(--lab-white);background:var(--accent);box-shadow:var(--shadow-button)}button.primary:hover:not(:disabled){color:var(--lab-white);background:var(--accent-hover);box-shadow:var(--shadow-button-hover)}button.primary:active:not(:disabled){color:var(--lab-white);background:var(--accent-pressed);box-shadow:none}button.primary:disabled{color:var(--midnight-5);background:var(--phio-blue-6);box-shadow:none}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{min-height:var(--control-height);padding:.375rem var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-strong);background:var(--surface)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--phio-blue-4)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline:3px solid var(--focus-ring);outline-offset:0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):disabled,select:disabled,textarea:disabled{color:var(--disabled-text);background:var(--midnight-8);cursor:not-allowed}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--accent)}fieldset{min-width:0;margin:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}legend{padding:0 var(--space-1);color:var(--text-strong);font-size:14px;font-weight:600;line-height:20px}.banner{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);background:var(--accent-subtle);font-size:13px;line-height:18px}.banner.error{color:var(--error);background:var(--error-bg)}.banner.ok{color:var(--ok);background:var(--ok-bg)}::selection{color:var(--text-strong);background:var(--accent-selected)}