@import url("https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,500;0,600;0,700;1,500&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--kromatec-bg:#0b0d12;--kromatec-bg-elevated:#12141c;--kromatec-surface:#171a22;--kromatec-surface-2:#1e222c;--kromatec-surface-hover:#262b38;--kromatec-border:#262b38;--kromatec-border-strong:#343b4c;--kromatec-ink:#eceef3;--kromatec-ink-soft:#b7bdca;--kromatec-muted:#7d869a;--kromatec-accent:#8da0ff;--kromatec-accent-ink:#c2ccff;--kromatec-accent-soft:#212a4e;--kromatec-accent-glow:0 0 0 1px rgba(141,160,255,.4),0 0 20px -4px rgba(141,160,255,.45);--kromatec-role-luca:#8da0ff;--kromatec-role-luca-soft:#212a4e;--kromatec-role-maria:#e3a44d;--kromatec-role-maria-soft:#382b15;--kromatec-success:#57c596;--kromatec-success-soft:#163827;--kromatec-warning:#e3b34d;--kromatec-warning-soft:#382b12;--kromatec-critical:#e97c72;--kromatec-critical-soft:#3a1e1b;--kromatec-module-raster:#6fb6ff;--kromatec-module-vector:#b896ff;--kromatec-module-mockup:#57c596;--kromatec-module-video:#f0879a;--kromatec-module-library:#e3b34d;--kromatec-module-marketplace:#4dd0c8;--kromatec-module-projects:#eceef3;--kromatec-module-print:#e3925e;--kromatec-code-bg:#0c0e13;--kromatec-code-ink:#e7eaf2;--kromatec-font-display:"Spectral",ui-serif,Georgia,serif;--kromatec-font-body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--kromatec-font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;--kromatec-radius-sm:6px;--kromatec-radius-md:10px;--kromatec-radius-lg:14px;--kromatec-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px -12px rgba(0,0,0,.55);--kromatec-shadow-lg:0 4px 12px rgba(0,0,0,.35),0 24px 48px -16px rgba(0,0,0,.6);--kromatec-focus-ring:0 0 0 2px var(--kromatec-bg),0 0 0 4px var(--kromatec-accent)}:root[data-theme=light]{--kromatec-bg:#f5f7fb;--kromatec-bg-elevated:#fff;--kromatec-surface:#fff;--kromatec-surface-2:#edf0f6;--kromatec-surface-hover:#e3e7f0;--kromatec-border:#dce1ea;--kromatec-border-strong:#c4cbda;--kromatec-ink:#1b1f27;--kromatec-ink-soft:#4a5164;--kromatec-muted:#727a8c;--kromatec-accent:#3654e3;--kromatec-accent-ink:#2540c4;--kromatec-accent-soft:#e7eafd;--kromatec-accent-glow:0 0 0 1px rgba(54,84,227,.3),0 0 16px -4px rgba(54,84,227,.35);--kromatec-role-luca:#3654e3;--kromatec-role-luca-soft:#e7eafd;--kromatec-role-maria:#b5730e;--kromatec-role-maria-soft:#fbeedc;--kromatec-success:#1f7a54;--kromatec-success-soft:#e1f3ea;--kromatec-warning:#a5700c;--kromatec-warning-soft:#fbf0dc;--kromatec-critical:#b93b32;--kromatec-critical-soft:#fbe7e5;--kromatec-module-raster:#2c6fbf;--kromatec-module-vector:#7a4fd1;--kromatec-module-mockup:#1f7a54;--kromatec-module-video:#c23a5a;--kromatec-module-library:#a5700c;--kromatec-module-marketplace:#0e7d74;--kromatec-module-projects:#1b1f27;--kromatec-module-print:#b95a1f;--kromatec-shadow:0 1px 2px rgba(20,23,30,.04),0 8px 24px -12px rgba(20,23,30,.12);--kromatec-shadow-lg:0 4px 12px rgba(20,23,30,.06),0 24px 48px -16px rgba(20,23,30,.18);--kromatec-focus-ring:0 0 0 2px var(--kromatec-bg),0 0 0 4px var(--kromatec-accent)}.kromatec-btn{transition:filter .12s ease,background .12s ease,border-color .12s ease,transform 80ms ease}.kromatec-btn:hover:not(:disabled){filter:brightness(1.08)}.kromatec-btn:active:not(:disabled){transform:translateY(1px)}.kromatec-btn:disabled{opacity:.5;cursor:not-allowed}.kromatec-btn-ghost:hover:not(:disabled),.kromatec-btn-secondary:hover:not(:disabled){background:var(--kromatec-surface-hover)}.kromatec-panel{transition:border-color .15s ease}.kromatec-tab{transition:background .12s ease,color .12s ease,border-color .12s ease}.kromatec-tab:hover:not([data-active=true]){background:var(--kromatec-surface-hover);color:var(--kromatec-ink)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--kromatec-bg);color:var(--kromatec-ink);font-family:var(--kromatec-font-body)}h1,h2,h3{font-family:var(--kromatec-font-display);margin:0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{color:var(--kromatec-ink);padding:6px 10px;font-family:var(--kromatec-font-body);font-size:13px;line-height:1.3;transition:border-color .12s ease,box-shadow .12s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),input[type=color],select,textarea{background:var(--kromatec-surface-2);border:1px solid var(--kromatec-border);border-radius:var(--kromatec-radius-sm)}input[type=color]{padding:2px;width:34px;height:30px;cursor:pointer}button:focus-visible,input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,input[type=color]:focus-visible,input[type=file]:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--kromatec-accent);box-shadow:0 0 0 3px var(--kromatec-accent-soft)}select{cursor:pointer}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--kromatec-muted)}input[type=checkbox],input[type=radio]{width:14px;height:14px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--kromatec-accent);cursor:pointer}input[type=file]{color:var(--kromatec-ink-soft);font-family:var(--kromatec-font-body);font-size:13px}input[type=file]::-webkit-file-upload-button{background:var(--kromatec-surface-2);color:var(--kromatec-ink);border:1px solid var(--kromatec-border);border-radius:var(--kromatec-radius-sm);padding:6px 12px;font-family:var(--kromatec-font-body);font-size:12.5px;font-weight:600;cursor:pointer;margin-right:10px;-webkit-transition:background .12s ease,border-color .12s ease;transition:background .12s ease,border-color .12s ease}input[type=file]::file-selector-button{background:var(--kromatec-surface-2);color:var(--kromatec-ink);border:1px solid var(--kromatec-border);border-radius:var(--kromatec-radius-sm);padding:6px 12px;font-family:var(--kromatec-font-body);font-size:12.5px;font-weight:600;cursor:pointer;margin-right:10px;transition:background .12s ease,border-color .12s ease}input[type=file]::-webkit-file-upload-button:hover{background:var(--kromatec-surface-hover);border-color:var(--kromatec-border-strong)}input[type=file]::file-selector-button:hover{background:var(--kromatec-surface-hover);border-color:var(--kromatec-border-strong)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--kromatec-border-strong);border-radius:100px;border:2px solid var(--kromatec-bg)}::-webkit-scrollbar-thumb:hover{background:var(--kromatec-muted)}video{max-width:100%;border-radius:var(--kromatec-radius-sm)}