@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{padding:.5rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Oxanium,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease}.action-select{padding:.5rem .75rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Oxanium,sans-serif;font-size:.8rem;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)}#canvas{flex:1;display:block;background:var(--bg-dark);cursor:crosshair}#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)}