*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0e0c;--surface: #1a1916;--surface2: #242320;--border: #2e2c28;--accent: #e8c97e;--accent2: #7eb8e8;--accent3: #7ee8a2;--warn: #e87e7e;--text: #f0ede6;--muted: #8a8578;--tile-color: #6b9ab8;--mortar-color: #b5a882;--ditra-color: #e8c97e;--hardwood-color: #c8864a;--subfloor-color: #7a6a52;--pad-color: rgba(180,160,120,.7);font-family:DM Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.015) 39px,rgba(255,255,255,.015) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,.015) 39px,rgba(255,255,255,.015) 40px);pointer-events:none;z-index:0}#root{position:relative;z-index:1}select option{background:#1a1916}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .3s ease forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}