@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark: #111827;--bg-med: #1f2937;--bg-light: #374151;--border: #4b5563;--text-light: #d1d5db;--text-dark: #9ca3af;--accent: #3b82f6}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.checkerboard{background-image:linear-gradient(45deg,var(--bg-light) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-light) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-light) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}canvas{image-rendering:pixelated}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:115%;left:50%;transform:translate(-50%);background-color:#030712;color:var(--text-light);padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:50;border:1px solid var(--border)}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280}input[type=checkbox].swatch:checked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;border-radius:.375rem}body{@apply bg-dark text-light-text overflow-hidden h-screen flex flex-col;}