.gl-canvas[data-v-10f4d579]{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.gl-canvas[data-v-10f4d579]:active{cursor:grabbing}.panel[data-v-000f2106]{flex:none;width:100%;background:#12131d;color:#ddd;font-size:12px;padding:10px 14px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px 20px;z-index:10;box-shadow:0 -4px 16px #0006;max-height:55vh;overflow-y:auto}.section[data-v-000f2106]{display:flex;flex-direction:column;gap:5px;flex:none}.section--center[data-v-000f2106]{align-self:center}.section--right[data-v-000f2106]{margin-left:auto}.section-label[data-v-000f2106]{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#888}.muted[data-v-000f2106]{color:#888;font-weight:400}.btn-row[data-v-000f2106]{display:flex;gap:4px;flex-wrap:nowrap}.small-btn[data-v-000f2106]{background:#22243a;color:#aaa;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;white-space:nowrap}.small-btn[data-v-000f2106]:hover{background:#33365a;color:#fff}.small-btn.active[data-v-000f2106]{background:#4455cc;color:#fff}.color-pick[data-v-000f2106]{width:28px;height:24px;padding:0;border:none;border-radius:4px;background:#22243a;cursor:pointer}.poly-select[data-v-000f2106]{background:#22243a;color:#ddd;border:none;border-radius:4px;padding:5px 8px;font-size:12px;cursor:pointer;max-width:200px}.poly-select[data-v-000f2106]:hover{background:#33365a}.full-slider[data-v-000f2106]{width:150px}.slider-row[data-v-000f2106]{display:flex;align-items:center;gap:4px}.slider-row label[data-v-000f2106]{color:#888}.slider-row input[data-v-000f2106]{width:80px}.toggles[data-v-000f2106]{display:flex;align-items:center;gap:14px;height:100%}.toggle-row[data-v-000f2106]{display:flex;align-items:center;gap:6px;cursor:pointer}@media (max-width: 600px){.panel[data-v-000f2106]{flex-direction:column;flex-wrap:nowrap;align-items:stretch;height:auto;max-height:38vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:8px;padding:8px 14px 12px}.section[data-v-000f2106]{flex:none}.section[data-v-000f2106]{width:100%;flex-direction:row;align-items:center;gap:10px}.section--right[data-v-000f2106]{margin-left:0}.section--center[data-v-000f2106]{align-self:auto}.section-label[data-v-000f2106]{flex:none;width:104px}.btn-row[data-v-000f2106]{flex:1;flex-wrap:wrap;gap:6px}.small-btn[data-v-000f2106]{padding:7px 12px;font-size:13px}.full-slider[data-v-000f2106]{flex:1;width:auto;height:26px}.poly-select[data-v-000f2106]{max-width:none;flex:1;width:auto;padding:8px;font-size:13px}.toggles[data-v-000f2106]{gap:22px}.toggle-row[data-v-000f2106]{font-size:13px}.toggle-row input[data-v-000f2106]{width:18px;height:18px}.color-pick[data-v-000f2106]{width:40px;height:32px}}.diagram-wrap[data-v-9ad6f032]{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.zoom-reset[data-v-9ad6f032]{position:absolute;top:6px;right:6px;z-index:2;background:#22243acc;color:#ccc;border:none;border-radius:4px;padding:4px 8px;font-size:10px;cursor:pointer}.zoom-reset[data-v-9ad6f032]:hover{background:#33365a;color:#fff}.orbit-toggle[data-v-9ad6f032]{position:absolute;top:6px;left:6px;z-index:2;display:flex;gap:4px}.orbit-toggle button[data-v-9ad6f032]{background:#22243acc;color:#ccc;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.orbit-toggle button[data-v-9ad6f032]:hover{background:#33365a;color:#fff}.orbit-toggle button.active[data-v-9ad6f032]{background:#4455cc;color:#fff}@media (max-width: 600px){.orbit-toggle[data-v-9ad6f032]{left:50%;transform:translate(-50%)}}.diagram-svg[data-v-9ad6f032]{width:100%;max-width:320px;aspect-ratio:1;cursor:crosshair}.cell[data-v-9ad6f032]{transition:fill .12s}.diagram-label[data-v-9ad6f032]{font-size:11px;color:#888;letter-spacing:.05em}.preset-pad[data-v-78420dcf]{background:#12131dd9;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 12px #0006;width:300px;max-width:calc(100vw - 16px)}.preset-head[data-v-78420dcf]{display:flex;align-items:center;gap:6px}.preset-name[data-v-78420dcf]{flex:1;font-size:11px;color:#88f;min-height:14px;text-align:center}.mini-btn[data-v-78420dcf]{background:#22243a;color:#aaa;border:none;border-radius:3px;padding:2px 7px;font-size:9px;cursor:pointer}.mini-btn[data-v-78420dcf]:hover{background:#33365a;color:#fff}.preset-grid[data-v-78420dcf]{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;-webkit-user-select:none;user-select:none;touch-action:none}.preset-btn[data-v-78420dcf]{background:#22243a;color:#aaa;border:none;border-radius:3px;padding:3px 7px;font-size:9px;cursor:pointer}.preset-btn--shell[data-v-78420dcf]{background:#1c3a2c;color:#9c9}.preset-btn--mirror[data-v-78420dcf]{background:#22304d;color:#9bc}.preset-btn--chiral[data-v-78420dcf]{background:#3a2440;color:#c9c}.preset-btn--shell[data-v-78420dcf]:hover{background:#2c5a44;color:#fff}.preset-btn--mirror[data-v-78420dcf]:hover{background:#334a78;color:#fff}.preset-btn--chiral[data-v-78420dcf]:hover{background:#5a3a64;color:#fff}.preset-btn.active[data-v-78420dcf]{background:#4455cc;color:#fff}.faces-pad[data-v-442eb92b]{background:#12131dd9;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 12px #0006}.faces-head[data-v-442eb92b]{display:flex;align-items:center;gap:6px}.faces-label[data-v-442eb92b]{flex:1;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#888;text-align:center}.mini-btn[data-v-442eb92b]{background:#22243a;color:#aaa;border:none;border-radius:3px;padding:2px 7px;font-size:9px;cursor:pointer}.mini-btn[data-v-442eb92b]:hover{background:#33365a;color:#fff}.face-grid[data-v-442eb92b]{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;-webkit-user-select:none;user-select:none;touch-action:none}.face-btn[data-v-442eb92b]{background:#22243a;color:#888;border:none;border-radius:3px;padding:3px 6px;font-size:9px;cursor:pointer}.face-btn[data-v-442eb92b]:hover{background:#33365a;color:#fff}.face-btn.active[data-v-442eb92b]{background:#2a8c5c;color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.main{position:relative;flex:1;min-height:0;display:flex}.preset-overlay{position:absolute;left:calc(50% + 12px);bottom:12px;z-index:12}.faces-overlay{position:absolute;left:12px;bottom:12px;z-index:12}.canvas-wrap{position:relative;flex:1;min-width:0}.canvas-wrap .gl-canvas{width:100%;height:100%}.diagram-pane{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.main .diagram-pane .diagram-wrap{width:min(100%,calc(100vh - 180px))}.main .diagram-pane .diagram-svg{max-width:none}.explode-overlay{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:13;display:flex;align-items:center;gap:8px;background:#12131db0;border-radius:16px;padding:6px 14px;color:#aab;font-size:10px}.explode-overlay input{width:min(34vw,220px)}.explode-label{text-transform:uppercase;letter-spacing:.08em}.explode-val{min-width:34px;text-align:right;color:#889}.view-btns{position:absolute;top:10px;left:10px;z-index:14;display:flex;flex-direction:column;gap:8px}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#22243a88;color:#99a;cursor:pointer}.view-btn:hover{background:#33365a;color:#fff}.view-btn.ok{background:#2a8c5c;color:#fff}.view-btn.danger{color:#b77}.view-btn.danger:hover{background:#5a2a2a;color:#fff}.canvas-wrap:fullscreen{background:#0d0e17}.gh-float{position:absolute;top:10px;right:10px;z-index:20;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#22243a88;color:#99a;text-decoration:none}.gh-float:hover{background:#33365a;color:#fff}.panel-toggle{flex:none;width:100%;height:26px;border:none;background:#181a28;color:#778;font-size:12px;line-height:1;cursor:pointer;z-index:11}.panel-toggle:hover{color:#ccd;background:#1e2133}.diagram-fab,.diagram-overlay,.pad-fab{display:none}@media (max-width: 600px){.diagram-pane{display:none}.preset-overlay{display:none!important;left:auto;right:8px;bottom:58px}.preset-overlay.open{display:flex!important;z-index:18}.faces-overlay{display:none!important;left:8px;bottom:58px}.faces-overlay.open{display:flex!important;z-index:18}.pad-fab{display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;width:42px;height:42px;border:none;border-radius:50%;background:#22243acc;color:#ccc;cursor:pointer;z-index:20}.pad-fab.active{background:#4455cc;color:#fff}.preset-fab{right:8px}.faces-fab{left:8px}.diagram-fab{display:flex;align-items:center;justify-content:center;position:absolute;top:10px;left:10px;width:42px;height:42px;border:none;border-radius:50%;background:#22243acc;color:#ccc;cursor:pointer;z-index:20}.diagram-fab.active{background:#4455cc;color:#fff}.view-btns{top:60px}.panel-toggle{height:34px;font-size:14px}.diagram-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;background:#0007;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15}.app .diagram-overlay .diagram-wrap{width:min(88vw,70vh)}.app .diagram-overlay .diagram-svg{max-width:none}.preview-box{position:absolute;top:10px;left:50%;transform:translate(-50%);width:112px;height:112px;border-radius:10px;overflow:hidden;pointer-events:none;background:#0d0e17;box-shadow:0 2px 10px #0008,0 0 0 1px #fff2}.preview-box .gl-canvas{width:100%;height:100%}}