:root{--bg-dark:#0d0e12;--card-bg:#13151a;--card-border:#22252c;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--clr-cyan:#0ea5e9;--clr-purple:#6366f1;--accent-gradient:linear-gradient(135deg, var(--clr-cyan) 0%, var(--clr-purple) 100%);--font-header:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--sidebar-width:260px;--transition-speed:.2s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);letter-spacing:-.011em;min-height:100vh;overflow-x:hidden}.glow{filter:blur(140px);opacity:.04;pointer-events:none;z-index:-1;border-radius:50%;width:500px;height:500px;position:fixed}.glow-cyan{background-color:var(--clr-cyan);top:-100px;left:-100px}.glow-purple{background-color:var(--clr-purple);bottom:-100px;right:-100px}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--card-border);z-index:10;background:#090a0f;flex-direction:column;height:100vh;padding:1.5rem;display:flex;position:fixed}.brand{align-items:center;gap:.6rem;margin-bottom:2.5rem;display:flex}.brand-logo{background:var(--accent-gradient);width:32px;height:32px;font-family:var(--font-header);color:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.brand-text h1{font-family:var(--font-header);letter-spacing:-.02em;font-size:1.1rem;font-weight:700;line-height:1}.version-tag{color:var(--clr-cyan);font-size:.7rem;font-weight:600}.nav-menu{flex-direction:column;flex-grow:1;gap:.35rem;display:flex}.nav-btn{color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:all var(--transition-speed) ease;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;font-size:.9rem;font-weight:500;display:flex}.nav-icon{fill:currentColor;width:18px;height:18px}.nav-btn:hover{color:#fff;background:#ffffff08}.nav-btn.active{color:#fff;border-left:2px solid var(--clr-cyan);background:#ffffff0f;border-radius:0 6px 6px 0}.sidebar-footer{margin-top:auto}.status-indicator{color:var(--text-secondary);border:1px solid var(--card-border);background:#ffffff05;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.pulse-dot{background-color:var(--clr-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--clr-cyan);border-radius:50%}.main-content{margin-left:var(--sidebar-width);flex-grow:1;max-width:1500px;padding:2rem 2.5rem}.tab-pane{animation:fadeIn var(--transition-speed) ease-out;display:none}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:1px solid var(--card-border);margin-bottom:2rem;padding-bottom:1.2rem}.section-header h2{font-family:var(--font-header);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.section-header p{color:var(--text-secondary);font-size:.95rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1.5rem}.converter-layout{grid-template-columns:380px 1fr;align-items:start;gap:2rem;display:grid}.controls-panel{flex-direction:column;gap:1.25rem;display:flex}.upload-area{text-align:center;cursor:pointer;transition:all var(--transition-speed);background:#ffffff01;border:1px dashed #ffffff26;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:1.75rem 1.25rem;display:flex}.upload-area:hover{border-color:var(--clr-cyan);background:#0ea5e905}.upload-area.drag-over{border-color:var(--clr-purple);background:#6366f108}.upload-icon{width:32px;height:32px;fill:var(--text-secondary);transition:fill var(--transition-speed);margin-bottom:.6rem}.upload-area:hover .upload-icon{fill:var(--clr-cyan)}.upload-text{margin-bottom:.2rem;font-size:.85rem;font-weight:500}.upload-text span{color:var(--clr-cyan)}.upload-hint{color:var(--text-secondary);font-size:.75rem}.file-hidden{display:none}.hidden-preview{object-fit:contain;border:1px solid var(--card-border);border-radius:4px;max-height:110px;margin-top:.25rem}.setting-group{flex-direction:column;gap:.4rem;display:flex}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.toggle-buttons{border:1px solid var(--card-border);background:#0a0a0f;border-radius:6px;padding:3px;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:all var(--transition-speed);background:0 0;border:none;border-radius:4px;flex:1;padding:.5rem;font-size:.8rem;font-weight:600}.toggle-btn.active{background:var(--card-border);color:#fff}.setting-row{gap:.85rem;display:flex}.setting-col{flex-direction:column;flex:1;gap:.4rem;display:flex}.form-input{border:1px solid var(--card-border);color:#fff;font-family:var(--font-body);transition:border-color var(--transition-speed);background:#090a0e;border-radius:6px;width:100%;padding:.55rem .75rem;font-size:.85rem}.form-input:focus{border-color:var(--clr-cyan);outline:none}.range-slider{-webkit-appearance:none;background:var(--card-border);border-radius:2px;outline:none;width:100%;height:4px;margin:8px 0}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--clr-cyan);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 5px #0ea5e94d}.block-filter-container{border:1px solid var(--card-border);background:#090a0e;border-radius:6px;grid-template-columns:1fr;gap:.25rem;max-height:150px;padding:.5rem;display:grid;overflow-y:auto}.block-checkbox-label{color:var(--text-secondary);cursor:pointer;transition:background var(--transition-speed);border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .4rem;font-size:.8rem;display:flex}.block-checkbox-label:hover{color:#fff;background:#ffffff05}.block-checkbox-label input{accent-color:var(--clr-cyan)}.block-color-dot{border:1px solid #ffffff1a;border-radius:2px;width:10px;height:10px;display:inline-block}.action-btn-primary{background:var(--clr-cyan);color:#fff;font-family:var(--font-body);cursor:pointer;transition:background var(--transition-speed);border:none;border-radius:6px;justify-content:center;align-items:center;padding:.75rem;font-size:.9rem;font-weight:600;display:flex}.action-btn-primary:hover:not(:disabled){background:#0284c7}.action-btn-primary:disabled{opacity:.3;cursor:not-allowed}.preview-panel{flex-direction:column;height:calc(100vh - 120px);min-height:550px;display:flex}.preview-tabs{border-bottom:1px solid var(--card-border);gap:.35rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.preview-tab{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:color var(--transition-speed);background:0 0;border:none;padding:.3rem .6rem;font-size:.9rem;font-weight:500;position:relative}.preview-tab:hover,.preview-tab.active{color:#fff}.preview-tab.active:after{content:"";background:var(--clr-cyan);width:100%;height:2px;position:absolute;bottom:-.55rem;left:0}.preview-content{border:1px solid var(--card-border);background:#090a0e;border-radius:6px;flex-grow:1;position:relative;overflow:hidden}.preview-pane{width:100%;height:100%;display:none;position:absolute;top:0;left:0}.preview-pane.active{display:block}.canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#preview-canvas-2d{max-width:95%;max-height:95%;image-rendering:pixelated;border:1px solid var(--card-border);border-radius:2px}#preview-canvas-3d{width:100%;height:100%}.canvas-empty-state{color:var(--text-secondary);text-align:center;pointer-events:none;font-size:.85rem;position:absolute}.preview-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.file-info-bar{gap:.75rem;display:flex}.info-tag{background:var(--card-border);color:var(--text-secondary);border-radius:4px;padding:.35rem .65rem;font-size:.75rem;font-weight:500}.info-tag span{color:#fff;font-weight:600}.download-actions{gap:.5rem;display:flex}.action-btn-secondary{border:1px solid var(--card-border);color:#fff;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-speed);background:#181b21;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8rem;font-weight:500;display:flex}.action-btn-secondary:hover:not(:disabled){background:var(--card-border);border-color:var(--clr-cyan)}.action-btn-secondary:disabled{opacity:.25;cursor:not-allowed}.btn-icon{fill:currentColor;width:16px;height:16px}.gallery-layout{grid-template-columns:340px 1fr;gap:2rem;display:grid}.upload-schem-panel{flex-direction:column;gap:1rem;display:flex}.upload-schem-panel h3{font-family:var(--font-header);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.form-group{flex-direction:column;gap:.35rem;display:flex}.text-area{resize:vertical;min-height:70px}.file-upload-box{border:1px dashed var(--card-border);text-align:center;cursor:pointer;transition:all var(--transition-speed);background:#090a0e;border-radius:6px;padding:.65rem}.file-upload-box:hover{border-color:var(--clr-cyan)}.file-box-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.gallery-filters{margin-bottom:1.25rem}.search-box{background:#090a0e;padding:.65rem .85rem;font-size:.9rem}.gallery-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.schematic-card{flex-direction:column;height:340px;padding:1.25rem;display:flex}.card-image-wrapper{border:1px solid var(--card-border);background:#090a0e;border-radius:6px;height:150px;position:relative;overflow:hidden}.card-screenshot{object-fit:cover;width:100%;height:100%}.card-overlay-actions{opacity:0;width:100%;height:100%;transition:opacity var(--transition-speed);background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.card-image-wrapper:hover .card-overlay-actions{opacity:1}.card-details{flex-direction:column;flex-grow:1;padding-top:.85rem;display:flex}.card-title{font-family:var(--font-header);margin-bottom:.15rem;font-size:1.05rem;font-weight:700}.card-author{color:var(--clr-cyan);margin-bottom:.4rem;font-size:.75rem}.card-desc{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-top:.85rem;padding-top:.65rem;display:flex}.card-stats{color:var(--text-secondary);font-size:.7rem}.modal-overlay{z-index:100;background:#090a0ed9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-content{flex-direction:column;width:80%;max-width:800px;height:65%;padding:1.25rem;display:flex}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.modal-header h3{font-family:var(--font-header);font-size:1.2rem;font-weight:700}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.close-modal-btn:hover{color:#fff}.modal-body{border:1px solid var(--card-border);background:#090a0e;border-radius:6px;flex-grow:1;position:relative;overflow:hidden}#modal-canvas-container{width:100%;height:100%}.hidden-3d-only{display:none}@media (width<=1100px){.converter-layout{grid-template-columns:1fr}.preview-panel{height:450px;min-height:auto}.gallery-layout{grid-template-columns:1fr}}