.tooltip-wrap[data-v-78ed37f5]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#e2e7f0;color:#526174;font-size:10px;font-weight:700;cursor:help;outline:none;flex-shrink:0}.tooltip-icon[data-v-78ed37f5]{line-height:1}.tooltip-bubble[data-v-78ed37f5]{position:absolute;bottom:130%;left:0;transform:translateY(4px);background:#fff;border:1px solid #c9d2df;color:#263241;font-weight:400;font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:break-word;padding:8px 10px;border-radius:6px;width:max-content;max-width:220px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s;z-index:50;box-shadow:0 8px 22px #1f293729}.tooltip-wrap:hover .tooltip-bubble[data-v-78ed37f5],.tooltip-wrap:focus .tooltip-bubble[data-v-78ed37f5]{opacity:1;visibility:visible;transform:translateY(0)}.upload-zone[data-v-0ad9f38a]{border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s}.upload-zone.dragging[data-v-0ad9f38a],.upload-zone[data-v-0ad9f38a]:hover{border-color:var(--accent)}.upload-zone p[data-v-0ad9f38a]{color:var(--text-dim);font-size:13px}.image-loaded-row[data-v-0ad9f38a]{display:flex;align-items:center;gap:12px}.thumb[data-v-0ad9f38a]{width:64px;height:64px;object-fit:contain;border-radius:6px;border:1px solid var(--border-color);background:#fff;flex-shrink:0}.image-info[data-v-0ad9f38a]{display:flex;flex-direction:column;gap:6px}.image-dims[data-v-0ad9f38a]{font-size:12px;color:var(--text-muted)}.btn-sm[data-v-0ad9f38a]{padding:4px 10px;font-size:11px}.row[data-v-4e4fe1cc]{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-width:0}.row label[data-v-4e4fe1cc]{margin:0;white-space:nowrap;min-width:112px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}input[type=range][data-v-4e4fe1cc]{flex:1;min-width:0;accent-color:var(--accent)}.val[data-v-4e4fe1cc]{font-size:11px;color:var(--accent);min-width:32px;text-align:right}.row-color[data-v-da58eb28]{display:flex;align-items:center;gap:8px}.row-color label[data-v-da58eb28]{margin:0}.font-size-row[data-v-da58eb28]{min-width:0}.font-size-row input[type=number][data-v-da58eb28]:disabled{opacity:.5;cursor:not-allowed}.row-color[data-v-1004131b]{display:flex;align-items:center;gap:8px;margin-top:6px}.row-color label[data-v-1004131b]{margin:0;white-space:nowrap}#sidebar[data-v-767d1f88]{width:360px;min-width:360px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}#scroll-panel[data-v-767d1f88]{flex:1;overflow-y:auto;overflow-x:hidden}.progress-overlay[data-v-1d54a2bf]{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe0;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:100}.progress-overlay.active[data-v-1d54a2bf]{display:flex}.progress-bar-track[data-v-1d54a2bf]{width:280px;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-top:12px}.progress-bar-fill[data-v-1d54a2bf]{height:100%;background:var(--accent);width:0%;transition:width .15s}.progress-label[data-v-1d54a2bf]{font-size:13px;color:var(--text-muted)}#canvas-area[data-v-d798a8bc]{flex:1;position:relative;overflow:hidden;background:var(--bg-canvas-area);display:flex;align-items:center;justify-content:center}#canvas-wrapper[data-v-d798a8bc]{position:relative;line-height:0}.layer[data-v-d798a8bc]{position:absolute;top:0;left:0}.interact[data-v-d798a8bc]{cursor:crosshair}.region-item[data-v-7bdefd52]{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:4px;font-size:11px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:background .12s,border-color .12s}.region-item[data-v-7bdefd52]:hover{background:#f8fafc}.region-item.hovered[data-v-7bdefd52]{background:#ffdc322e;border-color:#b48a0059}.region-item.selected[data-v-7bdefd52]{background:#1d4ed829;border-color:#1d4ed88c}.region-item.selected.hovered[data-v-7bdefd52]{background:#1d4ed83d;border-color:#1d4ed8b3}.region-thumb[data-v-7bdefd52]{width:32px;height:32px;object-fit:contain;border-radius:3px;border:1px solid var(--border-color);background:#fff;flex-shrink:0;image-rendering:pixelated}.info[data-v-7bdefd52]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-indicator[data-v-7bdefd52]{color:var(--accent);font-size:14px;font-weight:700;flex-shrink:0;margin-right:2px}#region-list-panel[data-v-246481e5]{width:300px;min-width:300px;background:var(--bg-sidebar);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.region-count[data-v-246481e5]{font-size:11px;color:var(--text-dim)}.region-count-inline[data-v-246481e5]{font-size:11px;color:var(--text-dim);text-transform:none;letter-spacing:0}#region-list-scroll[data-v-246481e5]{flex:1;overflow-y:auto;padding:8px 16px}.truncated-note[data-v-246481e5]{padding:6px 0}.status-bar[data-v-4c680e8d]{background:#fff;border-top:1px solid var(--border-color);padding:6px 16px;font-size:11px;color:var(--text-dim);display:flex;justify-content:space-between}#app-root[data-v-0f9b5749]{display:flex;flex-direction:column;height:100vh}#layout[data-v-0f9b5749]{display:flex;flex:1;overflow:hidden}:root{--bg-app: #ffffff;--bg-canvas-area: #ffffff;--bg-sidebar: #ffffff;--border-color: #d7dee8;--text-main: #1f2937;--text-muted: #526174;--text-dim: #7b8797;--accent: #4263eb;--accent-hover: #3151d3;--danger: #d93d4f;--danger-hover: #bf2f40}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Segoe UI,Arial,sans-serif;background:var(--bg-app);color:var(--text-main);height:100vh;overflow:hidden}#app{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}h2{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);padding:14px 16px 8px;border-bottom:1px solid var(--border-color)}.panel{padding:12px 16px;border-bottom:1px solid var(--border-color)}.panel label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#e6ebf2;color:#334155}.btn-secondary:hover{background:#d8e0eb}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}select,textarea,input[type=text],input[type=number]{background:#fff;border:1px solid var(--border-color);color:var(--text-main);border-radius:5px;padding:7px 10px;font-size:13px;width:100%;font-family:inherit}select:focus,textarea:focus,input:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:100px;font-size:12px;line-height:1.5}input[type=color]{width:40px;height:32px;padding:2px;cursor:pointer;border:1px solid var(--border-color);background:#fff;border-radius:4px}.region-info{font-size:11px;color:var(--text-dim);padding:4px 0}.help-text{font-size:10px;color:var(--text-dim);margin-top:6px}.fills-list{margin-top:8px;max-height:160px;overflow-y:auto}.fill-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#f8fafc;border-radius:4px;margin-bottom:4px;font-size:11px}.fill-item .swatch{width:14px;height:14px;border-radius:3px;border:1px solid #b8c3d1;flex-shrink:0}.fill-item .fill-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted)}.fill-item .btn{padding:2px 6px;font-size:10px}.checkbox-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.checkbox-row input[type=checkbox]{accent-color:var(--accent)}.checkbox-row label{font-size:12px;color:var(--text-muted);cursor:pointer;margin:0}.font-size-row{display:flex;align-items:center;gap:8px}.font-size-row input[type=number]{width:70px}