:root{--primary-color:#4d148c;--primary-hover:#3b106b;--bg-color:#f1f5f9;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius:12px;--font-family:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased}.btn,body{color:var(--text-main)}.btn{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:8px 16px;transition:all .2s}.btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn.primary{background-color:var(--primary-color);border:none;color:#fff}.btn.primary:hover{background-color:var(--primary-hover)}.btn.danger{background-color:#ef4444;border:none;color:#fff}.btn.danger:hover{background-color:#dc2626}.btn-sm{font-size:.75rem;padding:4px 10px}.input-group label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:700;margin-bottom:4px;text-transform:uppercase}.input-group input{border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;padding:8px 12px;transition:all .2s;width:100%}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.layout-container[data-v-af72dd43]{background-color:#f8fafc;display:flex;flex-direction:column;gap:20px;height:100vh;min-width:1200px;overflow:hidden;padding:24px}.app-header[data-v-af72dd43]{margin-bottom:20px}.header-content[data-v-af72dd43]{justify-content:space-between}.brand-logo-group[data-v-af72dd43],.header-content[data-v-af72dd43]{align-items:center;display:flex;gap:20px}.brand-logo[data-v-af72dd43]{filter:drop-shadow(0 4px 6px rgba(77,20,140,.15));flex-shrink:0}.app-header h1[data-v-af72dd43]{color:#4d148c;font-size:1.5rem;font-weight:800;letter-spacing:.11em;margin:0;text-transform:uppercase}.header-actions[data-v-af72dd43]{align-items:center;display:flex;gap:16px}.nav-link[data-v-af72dd43]{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;transition:color .2s}.nav-link[data-v-af72dd43]:hover{color:#4d148c}.nav-divider[data-v-af72dd43]{background:#e2e8f0;height:16px;width:1px}.github-link[data-v-af72dd43]{align-items:center;background:#0f172a;border-radius:8px;box-shadow:0 4px 6px -1px #0f172a26;color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:8px;height:36px;letter-spacing:.05em;padding:0 14px;text-decoration:none;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.github-link[data-v-af72dd43]:hover{background:#1e293b;box-shadow:0 10px 15px -3px #0f172a33;transform:translateY(-1px)}.github-link svg[data-v-af72dd43]{margin-bottom:2px}.main-workspace[data-v-af72dd43]{display:flex;flex:1;gap:20px;justify-content:flex-start;min-height:0}.main-left[data-v-af72dd43]{display:flex;flex-direction:column;flex-shrink:0;gap:16px;overflow-y:auto;padding-right:4px;width:870px}.main-right[data-v-af72dd43]{flex:1;max-width:600px}.canvas-container-wrapper[data-v-af72dd43]{background:#fff;background-color:#f1f5f9!important;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;min-height:auto;overflow:auto;padding:20px 20px 12px;transition:all .3s ease}.canvas-container[data-v-af72dd43]{background:#fff!important;border-radius:4px!important;box-shadow:0 4px 6px -1px #0000001a!important}.canvas-wrapper[data-v-af72dd43]{background:#fff;border:1.5px dashed #cbd5e1;border-radius:4px;box-shadow:none!important;box-sizing:content-box;margin:0 auto;min-width:812px;position:relative;transition:all .3s ease}.purple-border[data-v-af72dd43]{border-color:#4d148c66!important}.orange-border[data-v-af72dd43]{border-color:#ff620066!important}#designer-canvas[data-v-af72dd43]{display:block;max-width:100%}.canvas-toolbar[data-v-af72dd43]{background:transparent;display:flex;gap:8px;margin-bottom:20px;margin-top:20px;padding:0}.tool-btn[data-v-af72dd43]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:800;height:38px;justify-content:center;letter-spacing:.11em;text-transform:uppercase;transition:all .2s ease;width:38px}.tool-btn.danger-outline[data-v-af72dd43]{border:1px solid #fecaca;color:#ef4444;margin-left:auto;padding:0 16px;width:auto}.tool-btn.reset-confirm-active[data-v-af72dd43]{background:#ef4444;border-color:#ef4444;color:#fff;margin-left:auto;padding:0 16px;width:auto}.canvas-tabs-inline[data-v-af72dd43]{background:#94a3b81a;border-radius:8px;display:flex;gap:6px;margin-bottom:20px;padding:4px;width:-moz-fit-content;width:fit-content}.pill-btn[data-v-af72dd43]{align-items:center;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.72rem;font-weight:700;height:32px;letter-spacing:.11em;padding:0 12px;text-transform:uppercase;transition:all .2s}.pill-btn.purple[data-v-af72dd43]{color:#4d148c}.pill-btn.purple.active[data-v-af72dd43]{background:#4d148c;box-shadow:0 4px 6px -1px #4d148c33;color:#fff}.pill-btn.orange[data-v-af72dd43]{color:#ff6200}.pill-btn.orange.active[data-v-af72dd43]{background:#ff6200;box-shadow:0 4px 6px -1px #ff620033;color:#fff}.orange-theme[data-v-af72dd43]{border-color:#ff620033!important}.orange-theme .prop-label[data-v-af72dd43]{color:#cc4e00}.orange-theme .pos-value[data-v-af72dd43]{color:#ff6200}.properties-bar-inline[data-v-af72dd43]{align-items:center;background:transparent;border:none;display:flex;margin-bottom:0;padding:8px 0}.prop-item-row[data-v-af72dd43]{align-items:baseline;display:flex;gap:6px;white-space:nowrap}.prop-label[data-v-af72dd43]{color:#94a3b8;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pos-value[data-v-af72dd43]{color:#1e293b;font-size:.8rem;font-weight:600}.prop-item-v input[data-v-af72dd43]{background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#4d148c;font-size:.8rem;font-weight:500;outline:none;padding:4px 10px}.prop-item-v input[data-v-af72dd43]:focus{border-color:#4d148c;box-shadow:0 0 0 3px #4d148c1a}.btn[data-v-af72dd43]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.75rem;font-weight:800;height:38px;justify-content:center;letter-spacing:.11em;padding:0 20px;text-transform:uppercase;transition:all .2s ease}.btn.primary[data-v-af72dd43]{background:linear-gradient(135deg,#4d148c,#6b21bc);border:none;box-shadow:0 4px 6px -1px #4d148c4d;color:#fff}.btn.danger[data-v-af72dd43]{background:#ef4444;border-color:#ef4444;color:#fff}.action-render[data-v-af72dd43]{background:#fff;border:1px solid #e2e8f0;color:#64748b;height:38px;line-height:38px;padding:0 16px}.regional-layout-mini[data-v-af72dd43]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 15px -3px #0000000d;padding:12px;position:absolute;width:160px;z-index:100}.preview-panel[data-v-af72dd43]{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:inset 0 1px 2px #0000000d;overflow:hidden;position:relative;width:100%}.preview-box[data-v-af72dd43]{align-items:center;border:1px solid hsla(0,0%,100%,.3);cursor:grab;display:flex;justify-content:center;position:absolute;width:100%}.preview-box.active[data-v-af72dd43]{box-shadow:0 0 0 1.5px #fff;z-index:2}.purple-box[data-v-af72dd43]{background:#4d148cb3}.orange-box[data-v-af72dd43]{background:#ff6200b3}.preview-box.is-dragging[data-v-af72dd43]{cursor:grabbing}.resize-handle[data-v-af72dd43]{align-items:center;background:#fff3;cursor:ns-resize;display:flex;height:8px;justify-content:center;left:0;position:absolute;right:0;transition:all .2s}.resize-handle[data-v-af72dd43]:after{background:#ffffff80;border-radius:2px;content:"";height:2px;width:20px}.resize-handle.bottom[data-v-af72dd43]{bottom:0}.zone-tag[data-v-af72dd43]{color:#fff;font-size:.65rem;font-weight:800}.region-stats[data-v-af72dd43]{display:flex;flex-direction:column;gap:2px;margin-top:10px}.stat-row[data-v-af72dd43]{color:#64748b;font-size:.6rem;font-weight:500;white-space:nowrap}.stat-divider[data-v-af72dd43]{background:#f1f5f9;height:1px;margin:4px 0}.stat-label[data-v-af72dd43]{color:#4d148c;font-size:.65rem;font-weight:700}.main-right[data-v-af72dd43],.png-section[data-v-af72dd43]{display:flex;flex-direction:column;height:100%;min-height:0}.png-section h3[data-v-af72dd43]{align-items:center;color:#1e293b;display:flex;flex-shrink:0;font-size:1.1rem;justify-content:space-between;margin-bottom:16px}.png-preview-box[data-v-af72dd43]{align-items:flex-start;display:flex;flex:1;justify-content:center;min-height:0;position:relative}.png-preview-box.is-empty[data-v-af72dd43]{background:transparent;border:none;padding:0}.png-preview-img[data-v-af72dd43]{background:#fff;border-radius:4px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.placeholder-text[data-v-af72dd43]{color:#94a3b8;font-size:.75rem;font-weight:800;letter-spacing:.11em;margin-top:10px;text-transform:uppercase}.placeholder-graphic[data-v-af72dd43]{filter:drop-shadow(0 10px 15px rgba(0,0,0,.05));opacity:.8}.png-placeholder[data-v-af72dd43]{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.bottom-controls-container[data-v-af72dd43]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;margin-top:20px;padding:20px}.controls-grid[data-v-af72dd43]{display:grid;gap:32px;grid-template-columns:1fr 1fr}.controls-column[data-v-af72dd43]{display:flex;flex-direction:column;gap:16px}.controls-group-title[data-v-af72dd43]{color:#94a3b8;font-size:.75rem;font-weight:800;letter-spacing:.11em;margin-bottom:8px;text-transform:uppercase}.actions-stack[data-v-af72dd43]{display:flex;flex-direction:column;gap:10px}.view-zpl-row[data-v-af72dd43]{display:grid;gap:10px;grid-template-columns:1fr 1fr}.settings-stack[data-v-af72dd43]{gap:20px}.setting-item[data-v-af72dd43],.settings-stack[data-v-af72dd43]{display:flex;flex-direction:column}.setting-item[data-v-af72dd43]{gap:8px}.setting-label[data-v-af72dd43]{color:#475569;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.setting-buttons[data-v-af72dd43]{display:flex;flex-wrap:wrap;gap:6px}.setting-pill[data-v-af72dd43]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.72rem;font-weight:700;height:32px;letter-spacing:.11em;padding:0 12px;text-transform:uppercase;transition:all .2s ease}.setting-pill.active[data-v-af72dd43]{background:#4d148c;border-color:#4d148c;color:#fff}.setting-pill[data-v-af72dd43]:disabled{cursor:not-allowed;opacity:.4}.setting-divider[data-v-af72dd43]{background:#e2e8f0;height:24px;margin:0 4px;width:1px}.duplicate-btn[data-v-af72dd43]{align-items:center!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#64748b!important;cursor:pointer!important;display:flex!important;font-size:.72rem!important;font-weight:800!important;height:38px!important;letter-spacing:.12em!important;padding:0 16px!important;text-transform:uppercase!important}.toolbar-spacer[data-v-af72dd43]{background:#e2e8f0;height:24px;margin:0 12px;opacity:.8;width:1px}.btn.danger-outline[data-v-af72dd43]{border-color:#fecaca;color:#ef4444;margin-top:4px}.btn.reset-confirm-active[data-v-af72dd43]{background:#ef4444;border-color:#ef4444;color:#fff}.modal-overlay[data-v-af72dd43]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:1000}.modal-content[data-v-af72dd43]{background:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;padding:32px}.modal-content h2[data-v-af72dd43]{color:#4d148c;font-size:1.5rem;font-weight:800;letter-spacing:.11em;margin-bottom:24px;margin-top:0;text-transform:uppercase}.modal-content textarea[data-v-af72dd43]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,"monospace";font-size:.85rem;line-height:1.6;outline:none;padding:16px;resize:vertical}.modal-content textarea[data-v-af72dd43]:focus{background:#fff;border-color:#4d148c;box-shadow:0 0 0 4px #4d148c0d}.modal-actions[data-v-af72dd43]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.code-viewer-container[data-v-af72dd43]{background:#0f172a;border:1px solid #1e293b;border-radius:12px;max-height:60vh;min-height:400px;overflow:auto;padding:20px;width:100%}.code-viewer-container pre[data-v-af72dd43]{color:#94a3b8;font-family:JetBrains Mono,Fira Code,Monaco,"monospace";font-size:.85rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-all}[data-v-af72dd43]::-webkit-scrollbar{width:6px}[data-v-af72dd43]::-webkit-scrollbar-track{background:transparent}[data-v-af72dd43]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}[data-v-af72dd43]::-webkit-scrollbar-thumb:hover{background:#94a3b8}