:root{--bg-base:#090d16;--bg-canvas:#0d1220;--bg-panel:#111827b3;--bg-panel-hover:#172033cc;--bg-card:#151d30;--border-glow:#38bdf826;--border-thin:#ffffff14;--border-focus:#38bdf8;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-secondary:#0ea5e9;--color-secondary-hover:#0284c7;--color-accent:#f43f5e;--color-accent-hover:#e11d48;--color-success:#10b981;--text-primary:#f3f4f6;--text-secondary:#a1a1aa;--text-muted:#6b7280;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-glow:0 0 20px #6366f126;--radius-lg:16px;--radius-md:10px;--radius-sm:6px}*{box-sizing:border-box;outline:none;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--border-thin);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background:radial-gradient(circle at 50% 50%, #151c33 0%, var(--bg-base) 100%);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.workspace-container{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border-thin);z-index:10;flex-direction:column;width:340px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.right-sidebar{border-right:none;border-left:1px solid var(--border-thin)}.sidebar.collapsed{opacity:0;pointer-events:none;border-left:none;border-right:none;width:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-thin);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.sidebar-header h2{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:600;display:flex}.sidebar-scroll{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:12px;display:flex}.section-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.85rem;font-weight:700}.library-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.library-item{background:var(--bg-card);border:1px solid var(--border-thin);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.library-item:hover{border-color:var(--color-primary);background:#6366f10d;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.library-item-icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-secondary);background:#ffffff08;justify-content:center;align-items:center;transition:all .2s;display:flex}.library-item:hover .library-item-icon{color:var(--text-primary);background:#6366f11a}.library-item-name{text-align:center;color:var(--text-secondary);font-size:.78rem;font-weight:500}.library-item:hover .library-item-name{color:var(--text-primary)}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.input-row{gap:8px;display:flex}.input-with-unit{flex:1;align-items:center;display:flex;position:relative}.input-with-unit input{border:1px solid var(--border-thin);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#0003;padding:10px 36px 10px 12px;font-size:.88rem;transition:all .2s}.input-with-unit input:focus{border-color:var(--border-focus);background:#0000004d;box-shadow:0 0 10px #38bdf826}.input-unit{color:var(--text-muted);pointer-events:none;font-size:.75rem;font-weight:600;position:absolute;right:12px}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s;position:relative}.color-option.active{border-color:var(--text-primary);transform:scale(1.15)}.color-option:hover{transform:scale(1.1)}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #4338ca 100%);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-thin);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff14}.btn-danger{color:var(--color-accent);background:#f43f5e1a;border-color:#f43f5e33}.btn-danger:hover{background:var(--color-accent);color:var(--text-primary)}.btn-group-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border-thin);color:var(--text-secondary);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.btn-icon:hover{color:var(--text-primary);border-color:var(--text-muted);background:#ffffff14}.btn-icon.active{border-color:var(--color-primary);color:var(--text-primary);background:#6366f126}.canvas-wrapper{background-color:var(--bg-canvas);background-image:radial-gradient(var(--border-thin) 1px, transparent 1px), radial-gradient(#ffffff05 1px, transparent 1px);cursor:grab;background-position:0 0,0 0;background-size:40px 40px,8px 8px;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.canvas-wrapper:active{cursor:grabbing}.canvas-wrapper.drawing-tool{cursor:crosshair}.svg-canvas{background-color:#12192999;border:2px solid #ffffff0d;border-radius:8px;transition:box-shadow .3s;position:relative;overflow:visible;box-shadow:0 25px 50px -12px #000000b3}.svg-canvas.selected-element-active{border-color:#6366f14d}.canvas-room-outline{fill:none;stroke:#ffffff26;stroke-width:3px;stroke-dasharray:6 4}.canvas-room-fill{fill:#0c0f18}.dimension-line{stroke:var(--color-secondary);stroke-width:1.5px;marker-start:url(#arrow-start);marker-end:url(#arrow-end)}.dimension-text{fill:var(--color-secondary);font-family:var(--font-heading);text-anchor:middle;dominant-baseline:central;background-color:var(--bg-canvas);font-size:11px;font-weight:600}.canvas-object{cursor:move;transition:filter .15s}.canvas-object:hover{filter:drop-shadow(0 0 4px #6366f166)}.canvas-object.selected{filter:drop-shadow(0 0 8px #38bdf899)}.svg-selection-border{fill:none;stroke:var(--border-focus);stroke-width:1.5px;stroke-dasharray:4 2;pointer-events:none}.svg-handle{fill:#fff;stroke:var(--border-focus);stroke-width:2px;cursor:nwse-resize;transition:transform .15s}.svg-handle:hover{fill:var(--border-focus);transform:scale(1.3)}.svg-handle.rotate-handle{fill:var(--border-focus);cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill:black' viewBox='0 0 24 24'><path d='M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm-6 8c0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3c-3.31 0-6-2.69-6-6z'/></svg>"),pointer}.svg-handle-line{stroke:var(--border-focus);stroke-width:1.5px;stroke-dasharray:2 2}.bom-list{flex-direction:column;gap:8px;display:flex}.bom-item{border:1px solid var(--border-thin);border-radius:var(--radius-sm);background:#00000026;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.8rem;display:flex}.bom-item-info{flex-direction:column;gap:2px;display:flex}.bom-item-name{color:var(--text-primary);font-weight:600}.bom-item-dims{color:var(--text-secondary)}.header-toolbar{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-thin);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.logo{font-family:var(--font-heading);background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.logo span{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.toolbar-group{align-items:center;gap:12px;display:flex}.toolbar-divider{background:var(--border-thin);width:1px;height:24px;margin:0 4px}.room-size-tag{fill:var(--text-muted);font-size:12px;font-family:var(--font-heading);font-weight:500}.hidden-file-input{display:none}.keyboard-shortcuts-list{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.75rem;display:flex}.shortcut-row{justify-content:space-between;align-items:center;display:flex}.shortcut-key{border:1px solid var(--border-thin);color:var(--text-primary);background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace}.canvas-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-thin);color:var(--text-secondary);pointer-events:none;z-index:5;box-shadow:var(--shadow-lg);background:#0f172ad9;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:.78rem;font-weight:500;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.canvas-tooltip span{color:var(--color-secondary);font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.form-input,.input-with-unit input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);appearance:none;background:#05070c73;border:1px solid #ffffff14;padding:10px 12px;font-size:.88rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-with-unit input{padding-right:36px}.form-input:hover,.input-with-unit input:hover{background:#05070c99;border-color:#fff3}.form-input:focus,.input-with-unit input:focus{border-color:var(--border-focus);background:#05070cb3;box-shadow:0 0 0 3px #38bdf826}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.form-textarea{border-radius:var(--radius-md);width:100%;min-height:80px;color:var(--text-primary);font-family:var(--font-body);resize:vertical;background:#05070c73;border:1px solid #ffffff14;padding:10px 12px;font-size:.88rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-textarea:hover{background:#05070c99;border-color:#fff3}.form-textarea:focus{border-color:var(--border-focus);background:#05070cb3;box-shadow:0 0 0 3px #38bdf826}.form-select{border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);appearance:none;cursor:pointer;background:#05070c73 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'><path d='m6 9 6 6 6-6'/></svg>") right 12px center/14px no-repeat;border:1px solid #ffffff14;padding:10px 32px 10px 12px;font-size:.88rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-select:hover{background-color:#05070c99;border-color:#fff3}.form-select:focus{border-color:var(--border-focus);background-color:#05070cb3;box-shadow:0 0 0 3px #38bdf826}.form-select option{color:var(--text-primary);background:#111827}.form-range{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px;transition:background .2s}.form-range::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--color-primary) 0%, #4f46e5 100%);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s,background .1s;box-shadow:0 0 8px #6366f180}.form-range::-webkit-slider-thumb:hover{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);transform:scale(1.2);box-shadow:0 0 12px #38bdf899}.form-range::-moz-range-thumb{background:linear-gradient(135deg, var(--color-primary) 0%, #4f46e5 100%);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s,background .1s;box-shadow:0 0 8px #6366f180}.form-range::-moz-range-thumb:hover{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);transform:scale(1.2);box-shadow:0 0 12px #38bdf899}.switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;display:flex}.switch-container{width:44px;height:22px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff0d;border-radius:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.switch-slider:before{content:"";background-color:#f3f4f6;border-radius:50%;width:16px;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0006}.switch-container input:checked+.switch-slider{background-color:var(--color-primary);border-color:#6366f133}.switch-container input:checked+.switch-slider:before{transform:translate(22px)}.switch-container input:focus+.switch-slider{box-shadow:0 0 0 3px #6366f140}.landing-page{background:radial-gradient(circle at 50% 30%, #151c33 0%, var(--bg-base) 80%);scroll-behavior:smooth;width:100vw;height:100vh;font-family:var(--font-body);color:var(--text-primary);overflow-y:auto}.landing-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-thin);z-index:100;background:#0b0f19bf;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0}@media (width<=768px){.landing-header{padding:0 20px}}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:80px 20px 60px;display:flex}.hero-badge{color:var(--color-secondary);letter-spacing:.05em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f140;border-radius:30px;padding:6px 16px;font-size:.82rem;font-weight:600}.landing-hero h1{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;background:linear-gradient(135deg,#fff 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:800px;font-size:3.5rem;font-weight:800;line-height:1.15}@media (width<=768px){.landing-hero h1{font-size:2.2rem}}.landing-hero p{color:var(--text-secondary);max-width:650px;font-size:1.15rem;line-height:1.6}.hero-ctas{gap:16px;margin-top:10px;display:flex}.preview-mockup-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11182766;border:1px solid #ffffff14;border-radius:20px;width:90%;max-width:1000px;margin:40px auto 80px;padding:10px;animation:.5s ease-out scaleIn;box-shadow:0 30px 60px #000c,0 0 40px #6366f114}.preview-mockup-image{border:1px solid #ffffff0a;border-radius:12px;width:100%;display:block}.landing-section{max-width:1200px;margin:0 auto;padding:80px 20px}.section-header{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:50px;display:flex}.section-header h2{font-family:var(--font-heading);color:#fff;margin:0;font-size:2.2rem;font-weight:700}.section-header p{color:var(--text-secondary);max-width:500px;margin:0;font-size:1rem}.features-grid-landing{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.features-grid-landing{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid-landing{grid-template-columns:1fr}}.feature-card-landing{background:var(--bg-card);border:1px solid var(--border-thin);border-radius:16px;flex-direction:column;gap:16px;padding:30px;transition:all .25s;display:flex}.feature-card-landing:hover{border-color:#6366f140;transform:translateY(-5px);box-shadow:0 15px 30px #0006,0 0 20px #6366f10d}.feature-card-icon{width:48px;height:48px;color:var(--color-secondary);background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.feature-card-landing h3{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.2rem;font-weight:600}.feature-card-landing p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.articles-grid-landing{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.articles-grid-landing{grid-template-columns:1fr 1fr}}@media (width<=640px){.articles-grid-landing{grid-template-columns:1fr}}.article-card-landing{border:1px solid var(--border-thin);background:#11182780;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.article-card-landing:hover{border-color:#38bdf840;transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.article-card-content{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.article-category{text-transform:uppercase;color:var(--color-secondary);letter-spacing:.05em;font-size:.72rem;font-weight:700}.article-card-content h3{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.15rem;font-weight:600;line-height:1.4}.article-card-content p{color:var(--text-secondary);flex:1;margin:0;font-size:.88rem;line-height:1.5}.article-readmore{color:var(--text-primary);align-items:center;gap:6px;margin-top:10px;font-size:.82rem;font-weight:600;display:inline-flex}.article-readmore:hover{color:var(--color-secondary)}.cta-banner-landing{text-align:center;background:linear-gradient(135deg,#6366f126 0%,#0ea5e90d 100%);border:1px solid #6366f126;border-radius:24px;flex-direction:column;align-items:center;gap:20px;margin:60px 20px;padding:60px 40px;display:flex;box-shadow:0 20px 40px #00000080}.cta-banner-landing h2{font-family:var(--font-heading);color:#fff;margin:0;font-size:2.5rem;font-weight:800}@media (width<=640px){.cta-banner-landing h2{font-size:1.8rem}}.cta-banner-landing p{color:var(--text-secondary);max-width:600px;margin:0;font-size:1.05rem}.landing-footer{border-top:1px solid var(--border-thin);text-align:center;color:var(--text-secondary);background:#05070c66;padding:40px 20px;font-size:.85rem}.landing-footer a{color:var(--text-primary);text-decoration:none;transition:color .2s}.landing-footer a:hover{color:var(--color-secondary)}.landing-footer .sep{color:var(--text-muted);margin:0 10px}