.items[data-v-0f4bc002]{list-style:none;padding:8px;display:flex;flex-direction:column;gap:6px}.item[data-v-0f4bc002]{padding:8px 10px;border-radius:6px;border:1px solid transparent;background:var(--bg-panel-2);cursor:pointer;transition:border-color .15s}.item[data-v-0f4bc002]:hover{border-color:var(--border-color)}.item.active[data-v-0f4bc002]{border-color:var(--accent);background:#4f46e51f}.item.hidden .item-name[data-v-0f4bc002]{opacity:.45}.item-main[data-v-0f4bc002]{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.item-name[data-v-0f4bc002]{font-weight:600}.item-type[data-v-0f4bc002]{font-size:11px;color:var(--text-dim)}.item-actions[data-v-0f4bc002]{display:flex;gap:4px}.icon-btn[data-v-0f4bc002]{background:transparent;border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;font-size:10px;line-height:1;padding:4px 6px;transition:background .15s}.icon-btn[data-v-0f4bc002]:hover:not(:disabled){background:var(--border-color)}.icon-btn[data-v-0f4bc002]:disabled{opacity:.3;cursor:default}.icon-btn.danger[data-v-0f4bc002]{margin-left:auto;color:var(--danger);border-color:#ef444466}.icon-btn.danger[data-v-0f4bc002]:hover{background:#ef444426}.empty[data-v-0f4bc002]{color:var(--text-dim);text-align:center;padding:20px 8px;font-size:12px}.box-fields[data-v-26b783d2]{display:flex;flex-direction:column;gap:10px}.full[data-v-26b783d2]{display:flex;align-items:center;gap:8px}.full input[data-v-26b783d2]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.box-grid[data-v-26b783d2]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.box-field[data-v-26b783d2]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.hint[data-v-26b783d2]{font-size:11px;line-height:1.4;color:var(--text-dim)}.align-row[data-v-26b783d2]{display:flex;gap:4px}.align-btn[data-v-26b783d2]{flex:1;padding:4px 0;background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px}.align-btn[data-v-26b783d2]:hover{border-color:var(--accent)}.spacing[data-v-e2eb9c9c]{display:flex;flex-direction:column;gap:4px}.head[data-v-e2eb9c9c]{display:flex;align-items:center;justify-content:space-between}.label-text[data-v-e2eb9c9c]{font-size:12px;color:var(--text-dim)}.link[data-v-e2eb9c9c]{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:0 6px;font-size:12px;opacity:.5}.link.active[data-v-e2eb9c9c]{opacity:1;border-color:var(--accent)}.row[data-v-e2eb9c9c]{display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:6px}.side[data-v-e2eb9c9c]{font-size:11px;color:var(--text-dim)}.num[data-v-e2eb9c9c]{font-size:11px;text-align:right;color:var(--text-main)}.align-picker[data-v-fa42f786]{display:flex;align-items:center;gap:12px}.dots[data-v-fa42f786]{display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:repeat(3,26px);gap:3px;flex-shrink:0}.dots button[data-v-fa42f786]{display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-panel-2);border:1px solid var(--border-color);border-radius:4px}.dots button[data-v-fa42f786]:hover{border-color:var(--accent)}.dots i[data-v-fa42f786]{width:6px;height:6px;border-radius:50%;background:var(--text-dim)}.dots button.on[data-v-fa42f786]{border-color:var(--accent);background:#4f46e540}.dots button.on i[data-v-fa42f786]{width:10px;height:10px;border-radius:2px;background:var(--accent-hover)}.stretch[data-v-fa42f786]{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim)}.stretch label[data-v-fa42f786]{display:flex;align-items:center;gap:6px}.stretch input[data-v-fa42f786]{accent-color:var(--accent)}.layout-fields[data-v-817db30f]{display:flex;flex-direction:column;gap:10px}.modes[data-v-817db30f]{display:flex;gap:4px}.modes button[data-v-817db30f],.preset[data-v-817db30f],.apply[data-v-817db30f]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px}.modes button[data-v-817db30f]{flex:1;padding:6px 4px;font-size:12px}.modes button.active[data-v-817db30f],.preset.active[data-v-817db30f]{border-color:var(--accent);background:#4f46e533}.presets[data-v-817db30f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.preset[data-v-817db30f]{height:38px;padding:5px;display:flex}.preset.edit[data-v-817db30f]{align-items:center;justify-content:center}.preset-grid[data-v-817db30f]{flex:1;gap:2px}.preset-grid span[data-v-817db30f]{background:#818cf8;opacity:.55;border-radius:2px}.editor[data-v-817db30f]{display:flex;flex-direction:column;gap:8px}.editor textarea[data-v-817db30f],.editor input[data-v-817db30f]{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px}.apply[data-v-817db30f]{padding:6px}.cell-map[data-v-817db30f]{display:grid;gap:3px;height:84px}.cell[data-v-817db30f]{position:relative;display:grid;padding:4px;background:var(--bg-panel-2);border:1px solid var(--border-color);border-radius:4px;color:var(--text-dim);min-width:0}.cell.own[data-v-817db30f]{color:var(--text-main)}.cell.active[data-v-817db30f]{border-color:var(--accent);background:#4f46e533}.cell i[data-v-817db30f]{grid-area:1 / 1;min-width:10px;min-height:8px;border-radius:2px;background:#818cf8;opacity:.4}.cell span[data-v-817db30f]{font-weight:600;text-shadow:0 0 3px var(--bg-panel-2),0 0 3px var(--bg-panel-2);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;pointer-events:none}.cell-target[data-v-817db30f]{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.cell-target button[data-v-817db30f]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:3px 8px;font-size:12px}.cell-target button.active[data-v-817db30f]{border-color:var(--accent);background:#4f46e533}.cell-target b[data-v-817db30f]{color:var(--accent-hover)}.apply[data-v-817db30f]:disabled{opacity:.4;cursor:default}.field[data-v-817db30f]{display:flex;flex-direction:column;gap:6px;min-width:0}.label-text[data-v-817db30f],.summary[data-v-817db30f],.hint[data-v-817db30f]{font-size:12px;color:var(--text-dim);line-height:1.4}.summary code[data-v-817db30f]{font-family:Cascadia Code,Fira Code,Consolas,monospace;color:var(--text-main)}.error[data-v-817db30f]{font-size:11px;color:var(--danger)}.pair[data-v-817db30f]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check[data-v-817db30f]{display:flex;align-items:center;gap:8px}.check input[data-v-817db30f]{accent-color:var(--accent);width:16px;height:16px}.field[data-v-1f60ce1e]{display:flex;flex-direction:column;gap:6px}.label-text[data-v-1f60ce1e]{font-size:12px;color:var(--text-dim)}.label-text b[data-v-1f60ce1e]{font-weight:400;color:var(--accent-hover)}.row[data-v-1f60ce1e]{display:flex;gap:6px}.row input[type=color][data-v-1f60ce1e]{flex:1;min-width:48px}.row select[data-v-1f60ce1e]{flex:1;min-width:0}.to-palette[data-v-1f60ce1e]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:0 10px}.to-palette[data-v-1f60ce1e]:hover{border-color:var(--accent)}.field[data-v-116deae2]{display:flex;flex-direction:column;gap:6px}.label-text[data-v-116deae2]{font-size:12px;color:var(--text-dim)}.label-text b[data-v-116deae2]{font-weight:400;color:var(--accent-hover)}.row[data-v-116deae2]{display:flex;align-items:center;gap:6px}.row input[type=range][data-v-116deae2]{flex:2;min-width:0}.row select[data-v-116deae2]{flex:1;min-width:0}.to-palette[data-v-116deae2]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:2px 10px}.to-palette[data-v-116deae2]:hover{border-color:var(--accent)}.gradient[data-v-f5fe4bb7]{display:flex;flex-direction:column;gap:10px}.strip[data-v-f5fe4bb7]{height:28px;border-radius:6px;border:1px solid var(--border-color)}.field[data-v-f5fe4bb7]{display:flex;flex-direction:column;gap:6px}.label-text[data-v-f5fe4bb7]{font-size:12px;color:var(--text-dim)}.row[data-v-f5fe4bb7]{display:flex;align-items:center;gap:6px}.row select[data-v-f5fe4bb7],.row input[type=range][data-v-f5fe4bb7]{flex:1;min-width:0}.stop[data-v-f5fe4bb7]{display:flex;flex-direction:column;gap:6px;padding-left:8px;border-left:2px solid var(--border-color)}.pos[data-v-f5fe4bb7]{width:36px;font-size:12px;color:var(--text-dim);text-align:right}.small-btn[data-v-f5fe4bb7]{align-self:flex-start;background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:4px 10px}.small-btn[data-v-f5fe4bb7]:hover{border-color:var(--accent)}.add-row[data-v-28ff9f28]{position:relative}.add-menu[data-v-28ff9f28]{position:absolute;top:calc(100% - 8px);left:12px;right:12px;z-index:20;display:flex;flex-direction:column;padding:4px;max-height:60vh;overflow-y:auto;background:var(--bg-panel-2);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 24px #00000080}.menu-item[data-v-28ff9f28]{text-align:left;padding:7px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-main)}.menu-item[data-v-28ff9f28]:hover,.menu-item[data-v-28ff9f28]:focus-visible{background:#4f46e540;outline:none}.menu-group[data-v-28ff9f28]{padding:7px 10px 3px;margin-top:4px;border-top:1px solid var(--border-color);color:var(--text-dim);font-size:12px}.menu-sub[data-v-28ff9f28]{padding-left:28px}p.menu-sub[data-v-28ff9f28]{padding:4px 10px 6px 28px}.form[data-v-28ff9f28]{padding:12px;display:flex;flex-direction:column;gap:12px}.field[data-v-28ff9f28]{display:flex;flex-direction:column;gap:6px}.label-text[data-v-28ff9f28]{font-size:12px;color:var(--text-dim)}.check[data-v-28ff9f28]{display:flex;align-items:center;gap:8px}.check input[data-v-28ff9f28]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer;flex-shrink:0}.check small[data-v-28ff9f28]{color:var(--text-dim)}.divider[data-v-28ff9f28]{border:none;border-top:1px solid var(--border-color)}.row-between[data-v-28ff9f28]{display:flex;align-items:center;justify-content:space-between}.small-btn[data-v-28ff9f28]{align-self:flex-start;background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:4px 10px}.small-btn[data-v-28ff9f28]:hover{border-color:var(--accent)}.placeholder[data-v-28ff9f28]{padding:24px;color:var(--text-dim);font-size:13px;line-height:1.5;text-align:center}.form[data-v-668ba8c8]{padding:12px;display:flex;flex-direction:column;gap:14px}.field[data-v-668ba8c8]{display:flex;flex-direction:column;gap:6px}.label-text[data-v-668ba8c8]{font-size:12px;color:var(--text-dim)}.checkbox-field[data-v-668ba8c8]{flex-direction:row;align-items:center;gap:8px}.checkbox-field input[type=checkbox][data-v-668ba8c8]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.icon-pick[data-v-668ba8c8],.btn-upload[data-v-668ba8c8]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px}.icon-pick[data-v-668ba8c8]:hover,.btn-upload[data-v-668ba8c8]:hover{border-color:var(--accent)}.icon-source[data-v-668ba8c8]{display:flex;gap:6px}.icon-source select[data-v-668ba8c8],.icon-source input[data-v-668ba8c8]{flex:1;min-width:0}.font-pick[data-v-668ba8c8]{align-items:center;justify-content:center;font-size:18px}.icon-grid[data-v-668ba8c8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;max-height:180px;overflow-y:auto}.icon-pick[data-v-668ba8c8]{aspect-ratio:1;padding:6px;display:flex}.icon-pick svg[data-v-668ba8c8]{width:100%;height:100%}.icon-pick.active[data-v-668ba8c8]{border-color:var(--accent);background:#4f46e540}.btn-upload[data-v-668ba8c8]{padding:8px}.image-thumb[data-v-668ba8c8]{max-width:100%;max-height:120px;object-fit:contain;align-self:flex-start;border-radius:6px}.divider[data-v-668ba8c8]{border:none;border-top:1px solid var(--border-color)}.placeholder[data-v-668ba8c8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);text-align:center;padding:24px}.placeholder-icon[data-v-668ba8c8]{font-size:40px;opacity:.6}.hint[data-v-668ba8c8]{font-size:12px;max-width:220px;line-height:1.5}.drag-frame[data-v-751078ad]{position:absolute;z-index:10000;cursor:move;touch-action:none;pointer-events:auto;outline:2px dashed var(--accent-hover);outline-offset:-1px}.handle[data-v-751078ad]{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--accent-hover);border-radius:2px;touch-action:none}.handle[data-v-751078ad]:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.handle.nw[data-v-751078ad]{left:-6px;top:-6px;cursor:nwse-resize}.handle.ne[data-v-751078ad]{right:-6px;top:-6px;cursor:nesw-resize}.handle.sw[data-v-751078ad]{left:-6px;bottom:-6px;cursor:nesw-resize}.handle.se[data-v-751078ad]{right:-6px;bottom:-6px;cursor:nwse-resize}.layer[data-v-93a527a8],.el[data-v-93a527a8]{position:absolute;top:0;left:0;width:100%;height:100%}.layer[data-v-93a527a8]{pointer-events:none}.el[data-v-93a527a8]{pointer-events:auto;cursor:pointer}.el-content[data-v-93a527a8]{pointer-events:none}.el-content .el-text[data-v-93a527a8]{pointer-events:auto}.el.no-hit[data-v-93a527a8],.no-hit .el-text[data-v-93a527a8]{pointer-events:none}.el-fonticon[data-v-93a527a8]{display:flex;align-items:center;justify-content:center}.image-empty[data-v-93a527a8]{display:flex;align-items:center;justify-content:center;border:1px dashed var(--text-dim);font-size:20px}.el-input[data-v-93a527a8]{font-family:inherit}.el-input[data-v-93a527a8]::placeholder{color:var(--placeholder-color)}.el-input[data-v-93a527a8]:focus{border-color:var(--focus-color)!important;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-color) 25%,transparent)}.el-button[data-v-93a527a8]:hover{background-color:var(--hover-color)!important}.el-checkbox input[data-v-93a527a8]{width:var(--check-size);height:var(--check-size);margin:0;cursor:pointer}.el-hidden[data-v-93a527a8]{display:none!important}.grid-overlay[data-v-93a527a8]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.grid-cell[data-v-93a527a8]{position:relative;border:1px dashed rgba(129,140,248,.8);border-radius:4px;background:#6366f10f}.grid-cell span[data-v-93a527a8]{position:absolute;top:2px;left:4px;font:600 10px/1 system-ui,sans-serif;color:#a5b4fc}.el-selected[data-v-93a527a8],.layer-selected[data-v-93a527a8]{outline:2px dashed var(--accent-hover);outline-offset:-2px}.el-text[data-v-93a527a8]{white-space:pre-wrap;word-break:break-word;-webkit-user-select:none;user-select:none}.preview-area[data-v-bc93cb63]{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.checkerboard[data-v-bc93cb63]{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px;background-size:20px 20px;background-position:0 0,10px 10px}.element[data-v-bc93cb63]{position:relative;flex-shrink:0;box-shadow:0 0 0 1px #ffffff0f}.legend[data-v-bc93cb63]{display:flex;align-items:center;gap:12px;padding:6px 12px;border-top:1px solid var(--border-color);font-size:11px;color:var(--text-dim)}.bg-controls[data-v-bc93cb63]{display:flex;align-items:center;gap:4px;flex-shrink:0}.bg-controls button[data-v-bc93cb63]{min-width:24px;height:22px;padding:0 4px;background:var(--bg-panel-2);border:1px solid var(--border-color);border-radius:4px;color:var(--text-main);font-size:12px}.bg-controls button.active[data-v-bc93cb63]{border-color:var(--accent);background:#4f46e540}.bg-controls input[type=color][data-v-bc93cb63]{width:26px;height:22px;padding:1px;border-radius:4px}.legend-items[data-v-bc93cb63]{display:flex;gap:12px;min-width:0;overflow-x:auto;white-space:nowrap}.legend-item[data-v-bc93cb63]{display:inline-flex;align-items:center;gap:4px}.code-output[data-v-aa2f55e3]{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.code-output.open[data-v-aa2f55e3]{height:200px}.toolbar[data-v-aa2f55e3]{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-panel-2)}.code-output.open .toolbar[data-v-aa2f55e3]{border-bottom:1px solid var(--border-color)}.tabs[data-v-aa2f55e3]{display:flex;gap:4px}.tab[data-v-aa2f55e3]{background:transparent;border:1px solid transparent;color:var(--text-dim);padding:6px 16px;border-radius:6px;font-weight:600;transition:all .15s}.tab[data-v-aa2f55e3]:hover{color:var(--text-main)}.tab.active[data-v-aa2f55e3]{background:var(--accent);color:#fff}.actions[data-v-aa2f55e3]{display:flex;flex-wrap:wrap;gap:6px}.btn-download[data-v-aa2f55e3]{background:transparent;border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:6px 10px;transition:all .15s}.btn-download[data-v-aa2f55e3]:hover{border-color:var(--accent)}.btn-copy[data-v-aa2f55e3]{background:transparent;border:1px solid var(--accent);color:var(--accent-hover);border-radius:6px;padding:6px 14px;font-weight:600;transition:all .15s}.btn-copy[data-v-aa2f55e3]:hover{background:#4f46e526}.code[data-v-aa2f55e3]{flex:1;margin:0;padding:12px 14px;overflow:auto;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;color:#a5d6ff;white-space:pre;-moz-tab-size:2;tab-size:2}@media (max-width: 768px){.code-output.open[data-v-aa2f55e3]{height:45dvh}.tab[data-v-aa2f55e3]{padding:6px 10px}}.backdrop[data-v-6c304751]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px;background:#0009}.palette[data-v-6c304751]{display:flex;flex-direction:column;gap:12px;width:min(520px,100%);max-height:100%;overflow-y:auto;padding:16px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px}.head[data-v-6c304751]{display:flex;align-items:center;justify-content:space-between}.head h2[data-v-6c304751]{font-size:16px}.hint[data-v-6c304751]{font-size:12px;line-height:1.5;color:var(--text-dim)}code[data-v-6c304751]{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px}.load[data-v-6c304751]{display:flex;flex-direction:column;gap:8px}.load textarea[data-v-6c304751]{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;resize:vertical}.buttons[data-v-6c304751],.add[data-v-6c304751]{display:flex;flex-wrap:wrap;gap:8px}.add input[data-v-6c304751]{flex:1;min-width:100px}button[data-v-6c304751]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:6px 12px}button[data-v-6c304751]:hover:not(:disabled){border-color:var(--accent)}button[data-v-6c304751]:disabled{opacity:.4;cursor:default}.close[data-v-6c304751]{padding:2px 8px}.list[data-v-6c304751]{list-style:none;display:flex;flex-direction:column;gap:6px}.token[data-v-6c304751]{display:flex;align-items:center;gap:8px}.swatch[data-v-6c304751]{flex-shrink:0;width:20px;height:20px;border-radius:4px;border:1px solid var(--border-color)}.swatch.empty[data-v-6c304751]{border-style:dashed}.name[data-v-6c304751]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value[data-v-6c304751]{flex:1;min-width:0}.remove[data-v-6c304751]{padding:4px 8px;color:var(--danger)}.empty-list[data-v-6c304751]{font-size:12px;color:var(--text-dim)}.message[data-v-6c304751]{font-size:12px;color:var(--accent-hover)}.backdrop[data-v-ad4614a2]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px;background:#0009}.templates[data-v-ad4614a2]{display:flex;flex-direction:column;gap:12px;width:min(720px,100%);max-height:100%;overflow-y:auto;padding:16px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px}.head[data-v-ad4614a2]{display:flex;align-items:center;justify-content:space-between}.head h2[data-v-ad4614a2]{font-size:16px}h3[data-v-ad4614a2]{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.hint[data-v-ad4614a2]{font-size:12px;line-height:1.5;color:var(--text-dim)}.close[data-v-ad4614a2]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:2px 8px}.grid[data-v-ad4614a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card[data-v-ad4614a2]{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:var(--bg-panel-2);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main)}.card[data-v-ad4614a2]:hover{border-color:var(--accent)}.thumb[data-v-ad4614a2]{display:flex;align-items:center;justify-content:center;width:100%;height:110px;border-radius:6px;pointer-events:none;background-color:#2a2a2a;background-image:linear-gradient(45deg,#333 25%,transparent 25%,transparent 75%,#333 75%),linear-gradient(45deg,#333 25%,transparent 25%,transparent 75%,#333 75%);background-size:16px 16px;background-position:0 0,8px 8px}.thumb-element[data-v-ad4614a2]{position:relative;flex-shrink:0;transform-origin:top left}.title[data-v-ad4614a2]{font-size:13px}.backdrop[data-v-0b5e5522]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px;background:#0009}.fonts[data-v-0b5e5522]{display:flex;flex-direction:column;gap:10px;width:min(560px,100%);max-height:100%;overflow-y:auto;padding:16px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px}.head[data-v-0b5e5522]{display:flex;align-items:center;justify-content:space-between}.head h2[data-v-0b5e5522]{font-size:16px}h3[data-v-0b5e5522]{margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.lib[data-v-0b5e5522]{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5}.lib input[data-v-0b5e5522]{margin-top:3px;accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}code[data-v-0b5e5522]{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px}.grow[data-v-0b5e5522]{flex:1;min-width:0}.small[data-v-0b5e5522]{padding:2px 8px}.hint[data-v-0b5e5522],.message[data-v-0b5e5522]{font-size:12px;line-height:1.5;color:var(--text-dim)}.message[data-v-0b5e5522]{color:var(--accent-hover)}.add[data-v-0b5e5522]{display:flex;gap:8px}.add input[data-v-0b5e5522]{flex:1;min-width:0}button[data-v-0b5e5522]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:6px 12px}button[data-v-0b5e5522]:hover:not(:disabled){border-color:var(--accent)}button[data-v-0b5e5522]:disabled{opacity:.4;cursor:default}.close[data-v-0b5e5522]{padding:2px 8px}.list[data-v-0b5e5522]{list-style:none;display:flex;flex-direction:column;gap:6px}.font[data-v-0b5e5522]{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.font.active[data-v-0b5e5522]{border-color:var(--accent);background:#4f46e526}.name[data-v-0b5e5522]{font-size:11px;color:var(--text-dim)}.sample[data-v-0b5e5522]{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.backdrop[data-v-08e20d62]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px;background:#0009}.panel[data-v-08e20d62]{display:flex;flex-direction:column;gap:10px;width:min(560px,100%);max-height:100%;overflow-y:auto;padding:16px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px}.head[data-v-08e20d62]{display:flex;align-items:center;justify-content:space-between}.head h2[data-v-08e20d62]{font-size:16px}h3[data-v-08e20d62]{margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.hint[data-v-08e20d62],.message[data-v-08e20d62],small[data-v-08e20d62]{font-size:12px;line-height:1.5;color:var(--text-dim)}.message[data-v-08e20d62]{color:var(--accent-hover)}code[data-v-08e20d62]{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px}.lib[data-v-08e20d62]{display:flex;align-items:center;gap:10px;font-size:13px}.lib input[data-v-08e20d62]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.grow[data-v-08e20d62]{flex:1;min-width:0}.row[data-v-08e20d62]{display:flex;gap:8px}.row>input[data-v-08e20d62]{flex:1;min-width:0}.field[data-v-08e20d62]{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}button[data-v-08e20d62]{background:var(--bg-panel-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:6px 12px}button[data-v-08e20d62]:hover:not(:disabled){border-color:var(--accent)}button[data-v-08e20d62]:disabled{opacity:.4;cursor:default}.close[data-v-08e20d62],.small[data-v-08e20d62]{padding:2px 8px}.add[data-v-08e20d62]{align-self:flex-start}.app-grid[data-v-10309bd3]{display:grid;height:100vh;height:100dvh;grid-template-columns:auto auto auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header header header  header" "layers layer  element center" "bottom bottom bottom  bottom";gap:8px;padding:8px;background:var(--bg-app)}.app-header[data-v-10309bd3]{grid-area:header;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-height:48px;padding:6px 12px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px}.logo[data-v-10309bd3]{font-weight:700;color:var(--accent-hover);margin-right:auto}.block-bar[data-v-10309bd3]{display:flex;align-items:center;gap:6px}.block-select[data-v-10309bd3]{width:140px}.size-field[data-v-10309bd3]{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.size-field input[data-v-10309bd3]{width:70px}.size-field .class-input[data-v-10309bd3]{width:130px}.io-buttons[data-v-10309bd3]{display:flex;flex-wrap:wrap;gap:6px}.header-btn[data-v-10309bd3]{background:transparent;border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;padding:5px 10px;white-space:nowrap;transition:background .15s}.header-btn[data-v-10309bd3]:hover{background:var(--border-color)}.header-btn[data-v-10309bd3]:disabled{opacity:.4;pointer-events:none}.header-toggle[data-v-10309bd3]{display:none}.panel-layers[data-v-10309bd3]{grid-area:layers}.panel-layer[data-v-10309bd3]{grid-area:layer}.panel-element[data-v-10309bd3]{grid-area:element}.panel-center[data-v-10309bd3]{grid-area:center}.panel-bottom[data-v-10309bd3]{grid-area:bottom}@media (max-width: 768px){.app-grid[data-v-10309bd3]{gap:4px;padding:4px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,auto) minmax(0,auto) minmax(0,auto) minmax(140px,1fr) auto;grid-template-areas:"header" "layers" "layer" "element" "center" "bottom"}.app-header[data-v-10309bd3]{gap:6px 10px;min-height:auto}.header-toggle[data-v-10309bd3]{display:inline-block}.app-header:not(.header-open) .header-extra[data-v-10309bd3]{display:none}}:root{--bg-app: #121212;--bg-panel: #1e1e1e;--bg-panel-2: #262626;--text-main: #e0e0e0;--text-dim: #8a8a8a;--accent: #4f46e5;--accent-hover: #6366f1;--border-color: #333333;--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{background:var(--bg-app);color:var(--text-main);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:14px;overflow:hidden}input[type=text],input[type=number],textarea,select{background:var(--bg-panel-2);color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;font:inherit;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=range]{accent-color:var(--accent);width:100%;cursor:pointer}input[type=color]{width:100%;height:32px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-panel-2);padding:2px;cursor:pointer}button{font:inherit;cursor:pointer}.is-collapsed>:not(.panel-rail){display:none!important}.panel-rail{flex:1;writing-mode:vertical-rl;background:transparent;border:none;color:var(--text-dim);font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:12px 0}@media (max-width: 768px){.panel-rail{writing-mode:horizontal-tb;text-align:left;padding:10px 12px}}.panel-rail:hover{color:var(--text-main);background:var(--bg-panel-2)}.panel-collapse{background:transparent;border:1px solid var(--border-color);color:var(--text-dim);border-radius:4px;padding:0 7px;line-height:20px}.panel-collapse:hover{color:var(--text-main);background:var(--border-color)}.side-panel{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;width:min(290px,80vw)}.side-panel.is-collapsed{width:36px}.side-panel .panel-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:8px}.side-panel .panel-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel .panel-body{flex:1;min-height:0;overflow-y:auto}.side-panel .section-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:12px 12px 0}.side-panel .add-row{display:flex;flex-direction:column;gap:8px;padding:12px}.side-panel .btn-add{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px;font-weight:600;transition:background .15s}.side-panel .btn-add:hover:not(:disabled){background:var(--accent-hover)}.side-panel .btn-add:disabled{opacity:.4;cursor:default}.side-panel .hint{font-size:12px;line-height:1.4;color:var(--text-dim)}.panel-rail:disabled{opacity:.35;cursor:default;background:transparent}@media (max-width: 768px){.side-panel,.side-panel.is-collapsed{width:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}