:root{--primary: #64ffda;--primary-hover: #52e0c1;--bg: #050505;--panel-bg: rgba(10, 10, 10, .7);--text: #e1e1e1;--text-muted: #888888;--accent: #64ffda;--glass-border: rgba(255, 255, 255, .05);--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text);overflow:hidden;height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#app{display:flex;flex-direction:column;height:100vh}.top-bar{height:var(--header-height);padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;background:#050505cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100;letter-spacing:.05em;text-transform:uppercase}.logo{font-weight:700;font-size:1.2rem;color:var(--text);text-decoration:none}.logo span{color:var(--primary)}.modes{display:flex;gap:.2rem;background:#ffffff08;padding:.4rem;border-radius:4px;border:1px solid var(--glass-border)}.mode-btn{padding:.5rem 1.4rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:2px;display:flex;align-items:center;gap:.6rem;font-weight:500;transition:all .3s cubic-bezier(.165,.84,.44,1);font-family:inherit;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.mode-btn.active{background:#64ffda1a;color:var(--primary);border:1px solid rgba(100,255,218,.2)}.actions{display:flex;gap:.8rem}.btn{padding:.6rem 1.5rem;border-radius:4px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.primary-btn{background:transparent;color:var(--text);border:1px solid var(--text);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;padding:.6rem 1.8rem;position:relative;overflow:hidden;z-index:1}.primary-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--text);z-index:-1;transition:width .3s ease}.primary-btn:hover{color:var(--bg)}.primary-btn:hover:before{width:100%}.secondary-btn{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.secondary-btn:hover{color:var(--text);border-color:var(--text);background:#ffffff0d}.viewport{flex:1;position:relative;display:flex;overflow:hidden}#canvas-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center}#grid-canvas{cursor:crosshair;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}aside#furniture-panel{width:320px;background:#070707e6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-left:1px solid var(--glass-border);padding:2rem;transition:transform .6s cubic-bezier(.165,.84,.44,1);overflow-y:auto;position:absolute;right:0;height:100%;z-index:50}aside#furniture-panel.hidden{transform:translate(100%)}.panel-section{margin-bottom:2.5rem}.panel-section h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.library-section{margin-bottom:0}.draw-item-btn{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;width:100%;aspect-ratio:1 / .9;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);color:var(--text);font-family:inherit}.draw-item-btn:hover,.draw-item-btn.active{border-color:var(--primary);background:#64ffda0d;transform:translateY(-2px)}.draw-item-btn span{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.furniture-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.furniture-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;width:100%;aspect-ratio:1 / 1;cursor:grab;transition:all .4s cubic-bezier(.165,.84,.44,1)}.furniture-item:hover{border-color:var(--primary);background:#64ffda14;transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.furniture-item span{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.toast{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);background:#0a0a0ae6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1rem 2rem;border-radius:4px;border:1px solid var(--glass-border);font-size:.8rem;color:var(--text-muted);pointer-events:none;animation:slideUp .8s cubic-bezier(.165,.84,.44,1);z-index:60;text-transform:uppercase;letter-spacing:.15em;font-weight:500}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.dimension-label{position:absolute;background:var(--primary);color:#050505;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;pointer-events:none;transform:translate(-50%,-100%);margin-top:-10px;white-space:nowrap}canvas{display:block;outline:none}.mobile-only{display:none!important}.icon-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.mobile-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;transition:opacity .3s ease}.mobile-overlay.hidden{opacity:0;pointer-events:none}@media(max-width:1024px){aside#furniture-panel{width:260px}}@media(max-width:768px){:root{--header-height: 60px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.top-bar{padding:0 1rem}.logo{font-size:1.1rem}.logo span{display:none}.mode-btn{padding:.5rem .8rem;font-size:.85rem}.mode-btn span{display:none}.primary-btn,.secondary-btn{padding:.5rem 1rem;font-size:.85rem}aside#furniture-panel{width:100%;max-width:400px;border-left:none;border-top:1px solid var(--glass-border);border-radius:20px 20px 0 0;height:70vh;bottom:0;top:auto;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}aside#furniture-panel.hidden{transform:translateY(100%);display:none}aside#furniture-panel.active{transform:translateY(0);display:block}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.furniture-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.toast{width:90%;text-align:center;bottom:1rem;font-size:.8rem}}@media(max-width:480px){.logo{display:none}.modes{flex:1;justify-content:center}.furniture-grid{grid-template-columns:1fr 1fr}}