@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");:root{--page-black1000:#101010;--page-dark1000:#191919;--page-dark800:#1D1D1D;--page-dark600:#242424;--button-primary:#0084E9;--button-gray1000:#313131;--button-gray800:#505050;--text-white1000:#FFFFFF;--text-white800:#CCCCCC;--text-white600:#919191;--text-white400:#7A7A7A;--line-divider:#303030;--line-color:#424242;--text-sm:0.75rem;--text-md:0.875rem;--text-lg:1rem;--main-text-size:0.875rem;--big-text-size:1rem;--line-size:1px;--thick-line-size:3px;--bg-primary:var(--page-black1000);--bg-secondary:var(--page-dark1000);--bg-tertiary:var(--page-dark800);--bg-card:var(--page-dark600);--bg-hover:var(--button-gray1000);--bg-active:var(--button-gray800);--border-color:var(--line-divider);--border-light:var(--line-color);--text-primary:var(--text-white1000);--text-secondary:var(--text-white800);--text-muted:var(--text-white600);--text-placeholder:var(--text-white400);--accent-primary:var(--button-primary);--accent-hover:#006FCC;--accent-cyan:#06b6d4;--accent-orange:#f59e0b;--accent-green:#22c55e;--accent-indigo:#5856d6;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--error-hover:#dc2626;--error-active:#b91c1c;--error-light:#f87171;--success-light:#4ade80;--warning-light:#fbbf24;--row-height-cut:3.5625rem;--control-panel-height:13.0625rem;--space-1:1px;--space-2:2px;--space-3:3px;--space-4:4px;--space-5:5px;--space-6:6px;--space-7:7px;--space-8:8px;--space-9:9px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-80:80px;--space-96:96px;--spacing-xs:var(--space-4);--spacing-sm:var(--space-8);--spacing-md:var(--space-12);--spacing-lg:var(--space-16);--spacing-xl:var(--space-24);--spacing-2xl:var(--space-32);--container-md:880px;--container-lg:1000px;--container-xl:1600px;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--shadow-sm:0 0.0625rem 0.125rem rgba(0,0,0,0.4);--shadow-md:0 0.25rem 0.375rem rgba(0,0,0,0.5);--shadow-lg:0 0.625rem 0.9375rem rgba(0,0,0,0.6);--font-family:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sidebar-width:8.75rem;--sidebar-collapsed-width:0rem;--surface-panel:rgba(25,25,25,0.7);--surface-panel-solid:rgba(25,25,25,0.97);--surface-hover:rgba(255,255,255,0.1);--black:#000;--backdrop-blur:20px;--border-on-glass:rgba(255,255,255,0.08);--scrim:rgba(0,0,0,0.4);--overlay-dim:var(--scrim);--overlay-medium:rgba(0,0,0,0.6);--overlay-dark:rgba(0,0,0,0.8);--overlay-border-light:rgba(255,255,255,0.2);--overlay-border-medium:rgba(255,255,255,0.5);--code-blue:#569cd6;--code-orange:#ce9178;--code-green:#6A9955;--code-green-light:#b5cea8;--glass-bg:var(--surface-panel);--glass-bg-darker:rgba(15,15,15,0.88);--glass-blur:var(--backdrop-blur);--glass-border:var(--border-on-glass);--glass-border-hover:rgba(255,255,255,0.15);--modal-overlay-bg:var(--scrim);--modal-bg:var(--surface-panel);--modal-blur:var(--backdrop-blur);--modal-border:var(--border-on-glass);--modal-radius:12px;--modal-shadow:0 8px 32px rgba(0,0,0,0.4);--modal-header-bg:rgba(255,255,255,0.03);--modal-footer-bg:rgba(255,255,255,0.02);--modal-divider:rgba(255,255,255,0.06);--modal-input-bg:rgba(0,0,0,0.3);--modal-sidebar-bg:rgba(0,0,0,0.2);--modal-width-sm:400px;--modal-width-xl:1400px;--modal-max-width-sm:90vw;--modal-title-size:1rem;--z-expand-popup:500;--z-expand-button:550;--z-menu:600;--z-popover:700;--z-header-popover:800;--z-modal:1000;--z-modal-elevated:1100;--z-lightbox:2000;--z-modal-backdrop:10100;--z-modal-surface:10101;--z-modal-elevated-backdrop:10110;--z-modal-elevated-surface:10111;--z-modal-popover:10200;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.75rem;--text-5xl:2rem;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5;--lh-relaxed:1.65;--radius-full:9999px;--radius-circle:50%;--spacing-2xs:var(--space-2);--spacing-3xl:var(--space-48)}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:var(--font-family);font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:.375rem;height:.375rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:.1875rem}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:none}button{cursor:pointer;border:none;background:none;transition:transform .1s ease,filter .1s ease}button:active{transform:scale(.97)}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes slideDownOne{0%{transform:translateY(calc(-100% - 12px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes slideDownTwo{0%{transform:translateY(calc(-200% - 24px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes slideUpOne{0%{transform:translateY(calc(100% + 12px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes slideUpTwo{0%{transform:translateY(calc(200% + 24px));opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:.3}}@keyframes streamLineIn{0%{-webkit-mask-position:right;mask-position:right}to{-webkit-mask-position:left;mask-position:left}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(-150% - 20px));opacity:0}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(150% + 20px));opacity:0}}@keyframes moveLeft1{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 4px))}}@keyframes moveLeft1Down1{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(-100% - 4px)) translateY(calc(100% + 4px))}}@keyframes moveLeft2{0%{transform:translateX(0)}to{transform:translateX(calc(-200% - 8px))}}@keyframes moveRight1Down1{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(100% + 4px)) translateY(calc(100% + 4px))}}@keyframes moveRight1Down2{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(100% + 4px)) translateY(calc(200% + 8px))}}@keyframes moveRight2Down2{0%{transform:translateX(0) translateY(0)}to{transform:translateX(calc(200% + 8px)) translateY(calc(200% + 8px))}}@keyframes moveDown1{0%{transform:translateY(0)}to{transform:translateY(calc(100% + 4px))}}@keyframes moveDown2{0%{transform:translateY(0)}to{transform:translateY(calc(200% + 8px))}}@keyframes cellFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBelow{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromAbove{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes gridFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pushRowsDown{0%{transform:translateY(0)}to{transform:translateY(calc(200% + 8px))}}@keyframes pushRowsUp{0%{transform:translateY(0)}to{transform:translateY(calc(-200% - 8px))}}body.floating-drag-active{cursor:grabbing!important}body.gallery-drag-started>*{pointer-events:none}body.gallery-drag-started{cursor:grabbing!important}[data-clipboard-copied=true]{position:relative;outline:2px dashed rgba(140,200,255,.95);outline-offset:2px;animation:gallery-marching-ants .8s linear infinite;border-radius:6px}@keyframes gallery-marching-ants{0%{outline-offset:2px}50%{outline-offset:4px}to{outline-offset:2px}}