*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body,#root{color:#f3f4f6;background-color:#0f0f11;width:100%;min-height:100vh;line-height:1.6}.navbar{background-color:#16161a;border-bottom:1px solid #232329;justify-content:space-between;align-items:center;padding:1rem 4rem;display:flex}.logo-container{align-items:center;display:flex}.logo-img{object-fit:contain;mix-blend-mode:normal;filter:contrast(110%);border-radius:6px;width:auto;height:100px}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:#9ca3af;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}button{cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background-color:#b82329;padding:.6rem 1.2rem}.btn-primary:hover{background-color:#931a1f}.btn-secondary{color:#d1d5db;background-color:#0000;border:1px solid #2d404e;padding:.6rem 1.2rem}.btn-secondary:hover{color:#fff;background-color:#2d404e}.btn-large{padding:.8rem 1.8rem;font-size:1rem}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:5rem 4rem;display:grid}.hero-content h1{margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.hero-content p{color:#9ca3af;margin-bottom:2rem;font-size:1.125rem}.hero-buttons{gap:1rem;display:flex}.hero-preview{justify-content:center;align-items:center;display:flex}.placeholder-card{color:#6b7280;background:linear-gradient(135deg,#1c242c 0%,#0f1419 100%);border:1px dashed #2d404e;border-radius:12px;justify-content:center;align-items:center;width:100%;height:320px;font-weight:600;display:flex}.features{text-align:center;background-color:#16161a;padding:5rem 4rem}.features h2{margin-bottom:3rem;font-size:2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{text-align:left;background-color:#0f0f11;border:1px solid #232329;border-radius:12px;padding:2rem}.feature-card h3{color:#f3f4f6;margin-bottom:.8rem}.feature-card p{color:#9ca3af;font-size:.95rem}.footer{text-align:center;color:#6b7280;text-align:center;border-top:1px solid #232329;padding:2rem;font-size:.9rem}@media (width<=768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.8rem;width:100%}.logo-img{height:50px}.hero{text-align:center;grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 1.5rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.hero-buttons{justify-content:center}.placeholder-card{height:240px}.features{padding:3rem 1.5rem}.features-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#16161a;border:1px solid #232329;border-radius:12px;width:90%;max-width:420px;padding:2.5rem;position:relative;box-shadow:0 20px 25px -5px #00000080}.modal-close{color:#9ca3af;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.modal-content h2{margin-bottom:.25rem;font-size:1.5rem}.modal-subtitle{color:#9ca3af;margin-bottom:1.5rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#d1d5db;font-size:.85rem}.form-group input{color:#fff;background-color:#0f0f11;border:1px solid #2d404e;border-radius:8px;outline:none;padding:.75rem 1rem}.form-group input:focus{border-color:#b82329}.btn-full{width:100%;margin-top:.5rem;padding:.75rem}.modal-switch{text-align:center;color:#9ca3af;justify-content:center;gap:.5rem;margin-top:1.5rem;font-size:.85rem;display:flex}.btn-link{color:#b82329;background:0 0;padding:0;font-size:.85rem}.btn-link:hover{text-decoration:underline}.landing-container{color:#f3f4f6;background-color:#0f0f11;min-height:100vh}.hero-badge{color:#b82329;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.8rem;font-size:.8rem;font-weight:700;display:inline-block}.hero-preview{box-sizing:border-box;flex:500px;width:100%;min-width:0;max-width:650px}.sketchup-frame{background:var(--color-negro,#0f0f11);box-sizing:border-box;border:1px solid #1e293b;border-radius:12px;width:100%;padding:16px;position:relative;box-shadow:0 25px 50px -12px #000000b3}.frame-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.frame-title{color:#fff;letter-spacing:-.2px;font-size:1.1rem;font-weight:600}.fullscreen-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.fullscreen-btn:hover{color:#fff;background:#ffffff1a;border-color:#475569}.canvas-wrapper{background-color:var(--color-negro,#0f0f11);border-radius:8px;width:100%;max-width:100%;height:340px;position:relative;overflow:hidden}:is(.sketchup-frame.is-fullscreen,.sketchup-frame:fullscreen){box-sizing:border-box;background-color:var(--color-negro,#0f0f11);border:none;border-radius:0;flex-direction:column;padding:24px;display:flex;width:100vw!important;height:100vh!important}:is(.sketchup-frame.is-fullscreen .canvas-wrapper,.sketchup-frame:fullscreen .canvas-wrapper){flex:1;height:auto!important}.fullscreen-overlay-controls{pointer-events:none;z-index:50;width:100%;height:100%;position:absolute;top:0;left:0}.viewer-action-btn{pointer-events:auto;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0f172ab3;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:24px}.viewer-action-btn:hover{background:#1e293be6;border-color:#fff6;transform:scale(1.05)}.btn-top-left{left:24px}.btn-top-right{right:24px}.category-tabs-bar{box-sizing:border-box;background-color:#16161a;border-top:1px solid #232329;border-bottom:1px solid #232329;width:100%;padding:.85rem 2rem}.tabs-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.tab-btn{color:#9ca3af;letter-spacing:.5px;cursor:pointer;background-color:#1f1f24;border:1px solid #2e2e38;border-radius:6px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:700;transition:all .2s}.tab-btn:hover{color:#fff;background-color:#2a2a32;border-color:#3b3b45}.tab-btn.active{color:#fff;background-color:#b82329;border-color:#b82329;box-shadow:0 0 10px #b8232966}.promo-banner{box-sizing:border-box;background:linear-gradient(135deg,#16161a 0%,#1c242c 100%);border:1px solid #232329;border-radius:12px;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:4rem auto;padding:2.5rem 3rem;display:flex}.promo-content{text-align:left;flex:1}.promo-content h3{color:#fff;margin-bottom:.4rem;font-size:1.5rem}.promo-content p{color:#9ca3af;margin:0;font-size:1rem}.promo-banner .btn-primary{white-space:nowrap;margin-left:auto}@media (width<=768px){.category-tabs-bar{padding:.75rem 1rem}.tabs-container{justify-content:center}.promo-banner{text-align:center;flex-direction:column;margin:2rem 1rem;padding:2rem 1.5rem}.promo-banner .btn-primary{width:100%;margin-left:0}}.ce-container{background:#e5e5e5;flex-direction:row;width:100%;max-width:100%;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.ce-canvas-area{flex:1;min-width:0;height:100%;position:relative}.ce-sidebar{z-index:30;pointer-events:none;-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;bottom:0;left:8px;overflow-y:auto}.ce-sidebar::-webkit-scrollbar{display:none}.ce-sidebar>*{pointer-events:auto}.ce-btn-back{-webkit-backdrop-filter:blur(8px);color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff59;border:1px solid #ffffffb3;border-color:#ffffffb3 #00000026 #0003 #ffffffb3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:28px;height:28px;padding:2px;font-size:8px;font-weight:700;transition:background .2s,transform .15s;display:flex;box-shadow:0 2px 6px #00000014,inset 0 1px 1px #ffffffb3}.ce-btn-back:hover{background:#ffffff8c}.ce-tool-bar{flex-direction:column;gap:4px;display:flex}.ce-tool-btn{-webkit-backdrop-filter:blur(8px);color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff59;border:1px solid #ffffffb3;border-color:#ffffffb3 #00000026 #0003 #ffffffb3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:28px;height:28px;padding:2px;font-size:8px;font-weight:700;transition:background .2s;display:flex;box-shadow:0 2px 6px #00000014,inset 0 1px 1px #ffffffb3}.ce-tool-btn:hover{background:#fff9}.ce-tool-btn.active-red{color:#fff;background:#e74c3cd9;border-color:#c0392b;box-shadow:0 3px 8px #e74c3c59}.ce-tool-btn.active-purple{color:#fff;background:#9b59b6d9;border-color:#8e44ad;box-shadow:0 3px 8px #9b59b659}.ce-views-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#ffffffd9;border:1px solid #c8c8c8cc;border-radius:8px;grid-template-columns:repeat(2,40px);gap:6px;padding:6px;display:grid;position:absolute;top:0;left:45px;box-shadow:0 4px 14px #0003}.ce-view-item{cursor:pointer;background:#ffffffe6;border:1px solid #ddd;border-radius:6px;width:40px;height:40px;font-size:10px;font-weight:700}.ce-btn-fullscreen{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#1a1a1aa6;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #0003}.ce-btn-fullscreen:hover{background:#1a1a1ae6}.ce-panel{box-sizing:border-box;color:#fff;z-index:20;background:#121212;border-left:1px solid #333;flex-direction:column;flex-shrink:0;width:320px;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.ce-panel-sticky-header{z-index:50;background:#121212;border-bottom:1px solid #333;flex-shrink:0;padding:5px;position:relative;box-shadow:0 4px 10px #00000080}.ce-toggle-group{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:4px;display:flex}.ce-toggle-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 0;font-size:.85rem;font-weight:700;transition:background .2s}.ce-toggle-btn.active-red{background:#e74c3c}.ce-toggle-btn.active-blue{background:#3498db}.ce-panel-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:#121212;flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.ce-section-title{border-bottom:1px solid #333;margin:0 0 12px;padding-bottom:8px;font-size:1.1rem}.ce-dimension-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ce-numpad-btn{color:#fff;text-align:right;cursor:pointer;background:#2a2a2a;border:1px solid #555;border-radius:6px;min-width:85px;padding:6px 12px;font-size:.9rem;font-weight:700}.ce-card{background:#1e1e1e;border:1px solid #444;border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.ce-btn-danger{color:#e74c3c;cursor:pointer;background:0 0;border:1px solid #e74c3c;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:700;transition:background .2s;display:flex}.ce-btn-danger:hover{background:#e74c3c1a}.ce-numpad-overlay{z-index:200;box-sizing:border-box;background:#121212;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}@media (width<=768px){.ce-container{flex-direction:unset;grid-template-rows:45vh 1fr;grid-template-columns:46px 1fr;display:grid}.ce-canvas-area{flex:none;grid-area:1/1/2/3;width:100%;height:100%}.ce-btn-fullscreen{width:30px;height:30px;top:8px;right:8px}.ce-sidebar{box-sizing:border-box;pointer-events:auto;z-index:10;background:#18181b;border-top:1px solid #27272a;border-right:1px solid #27272a;flex-direction:column;grid-area:2/1/3/2;align-items:center;gap:6px;width:100%;height:100%;padding:6px 0;display:flex;position:relative;top:0;left:0;overflow-y:auto}.ce-btn-back{border-radius:6px;width:28px;height:28px;padding:2px;font-size:8px}.ce-tool-bar{align-items:center;gap:4px}.ce-tool-btn{width:28px;height:28px}.ce-views-menu{top:-10px;left:48px}.ce-panel{flex-shrink:unset;border-top:1px solid #333;border-left:none;grid-area:2/2/3/3;width:100%;height:100%}}