.hexel-editor[data-v-055c3f95]{--bg:#15161a;--panel:#202126;--panel2:#292b31;--border:#363841;--text:#ececf1;--muted:#9ea2ad;--accent:#6d74ff;background:var(--bg);height:100vh;min-height:620px;color:var(--text);flex-direction:column;font:13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.topbar[data-v-055c3f95]{border-bottom:1px solid var(--border);background:#1b1c21;flex-wrap:wrap;align-items:center;gap:14px;min-height:52px;padding:7px 10px;display:flex}.brand[data-v-055c3f95]{align-items:baseline;gap:7px;min-width:max-content;display:flex}.brand strong[data-v-055c3f95]{font-size:16px}.brand span[data-v-055c3f95]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.file-controls[data-v-055c3f95]{align-items:center;gap:4px;min-width:0;display:flex}.file-name[data-v-055c3f95]{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted);font-size:12px;display:block;overflow:hidden}.file-controls button[data-v-055c3f95]{width:31px;min-width:31px;padding:6px 4px}.rotation-row[data-v-055c3f95]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin-top:5px;display:grid}.rotation-row input[data-v-055c3f95]{width:100%;min-width:0;color:var(--text);border:1px solid var(--border);background:#17181c;border-radius:5px;padding:5px 6px}.template-box[data-v-055c3f95]{gap:5px;display:grid}.full-button[data-v-055c3f95]{width:100%}.danger-soft[data-v-055c3f95]{color:#fca5a5}.plate-picker[data-v-055c3f95]{align-items:center;gap:7px;display:flex}.plate-picker span[data-v-055c3f95]{color:var(--muted)}select[data-v-055c3f95],button[data-v-055c3f95],input[data-v-055c3f95]{font:inherit}select[data-v-055c3f95],button[data-v-055c3f95]{color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:5px;padding:6px 8px}button[data-v-055c3f95]{cursor:pointer}button[data-v-055c3f95]:hover:not(:disabled){background:#30323a;border-color:#60636f}button[data-v-055c3f95]:disabled{opacity:.4;cursor:default}button.active[data-v-055c3f95]{background:var(--accent);border-color:var(--accent);color:#fff}.top-actions[data-v-055c3f95]{flex-wrap:wrap;gap:5px;margin-left:auto;display:flex}.workspace[data-v-055c3f95]{flex:1;grid-template-columns:190px minmax(240px,1fr) 270px;min-height:0;display:grid}.panel[data-v-055c3f95]{background:var(--panel);padding:10px;overflow:auto}.tools[data-v-055c3f95]{border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#50535d transparent;flex-direction:column;gap:6px;display:flex;overflow:hidden auto}.tools[data-v-055c3f95]::-webkit-scrollbar{width:6px}.tools[data-v-055c3f95]::-webkit-scrollbar-track{background:0 0}.tools[data-v-055c3f95]::-webkit-scrollbar-thumb{background:#50535d;border-radius:999px}.tools[data-v-055c3f95]::-webkit-scrollbar-thumb:hover{background:#686c78}.right[data-v-055c3f95]{border-left:1px solid var(--border)}.panel h3[data-v-055c3f95]{color:#c8cad2;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 4px;font-size:11px}.field[data-v-055c3f95]{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.field input[type=range][data-v-055c3f95]{grid-column:1/-1;width:100%}.check[data-v-055c3f95]{color:var(--muted);align-items:center;gap:7px;display:flex}.hint[data-v-055c3f95]{color:var(--muted);background:#17181c;border-radius:5px;padding:7px}.zoom-row[data-v-055c3f95]{text-align:center;grid-template-columns:34px 1fr 34px;align-items:center;gap:5px;display:grid}.tool-grid[data-v-055c3f95]{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.tool-grid button[data-v-055c3f95]{place-items:center;min-height:40px;padding:5px;font-size:20px;line-height:1;display:grid}.shape-options[data-v-055c3f95]{color:var(--muted);gap:6px;padding:7px 0;display:grid}.shape-options small[data-v-055c3f95]{color:#7f8490}.segmented[data-v-055c3f95]{grid-template-columns:1fr 1fr;display:grid}.segmented button[data-v-055c3f95]:first-child{border-radius:5px 0 0 5px}.segmented button[data-v-055c3f95]:last-child{border-radius:0 5px 5px 0;margin-left:-1px}.selection-grid[data-v-055c3f95]{grid-template-columns:1fr 1fr;gap:4px;display:grid}.selection-grid button[data-v-055c3f95]{padding:5px 6px}.muted-note[data-v-055c3f95]{color:#7f8490;line-height:1.25}.full-select[data-v-055c3f95]{width:100%}.hint.compact[data-v-055c3f95]{padding:5px 7px;font-size:11px}.section-actions[data-v-055c3f95]{gap:4px;display:flex}.replace-box[data-v-055c3f95]{border-top:1px solid var(--border);gap:5px;margin-top:10px;padding-top:8px;display:grid}.replace-box h4[data-v-055c3f95]{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px;font-size:11px}.replace-box label[data-v-055c3f95]{color:var(--muted);grid-template-columns:42px 1fr;align-items:center;gap:6px;display:grid}.replace-box select[data-v-055c3f95]{width:100%;min-width:0}.replace-actions[data-v-055c3f95]{grid-template-columns:1fr 1fr;gap:4px;display:grid}.status-card[data-v-055c3f95]{background:#17181c;border-radius:5px;gap:4px;padding:7px;display:grid}.status-card div[data-v-055c3f95]{justify-content:space-between;gap:8px;display:flex}.status-card span[data-v-055c3f95]{color:var(--muted)}.status-card strong[data-v-055c3f95]{color:#d8dae2;text-transform:capitalize;font-weight:600}.canvas-wrap[data-v-055c3f95]{scrollbar-gutter:stable;overflow-anchor:none;background-color:#18191d;background-image:radial-gradient(#383a42 1px,#0000 1px);background-size:16px 16px;position:relative;overflow:auto}.canvas-pad[data-v-055c3f95]{box-sizing:border-box;justify-content:center;align-items:flex-start;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:48px;display:flex}.hex-canvas[data-v-055c3f95]{touch-action:none;image-rendering:auto;background:#fff;display:block;box-shadow:0 8px 30px #00000059}.hex-canvas.move-cursor[data-v-055c3f95]{cursor:move}.right section[data-v-055c3f95]{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:12px}.section-head[data-v-055c3f95]{justify-content:space-between;align-items:center;display:flex}.small[data-v-055c3f95]{padding:2px 8px}.palette[data-v-055c3f95]{flex-direction:column;gap:4px;display:flex}.swatch[data-v-055c3f95]{text-align:left;grid-template-columns:22px 1fr 24px;align-items:center;gap:7px;width:100%;padding:4px 6px;display:grid}.swatch.active[data-v-055c3f95]{outline:2px solid var(--accent)}.chip[data-v-055c3f95]{border:1px solid #ffffff40;border-radius:4px;width:20px;height:20px}.swatch input[type=color][data-v-055c3f95]{background:0 0;border:0;width:22px;height:22px;padding:0}.swatch-name[data-v-055c3f95]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layers[data-v-055c3f95]{flex-direction:column;gap:4px;display:flex}.layer[data-v-055c3f95]{border:1px solid #0000;border-radius:5px;grid-template-columns:24px minmax(0,1fr) 25px 25px 25px;align-items:center;gap:3px;padding:4px;display:grid}.layer.active[data-v-055c3f95]{background:#2d2f37;border-color:#454854}.layer input[data-v-055c3f95]{min-width:0;color:var(--text);background:0 0;border:0;outline:0}.layer button[data-v-055c3f95]{padding:2px}.eye[data-v-055c3f95]{background:0 0;border:0}.meta[data-v-055c3f95]{margin:0}.meta div[data-v-055c3f95]{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.meta dt[data-v-055c3f95]{color:var(--muted)}.meta dd[data-v-055c3f95]{text-align:right;margin:0}.stats-total[data-v-055c3f95]{color:var(--muted);margin-bottom:5px}.stats>div[data-v-055c3f95]{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:7px;padding:2px 0;display:grid}.stats strong[data-v-055c3f95]{font-size:11px;font-weight:600}.dot[data-v-055c3f95]{border:1px solid #fff3;border-radius:50%;width:10px;height:10px}.modal-backdrop[data-v-055c3f95]{z-index:1000;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.about-modal[data-v-055c3f95]{width:min(680px,100vw - 32px);max-height:min(760px,100vh - 40px);color:var(--text);background:#202127;border:1px solid #454854;border-radius:10px;padding:18px 20px 16px;overflow:auto;box-shadow:0 24px 70px #0000008c}.about-head[data-v-055c3f95]{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.about-head h2[data-v-055c3f95]{margin:0;font-size:20px}.about-subtitle[data-v-055c3f95]{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:12px}.modal-close[data-v-055c3f95]{width:32px;min-width:32px;font-size:18px;line-height:1}.about-modal p[data-v-055c3f95]{margin:10px 0}.about-modal h3[data-v-055c3f95]{text-transform:uppercase;letter-spacing:.08em;color:#c8cad2;margin:18px 0 8px;font-size:12px}.about-modal a[data-v-055c3f95]{color:#aeb2ff}.about-note[data-v-055c3f95]{color:#d6d8df;background:#191a20;border:1px solid #3e4250;border-radius:7px;margin:14px 0;padding:10px 12px}.about-list[data-v-055c3f95]{margin:0;padding-left:20px}.about-list li[data-v-055c3f95]{margin:8px 0}.about-links[data-v-055c3f95]{flex-wrap:wrap;gap:7px;display:flex}.about-footer[data-v-055c3f95]{border-top:1px solid var(--border);color:var(--muted);margin-top:16px;padding-top:10px;font-size:11px}@media (width<=900px){.workspace[data-v-055c3f95]{grid-template-columns:110px minmax(220px,1fr)}.right[data-v-055c3f95]{display:none}.top-actions[data-v-055c3f95]{margin-left:0}}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}html,body{background:#15161a;height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}
