@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Oxanium:wght@400;600;700&display=swap";:root{--bg-dark: #1a1c20;--bg-panel: #252830;--bg-hover: #2d323c;--accent-rust: #cd412b;--accent-glow: #ff5a40;--accent-blue: #4a9eff;--accent-blue-dim: rgba(74, 158, 255, .3);--text-primary: #e8eaed;--text-muted: #8b8f96;--border-color: #3a3f4a;--danger: #ff4757;--success: #26de81;--privilege-color: rgba(74, 255, 130, .15);--privilege-border: rgba(74, 255, 130, .5);--grid-color: rgba(255, 255, 255, .05);--grid-major: rgba(255, 255, 255, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:Oxanium,sans-serif;color:var(--text-primary)}#app{display:flex;flex-direction:column;width:100%;height:100%}#toolbar{display:flex;flex-direction:column;background:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:100}.toolbar-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1rem}.toolbar-row:first-child{border-bottom:1px solid var(--border-color)}.tool-group,.action-group,.symmetry-group,.file-group{display:flex;align-items:center;gap:.5rem}.symmetry-group{padding-left:1.5rem;margin-left:1rem;border-left:1px solid var(--border-color)}.symmetry-group .action-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.file-group{gap:.4rem}.tool-label{font-size:.85rem;color:var(--text-muted);margin-right:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tool-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-dark);border:2px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.tool-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.tool-btn.active{background:var(--accent-rust);border-color:var(--accent-glow);color:#fff;box-shadow:0 0 12px #cd412b66}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;min-height:32px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Oxanium,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease;white-space:nowrap}.action-btn.icon-only{padding:.4rem .5rem;min-width:32px;font-size:1rem;line-height:1}.action-select{padding:.4rem .75rem;min-height:32px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Oxanium,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease;min-width:100px}.action-select:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.action-select:focus{outline:none;border-color:var(--accent-blue)}.action-select option{background:var(--bg-panel);color:var(--text-primary)}.action-btn:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.action-btn.danger:hover{background:#ff475733;border-color:var(--danger);color:var(--danger)}.cloud-group{display:flex;align-items:center;gap:.5rem}.steam-login-link{display:inline-block;cursor:pointer;transition:opacity .15s}.steam-login-link:hover{opacity:.85}.steam-login-link img{display:block;height:32px;width:auto}.user-info{display:flex;align-items:center;gap:.5rem}.user-avatar{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-color)}.user-info span{color:var(--text-primary);font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn.compact{padding:.3rem .6rem;min-height:28px;font-size:.7rem}.cloud-controls{display:flex;align-items:center;gap:.4rem}.build-status{font-size:.75rem;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase}.build-status.public{background:#2ecc7133;color:#2ecc71}.build-status.private{background:#f1c40f33;color:#f1c40f}.build-status.viewing{background:#3498db33;color:#3498db}.modal .warning{color:var(--danger);font-size:.9rem}.modal-buttons{display:flex;gap:.5rem;margin-top:1.5rem}.modal-buttons .action-btn{flex:1}#canvas{flex:1;display:block;background:var(--bg-dark);cursor:crosshair;touch-action:none}#statusbar{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1rem;background:var(--bg-panel);border-top:1px solid var(--border-color);font-family:JetBrains Mono,monospace;font-size:.75rem;z-index:100}#status-tool{color:var(--accent-rust);font-weight:600}#status-coords{color:var(--accent-blue)}#status-hint{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;min-width:300px;max-width:500px}.modal h2{margin-bottom:1rem;font-size:1.1rem;color:var(--text-primary)}.modal-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.modal-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-dark);border-radius:4px;margin-bottom:.5rem}.modal-item:hover{background:var(--bg-hover)}.modal-item-name{flex:1;cursor:pointer}.modal-item-delete{color:var(--danger);background:none;border:none;cursor:pointer;padding:.25rem .5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal input[type=text]{width:100%;padding:.5rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Oxanium,sans-serif;margin-bottom:1rem}.modal input[type=text]:focus{outline:none;border-color:var(--accent-blue)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.info-modal{max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.info-modal-content{flex:1;overflow-y:auto;padding-bottom:.5rem}.info-modal-footer{padding-top:1rem;border-top:1px solid var(--border-color);flex-shrink:0}.info-modal-footer button{width:100%}.info-modal h2{margin:0 0 .25rem;color:var(--accent-rust);font-size:1.5rem}.info-modal .subtitle{color:var(--text-muted);margin:0 0 .75rem;font-size:.9rem}.info-modal .intro-blurb{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.85rem;line-height:1.5}.help-section{margin-bottom:1.25rem}.help-section h3{margin:0 0 .5rem;color:var(--accent-blue);font-size:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.help-section ul{margin:0;padding-left:1.25rem;list-style:none}.help-section li{margin-bottom:.35rem;color:var(--text-secondary);font-size:.85rem}.help-section li strong{color:var(--text-primary)}.info-copyright{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);text-align:center}.info-copyright p{margin:0;font-size:.75rem;color:var(--text-muted)}.info-copyright a{color:var(--accent-blue);text-decoration:none}.info-copyright a:hover{text-decoration:underline}#btn-info{font-weight:700;min-width:36px}#btn-undo,#btn-redo{font-size:1.1rem;min-width:36px;padding:.4rem .6rem}@media (max-width: 768px){#toolbar{padding:.4rem;gap:.3rem}.toolbar-row{flex-wrap:wrap;gap:.3rem}.tool-btn{width:44px;height:44px}.action-btn{padding:.5rem .7rem;min-height:36px}.action-btn.icon-only{min-width:36px;padding:.5rem}.action-select{padding:.5rem;min-height:36px;min-width:80px}#statusbar{padding:.3rem .6rem;font-size:.7rem;flex-wrap:wrap;gap:.3rem}#status-hint{display:none}.tool-label{font-size:.55rem}}@media (max-width: 480px){.toolbar-row{justify-content:center}.action-btn{padding:.5rem .6rem;font-size:.7rem}}