.pie-fade-enter-active[data-v-e5411e8b],.pie-fade-leave-active[data-v-e5411e8b]{transition:opacity .14s ease,transform .14s ease}.pie-fade-enter-from[data-v-e5411e8b],.pie-fade-leave-to[data-v-e5411e8b]{opacity:0;transform:scale(.9)}.pie-menu[data-v-e5411e8b]{pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:2000}.pie-menu__segments[data-v-e5411e8b]{display:block;filter:drop-shadow(0 18px 45px rgba(15,23,42,.4));height:100%;pointer-events:none;width:100%}.pie-menu__segments[data-v-e5411e8b] *{pointer-events:none}.pie-segment[data-v-e5411e8b]{fill:#1e293bdb;stroke:#94a3b84d;stroke-width:1.5;transition:fill .12s ease,stroke .12s ease}.pie-segment-divider[data-v-e5411e8b]{fill:none;stroke:#e2e8f0d9;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 4px 8px rgba(15,23,42,.35));opacity:.95}.pie-segment.is-gradient[data-v-e5411e8b]{stroke-width:1.8}.pie-segment--fill[data-v-e5411e8b]{fill:#818cf847;stroke:transparent}.pie-segment--original[data-v-e5411e8b]{fill:#94a3b838;stroke:#bfdbfe8c;stroke-width:1.3}.pie-segment.is-active[data-v-e5411e8b]{stroke:#a5b4fcbf}.pie-segment.is-active[data-v-e5411e8b]:not(.is-gradient){fill:#6366f159}.pie-segment.is-gradient.is-active[data-v-e5411e8b]{stroke:#e2e8f0d9}.pie-menu__labels[data-v-e5411e8b]{color:#e2e8f0;font-size:.85rem;font-weight:600;inset:0;position:absolute}.pie-menu__labels[data-v-e5411e8b],.pie-menu__labels[data-v-e5411e8b] *{pointer-events:none}.pie-menu__tooltip[data-v-e5411e8b]{background:#0f172aeb;border:1px solid rgba(148,163,184,.4);border-radius:.5rem;box-shadow:0 12px 24px #0f172a73;color:#f8fafc;font-size:.72rem;font-weight:600;padding:.3rem .45rem;transform:translate(-50%,-120%);white-space:nowrap;z-index:2}.pie-icon[data-v-e5411e8b],.pie-menu__tooltip[data-v-e5411e8b]{pointer-events:none;position:absolute}.pie-icon[data-v-e5411e8b]{align-items:center;color:var(--icon-color,rgba(226,232,240,.88));display:flex;filter:drop-shadow(0 6px 18px rgba(15,23,42,.55));height:32px;justify-content:center;transform:translate(-50%,-50%);transition:transform .12s ease,color .12s ease;width:32px}.pie-icon svg[data-v-e5411e8b]{height:24px;width:24px}.pie-icon.is-active[data-v-e5411e8b]{color:var(--icon-active-color,#f8fafc);transform:translate(-50%,-50%) scale(1.12)}.pie-icon.has-accent[data-v-e5411e8b]{--icon-color:var(--accent-color);--icon-active-color:var(--accent-color)}.pie-label[data-v-e5411e8b]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;border:1px solid rgba(148,163,184,.25);border-radius:.6rem;display:flex;flex-direction:column;gap:.25rem;max-width:96px;padding:.35rem .5rem;position:absolute;text-align:center;transform:translate(-50%,-50%);transition:transform .12s ease,border-color .12s ease,background .12s ease}.pie-label.is-active[data-v-e5411e8b]{background:#1e40afa6;border-color:#a5b4fc99;transform:translate(-50%,-50%) scale(1.05)}.pie-label.has-accent[data-v-e5411e8b]{padding-top:.75rem}.pie-label.has-accent[data-v-e5411e8b]:before{background:var(--accent-color,transparent);border:1px solid rgba(15,23,42,.7);border-radius:50%;box-shadow:0 0 0 2px #0f172a40;content:"";display:block;height:18px;margin-bottom:.35rem;width:18px}.pie-label__title[data-v-e5411e8b]{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.pie-label__hint[data-v-e5411e8b]{color:#e2e8f0bd;font-size:.65rem}.pie-label__value[data-v-e5411e8b]{color:#eef2ff;font-size:.78rem;font-weight:700;line-height:1.1}.pie-label__value.is-preview[data-v-e5411e8b]{color:#c7d2fe}.pie-label__value--original[data-v-e5411e8b]{color:#94a3b8d1;font-size:.68rem;font-weight:600}.pie-icon__sr[data-v-e5411e8b]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.pie-gradient__indicator[data-v-e5411e8b]{stroke:#e2e8f0e6;stroke-width:2.2;stroke-linecap:round;pointer-events:none}.pie-menu__indicators[data-v-e5411e8b]{flex-direction:column;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.pie-indicator[data-v-e5411e8b],.pie-menu__indicators[data-v-e5411e8b]{align-items:center;display:flex;gap:.4rem}.pie-indicator[data-v-e5411e8b]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border:1px solid rgba(148,163,184,.28);border-radius:.6rem;color:#e2e8f0;font-size:.7rem;font-weight:600;padding:.3rem .55rem}.pie-indicator--preview[data-v-e5411e8b]{border-color:#a5b4fc73;color:#e0e7ff}.pie-indicator__label[data-v-e5411e8b]{letter-spacing:.08em;text-transform:uppercase}.pie-indicator__swatch[data-v-e5411e8b]{border:2px solid rgba(15,23,42,.85);border-radius:50%;box-shadow:0 0 0 1px #94a3b859;height:20px;width:20px}.rect-fade-enter-active[data-v-6592e7d6],.rect-fade-leave-active[data-v-6592e7d6]{transition:opacity .14s ease,transform .14s ease}.rect-fade-enter-from[data-v-6592e7d6],.rect-fade-leave-to[data-v-6592e7d6]{opacity:0;transform:translateY(-10px)}.rectangular-menu[data-v-6592e7d6]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aeb;border:1px solid rgba(148,163,184,.4);border-radius:.75rem;box-shadow:0 18px 45px #0f172a80;max-width:400px;min-width:200px;overflow:hidden;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:2000}.rectangular-menu__content[data-v-6592e7d6]{display:flex;flex-direction:column;gap:.75rem;padding:.5rem}.rectangular-menu__layer[data-v-6592e7d6]{display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr)}.rectangular-menu__layer[data-v-6592e7d6]:not(:last-child){border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:.75rem}.rectangular-menu__item[data-v-6592e7d6]{align-items:center;background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;min-height:60px;overflow:hidden;padding:.5rem .4rem;pointer-events:auto;position:relative;transition:all .12s ease}.rectangular-menu__item.is-hover[data-v-6592e7d6],.rectangular-menu__item[data-v-6592e7d6]:hover{background:#1e293bbf;border-color:#a5b4fc66}.rectangular-menu__item.is-hover[data-v-6592e7d6]{background:#6366f159;border-color:#a5b4fcbf;transform:scale(1.02)}.rectangular-menu__item.has-accent[data-v-6592e7d6]:before{background:var(--accent-color,transparent);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.rectangular-menu__icon[data-v-6592e7d6]{align-items:center;color:#e2e8f0e0;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.rectangular-menu__item.is-hover .rectangular-menu__icon[data-v-6592e7d6]{color:#f8fafc;transform:scale(1.1)}.rectangular-menu__label[data-v-6592e7d6]{align-items:center;display:flex;flex-direction:column;gap:.1rem;text-align:center;width:100%}.rectangular-menu__label-title[data-v-6592e7d6]{color:#e2e8f0;font-size:.75rem;font-weight:600;line-height:1.2;text-transform:capitalize}.rectangular-menu__label-hint[data-v-6592e7d6]{color:#e2e8f099;font-size:.65rem;line-height:1.1}.rectangular-menu__item.is-slider[data-v-6592e7d6]{position:relative}.rectangular-menu__slider-fill[data-v-6592e7d6]{background:#818cf899;border-radius:.5rem .5rem 0 0;height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:width .2s ease}.rectangular-menu__gradient-preview[data-v-6592e7d6]{border:1px solid rgba(148,163,184,.3);border-radius:.25rem;height:20px;margin-top:.25rem;width:100%}.rectangular-menu__indicators[data-v-6592e7d6]{background:#0f172a80;border-top:1px solid rgba(148,163,184,.2);display:flex;gap:.5rem;padding:.5rem}.rect-indicator[data-v-6592e7d6]{align-items:center;background:#1e293b99;border:1px solid rgba(148,163,184,.25);border-radius:.5rem;color:#e2e8f0;display:flex;font-size:.7rem;font-weight:600;gap:.5rem;padding:.35rem .6rem}.rect-indicator--preview[data-v-6592e7d6]{border-color:#a5b4fc73;color:#e0e7ff}.rect-indicator__label[data-v-6592e7d6]{letter-spacing:.08em;text-transform:uppercase}.rect-indicator__swatch[data-v-6592e7d6]{border:2px solid rgba(15,23,42,.85);border-radius:50%;box-shadow:0 0 0 1px #94a3b859;height:20px;width:20px}.gradient-panel[data-v-9c82eed9]{pointer-events:none;position:fixed;right:20px;top:20px;z-index:1000}.gradient-panel.color-menu-open[data-v-9c82eed9]{z-index:1500}.gradient-panel.color-menu-open .gradient-panel__content[data-v-9c82eed9]{pointer-events:none}.gradient-panel__content[data-v-9c82eed9]{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 20px 25px -5px #0000004d;max-height:80vh;overflow:auto;pointer-events:auto;position:relative;width:400px}.gradient-panel__header[data-v-9c82eed9]{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:16px 20px}.gradient-panel__header h3[data-v-9c82eed9]{color:#f1f5f9;font-size:16px;font-weight:600;margin:0}.close-btn[data-v-9c82eed9]{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.close-btn[data-v-9c82eed9]:hover{color:#f1f5f9}.gradient-panel__body[data-v-9c82eed9]{padding:20px}.section[data-v-9c82eed9]{margin-bottom:20px}.section label[data-v-9c82eed9]{color:#cbd5e1;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.button-group[data-v-9c82eed9]{display:flex;gap:8px}.button-group button[data-v-9c82eed9]{background:#334155;border:1px solid #475569;border-radius:4px;color:#cbd5e1;cursor:pointer;flex:1;font-size:13px;padding:8px 12px;transition:all .2s}.button-group button[data-v-9c82eed9]:hover{background:#3f4c5f;border-color:#64748b}.button-group button.active[data-v-9c82eed9]{background:#3b82f6;border-color:#3b82f6;color:#fff}.slider-group[data-v-9c82eed9]{align-items:center;display:flex;gap:12px}.slider-group input[type=range][data-v-9c82eed9]{-webkit-appearance:none;background:#334155;border-radius:2px;flex:1;height:4px;outline:none}.slider-group input[type=range][data-v-9c82eed9]::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:14px;width:14px}.slider-group input[type=range][data-v-9c82eed9]::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.slider-value[data-v-9c82eed9]{color:#cbd5e1;font-size:13px;font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.gradient-preview[data-v-9c82eed9]{border:1px solid #334155;border-radius:4px;height:60px;margin-bottom:12px;width:100%}.color-stops[data-v-9c82eed9]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.stop-item[data-v-9c82eed9]{align-items:center;display:flex;gap:8px}.stop-color[data-v-9c82eed9]{border:2px solid #334155;border-radius:4px;cursor:pointer;flex-shrink:0;height:32px;width:32px}.stop-color[data-v-9c82eed9]:hover{border-color:#3b82f6}.stop-item input[type=range][data-v-9c82eed9]{-webkit-appearance:none;background:#334155;border-radius:2px;flex:1;height:4px;outline:none}.stop-item input[type=range][data-v-9c82eed9]::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:12px;width:12px}.stop-item input[type=range][data-v-9c82eed9]::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.stop-position[data-v-9c82eed9]{color:#94a3b8;font-size:12px;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.remove-stop[data-v-9c82eed9]{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;width:20px}.remove-stop[data-v-9c82eed9]:hover{color:#dc2626}.add-stop-btn[data-v-9c82eed9]{background:#334155;border:1px dashed #475569;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:13px;padding:8px;width:100%}.add-stop-btn[data-v-9c82eed9]:hover{background:#3f4c5f;border-color:#64748b;color:#cbd5e1}.actions[data-v-9c82eed9]{border-top:1px solid #334155;display:flex;gap:8px;margin-top:24px;padding-top:16px}.apply-btn[data-v-9c82eed9],.cancel-btn[data-v-9c82eed9]{border-radius:4px;cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.apply-btn[data-v-9c82eed9]{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.apply-btn[data-v-9c82eed9]:hover{background:#2563eb;border-color:#2563eb}.cancel-btn[data-v-9c82eed9]{background:transparent;border:1px solid #475569;color:#cbd5e1}.cancel-btn[data-v-9c82eed9]:hover{background:#334155;border-color:#64748b}.debug-overlay[data-v-4563f72c]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;border-top:1px solid rgba(148,163,184,.2);bottom:0;color:#e2e8f0;display:flex;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,monospace;font-size:11px;gap:16px;left:0;line-height:1.4;overflow-x:auto;padding:8px 12px;position:fixed;right:0;z-index:9999}.debug-section[data-v-4563f72c]{display:flex;flex-direction:column;gap:4px;min-width:200px}.debug-title[data-v-4563f72c]{color:#60a5fa;font-size:10px;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.debug-row[data-v-4563f72c]{align-items:baseline;display:flex;gap:8px}.debug-label[data-v-4563f72c]{color:#94a3b8;flex-shrink:0;min-width:80px}.debug-value[data-v-4563f72c]{align-items:center;color:#e2e8f0;display:flex;font-weight:500;gap:6px}.debug-id[data-v-4563f72c]{color:#cbd5e1}.debug-id[data-v-4563f72c],.debug-small[data-v-4563f72c]{font-size:10px}.debug-shape[data-v-4563f72c]{border-left:2px solid rgba(96,165,250,.3);display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-left:8px;padding-top:4px}.debug-shape .debug-label[data-v-4563f72c]{min-width:70px}.color-swatch[data-v-4563f72c]{border:1px solid hsla(0,0%,100%,.2);border-radius:2px;display:inline-block;height:12px;width:12px}.layer-panel[data-v-4fba4b71]{background:var(--surfaceAlt);border-radius:.5rem;color:var(--textPrimary);display:flex;flex-direction:column;height:100%;width:100%}.layer-panel__header[data-v-4fba4b71]{align-items:center;border-bottom:1px solid var(--borderDefault);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;letter-spacing:.08em;padding:.5rem .75rem;text-transform:uppercase}.layer-panel__header-actions[data-v-4fba4b71]{display:flex;gap:.35rem}.layer-panel__icon-button[data-v-4fba4b71]{background:transparent;border:none;border-radius:.25rem;color:inherit;cursor:pointer;font-size:.85rem;line-height:1;padding:.1rem .2rem;transition:background .15s ease}.layer-panel__icon-button[data-v-4fba4b71]:hover{background:color-mix(in oklch,var(--textMuted) 15%,transparent)}.layer-panel__icon-button--disabled[data-v-4fba4b71],.layer-panel__icon-button[data-v-4fba4b71]:disabled{cursor:not-allowed;opacity:.4}.layer-panel__list[data-v-4fba4b71]{flex:1 1 auto;overflow-y:auto;padding:.25rem 0}.layer-panel__item[data-v-4fba4b71]{--layer-indent-size:1.25rem;align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;gap:.5rem;padding:.35rem .5rem;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.layer-panel__item[data-v-4fba4b71]:hover{background:color-mix(in oklch,var(--textMuted) 12%,transparent)}.layer-panel__item--active[data-v-4fba4b71]{background:color-mix(in oklch,var(--accentFill) 24%,transparent);color:var(--textPrimary)}.layer-panel__item--hidden .layer-panel__label[data-v-4fba4b71]{opacity:.6}.layer-panel__item--shape[data-v-4fba4b71]{font-size:.8rem}.layer-panel__item--drop-before[data-v-4fba4b71]{box-shadow:inset 0 2px color-mix(in oklch,var(--accentFill) 45%,transparent)}.layer-panel__item--drop-after[data-v-4fba4b71]{box-shadow:inset 0 -2px color-mix(in oklch,var(--accentFill) 45%,transparent)}.layer-panel__item--drop-child[data-v-4fba4b71]{box-shadow:inset 2px 0 color-mix(in oklch,var(--accentFill) 45%,transparent)}.layer-panel__indent[data-v-4fba4b71]{flex:0 0 auto;width:calc(var(--layer-indent)*var(--layer-indent-size))}.layer-panel__visibility[data-v-4fba4b71]{flex:0 0 auto;font-size:.85rem}.layer-panel__label[data-v-4fba4b71]{flex:1 1 auto;font-size:.85rem}.layer-panel__label--shape[data-v-4fba4b71]{font-size:.8rem}.layer-panel__meta[data-v-4fba4b71]{color:var(--textMuted);flex:0 0 auto;font-size:.7rem;text-transform:uppercase}.layer-panel__meta--shape[data-v-4fba4b71]{opacity:.75}.layer-panel__shape-dot[data-v-4fba4b71]{color:var(--textMuted);flex:0 0 auto;font-size:.7rem}.layer-panel__mask-chip[data-v-4fba4b71]{background:color-mix(in oklch,var(--accentFill) 20%,transparent);border-radius:.35rem;color:var(--accentFill);flex:0 0 auto;font-size:.7rem;margin-left:.4rem;padding:.05rem .35rem}.layer-panel__mask-clear[data-v-4fba4b71]{background:transparent;border:none;border-radius:.25rem;color:inherit;cursor:pointer;font-size:.7rem;padding:.05rem .25rem;transition:background .15s ease}.layer-panel__mask-clear[data-v-4fba4b71]:hover{background:color-mix(in oklch,var(--dangerFill) 20%,transparent);color:var(--dangerFill)}.layer-panel__clip-toggle[data-v-4fba4b71]{background:transparent;border:none;color:var(--textMuted);cursor:pointer;flex:0 0 auto;font-size:.75rem;margin-left:.25rem;opacity:.5;padding:.1rem .25rem;pointer-events:auto;transition:color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer-panel__clip-toggle[data-v-4fba4b71]:hover{opacity:.8}.layer-panel__clip-toggle--active[data-v-4fba4b71]{color:var(--accentFill);opacity:1}.layer-panel__empty[data-v-4fba4b71]{color:var(--textMuted);font-size:.8rem;padding:.75rem;text-align:center}.layer-panel__use-as-mask[data-v-4fba4b71]{background:transparent;border:none;color:var(--textMuted);cursor:pointer;flex:0 0 auto;font-size:.75rem;margin-left:.25rem;opacity:.5;padding:.1rem .25rem;pointer-events:auto;transition:color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer-panel__use-as-mask[data-v-4fba4b71]:hover{color:var(--accentFill);opacity:.8}.layer-inspector[data-v-eb0afd5b]{background:var(--surfaceAlt);border-radius:.5rem;border-top:1px solid var(--borderDefault);color:var(--textPrimary);display:flex;flex-direction:column;width:100%}.layer-inspector__header[data-v-eb0afd5b]{align-items:center;border-bottom:1px solid var(--borderDefault);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;letter-spacing:.08em;padding:.5rem .75rem;text-transform:uppercase}.layer-inspector__empty[data-v-eb0afd5b]{color:var(--textMuted);font-size:.8rem;padding:.75rem;text-align:center}.layer-inspector__content[data-v-eb0afd5b]{flex:1 1 auto;overflow-y:auto}.layer-inspector__section[data-v-eb0afd5b]{border-bottom:1px solid var(--borderDefault);padding:.5rem .75rem}.layer-inspector__section--flex[data-v-eb0afd5b]{background:color-mix(in oklch,var(--accentFill) 5%,transparent)}.layer-inspector__section-header[data-v-eb0afd5b]{color:var(--textPrimary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;opacity:.85;text-transform:uppercase}.layer-inspector__row[data-v-eb0afd5b],.layer-inspector__section-header[data-v-eb0afd5b]{align-items:center;display:flex;justify-content:space-between}.layer-inspector__row[data-v-eb0afd5b]{gap:.5rem;margin-bottom:.4rem}.layer-inspector__row--padding[data-v-eb0afd5b]{align-items:stretch;flex-direction:column}.layer-inspector__row--dual[data-v-eb0afd5b]{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.layer-inspector__field[data-v-eb0afd5b]{align-items:center;display:flex;gap:.25rem}.layer-inspector__field .layer-inspector__label[data-v-eb0afd5b]{min-width:1.25rem}.layer-inspector__field .layer-inspector__number-input[data-v-eb0afd5b]{flex:1}.layer-inspector__field .layer-inspector__number-input input[data-v-eb0afd5b]{width:100%}.layer-inspector__label[data-v-eb0afd5b]{color:var(--textMuted);flex:0 0 auto;font-size:.75rem}.layer-inspector__value[data-v-eb0afd5b]{flex:1 1 auto;font-size:.8rem;text-align:right;text-transform:capitalize}.layer-inspector__input[data-v-eb0afd5b]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:3px;color:inherit;flex:1 1 auto;font-size:.8rem;max-width:120px;padding:.25rem .4rem}.layer-inspector__input[data-v-eb0afd5b]:focus{border-color:var(--focusRing);outline:none}.layer-inspector__select[data-v-eb0afd5b]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:3px;color:inherit;cursor:pointer;flex:1 1 auto;font-size:.75rem;max-width:120px;padding:.25rem .4rem}.layer-inspector__select[data-v-eb0afd5b]:focus{border-color:var(--focusRing);outline:none}.layer-inspector__number-input[data-v-eb0afd5b]{align-items:center;display:flex;gap:.25rem}.layer-inspector__number-input input[data-v-eb0afd5b]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:3px;color:inherit;font-size:.8rem;padding:.25rem .4rem;text-align:right;width:50px}.layer-inspector__number-input input[data-v-eb0afd5b]:focus{border-color:var(--focusRing);outline:none}.layer-inspector__unit[data-v-eb0afd5b]{color:var(--textMuted);font-size:.7rem}.layer-inspector__button-group[data-v-eb0afd5b]{display:flex;gap:2px}.layer-inspector__button-group button[data-v-eb0afd5b]{background:var(--surface);border:1px solid var(--borderDefault);color:inherit;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:background .15s ease,border-color .15s ease}.layer-inspector__button-group button[data-v-eb0afd5b]:first-child{border-radius:3px 0 0 3px}.layer-inspector__button-group button[data-v-eb0afd5b]:last-child{border-radius:0 3px 3px 0}.layer-inspector__button-group button.active[data-v-eb0afd5b]{background:color-mix(in oklch,var(--accentFill) 30%,transparent);border-color:color-mix(in oklch,var(--accentFill) 50%,transparent)}.layer-inspector__button-group button[data-v-eb0afd5b]:hover:not(.active){background:color-mix(in oklch,var(--textMuted) 15%,transparent)}.layer-inspector__toggle[data-v-eb0afd5b]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:3px;color:inherit;cursor:pointer;font-size:.7rem;padding:.2rem .5rem;text-transform:uppercase;transition:background .15s ease,border-color .15s ease}.layer-inspector__toggle[data-v-eb0afd5b]:hover{background:color-mix(in oklch,var(--textMuted) 15%,transparent)}.layer-inspector__toggle--active[data-v-eb0afd5b]{background:color-mix(in oklch,var(--accentFill) 30%,transparent);border-color:color-mix(in oklch,var(--accentFill) 50%,transparent)}.layer-inspector__toggle--small[data-v-eb0afd5b]{padding:.15rem .4rem}.layer-inspector__padding-grid[data-v-eb0afd5b]{display:flex;flex-direction:column;gap:2px;margin-top:.25rem}.layer-inspector__padding-row[data-v-eb0afd5b]{display:grid;gap:2px;grid-template-columns:1fr 50px 1fr;justify-items:center}.layer-inspector__padding-row input[data-v-eb0afd5b]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:3px;color:inherit;font-size:.75rem;padding:.2rem .3rem;text-align:center;width:40px}.layer-inspector__padding-row input[data-v-eb0afd5b]:focus{border-color:var(--focusRing);outline:none}.layer-inspector__padding-center[data-v-eb0afd5b]{background:color-mix(in oklch,var(--textMuted) 10%,transparent);border-radius:2px;height:20px;width:20px}.layer-inspector__section--resize[data-v-eb0afd5b]{background:color-mix(in oklch,var(--accentFill) 5%,transparent)}.layer-inspector__hint[data-v-eb0afd5b]{color:var(--textMuted);font-size:.7rem;line-height:1.3;margin:0 0 .5rem}.variables-panel[data-v-eec68bc0]{background:transparent;border-top:1px solid rgba(148,163,184,.15);color:#e2e8f0;display:flex;flex-direction:column;width:100%}.variables-panel__header[data-v-eec68bc0]{align-items:center;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;letter-spacing:.08em;padding:.5rem .75rem;text-transform:uppercase}.variables-panel__add-btn[data-v-eec68bc0]{background:#60a5fa33;border:none;border-radius:3px;color:#93c5fd;cursor:pointer;font-size:.9rem;line-height:1;padding:.15rem .4rem}.variables-panel__add-btn[data-v-eec68bc0]:hover{background:#60a5fa4d}.variables-panel__empty[data-v-eec68bc0]{font-size:.8rem;opacity:.6;padding:.75rem;text-align:center}.variables-panel__list[data-v-eec68bc0]{display:flex;flex-direction:column;gap:.5rem;padding:.25rem .75rem .5rem}.variables-panel__item[data-v-eec68bc0]{background:#0003;border-radius:4px;padding:.5rem}.variables-panel__item-header[data-v-eec68bc0]{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.variables-panel__name-input[data-v-eec68bc0]{background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.3);color:#93c5fd;flex:1 1 auto;font-family:monospace;font-size:.8rem;padding:.15rem 0}.variables-panel__name-input[data-v-eec68bc0]:before{content:"$"}.variables-panel__name-input[data-v-eec68bc0]:focus{border-color:#60a5fa99;outline:none}.variables-panel__delete-btn[data-v-eec68bc0]{background:transparent;border:none;color:#f8727299;cursor:pointer;font-size:.75rem;padding:.1rem .25rem}.variables-panel__delete-btn[data-v-eec68bc0]:hover{color:#f87171}.variables-panel__item-value[data-v-eec68bc0]{align-items:center;display:flex;gap:.5rem}.variables-panel__value-input[data-v-eec68bc0]{background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:3px;color:inherit;font-size:.8rem;padding:.2rem .35rem;text-align:right;width:60px}.variables-panel__value-input[data-v-eec68bc0]:focus{border-color:#60a5fa80;outline:none}.variables-panel__slider[data-v-eec68bc0]{accent-color:#60a5fa;flex:1 1 auto;height:4px}.variables-panel__description[data-v-eec68bc0]{font-size:.7rem;margin-top:.25rem;opacity:.6}.canvas-drawings-list[data-v-971cb9da]{background:var(--surfaceAlt);border-radius:.5rem;color:var(--textPrimary);display:flex;flex-direction:column;height:100%;overflow:hidden}.list-header[data-v-971cb9da]{align-items:center;background:var(--surface);border-bottom:1px solid var(--borderDefault);display:flex;justify-content:space-between;padding:.75rem 1rem}.list-header h3[data-v-971cb9da]{color:var(--textPrimary);font-size:.875rem;font-weight:600;margin:0}.new-btn[data-v-971cb9da]{align-items:center;background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:4px;color:var(--textMuted);cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;transition:all .2s;width:28px}.new-btn[data-v-971cb9da]:hover{background:color-mix(in oklch,var(--accentFill) 15%,var(--surfaceAlt));border-color:var(--accentFill);color:var(--textPrimary)}.drawings-scroll[data-v-971cb9da]{flex:1;overflow-x:hidden;overflow-y:auto}.drawing-item[data-v-971cb9da]{background:var(--surfaceAlt);border-bottom:1px solid var(--borderDefault);cursor:pointer;padding:.75rem 1rem;transition:background .15s}.drawing-item[data-v-971cb9da]:hover{background:color-mix(in oklch,var(--textMuted) 8%,var(--surfaceAlt))}.drawing-item.active[data-v-971cb9da]{background:var(--surface);border-left:3px solid var(--accentFill);padding-left:calc(1rem - 3px)}.drawing-info[data-v-971cb9da]{display:flex;flex-direction:column;gap:.25rem}.drawing-title[data-v-971cb9da]{color:var(--textPrimary);cursor:text;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawing-title.placeholder[data-v-971cb9da]{color:var(--textPrimary);font-family:monospace;font-size:.8rem;font-weight:400}.drawing-title-input[data-v-971cb9da]{background:var(--surface);border:1px solid var(--focusRing);border-radius:3px;color:var(--textPrimary);font-size:.875rem;font-weight:500;outline:none;padding:2px 4px;width:100%}.drawing-title-input.placeholder[data-v-971cb9da]{color:var(--textPrimary);font-family:monospace;font-size:.8rem;font-weight:400}.drawing-meta[data-v-971cb9da]{color:var(--textMuted);font-size:.75rem}.empty-state[data-v-971cb9da]{color:var(--textMuted);padding:2rem 1rem;text-align:center}.empty-state p[data-v-971cb9da]{margin:.5rem 0}.empty-state .hint[data-v-971cb9da]{font-size:.75rem;opacity:.7}.fill-stroke-widget[data-v-4d95eaeb]{align-items:center;background:var(--surface-color,#2a2a2a);border-radius:6px;display:flex;gap:8px;padding:4px}.fill-stroke-widget--compact[data-v-4d95eaeb]{gap:4px;padding:2px}.fill-stroke-widget__swatches[data-v-4d95eaeb]{height:36px;position:relative;width:36px}.fill-stroke-widget--compact .fill-stroke-widget__swatches[data-v-4d95eaeb]{height:28px;width:28px}.fill-stroke-widget__swatch[data-v-4d95eaeb]{background-image:linear-gradient(45deg,grey 25%,transparent 0),linear-gradient(-45deg,grey 25%,transparent 0),linear-gradient(45deg,transparent 75%,grey 0),linear-gradient(-45deg,transparent 75%,grey 0);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;border:2px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:22px;position:absolute;transition:all .15s ease;width:22px}.fill-stroke-widget__swatch[data-v-4d95eaeb]:before{background-color:inherit;border-radius:1px;content:"";inset:0;position:absolute}.fill-stroke-widget--compact .fill-stroke-widget__swatch[data-v-4d95eaeb]{border-width:1.5px;height:18px;width:18px}.fill-stroke-widget__swatch[data-v-4d95eaeb]:hover{transform:scale(1.05)}.fill-stroke-widget__swatch--fill[data-v-4d95eaeb]{left:0;top:0;z-index:1}.fill-stroke-widget__swatch--stroke[data-v-4d95eaeb]{bottom:0;right:0;z-index:0}.fill-stroke-widget__swatch--active[data-v-4d95eaeb]{box-shadow:0 0 0 2px var(--accent-color,#60a5fa),0 2px 4px #0000004d;z-index:2}.fill-stroke-widget__swatch--disabled[data-v-4d95eaeb]{background:repeating-linear-gradient(45deg,#444,#444 2px,#333 0 4px)!important}.fill-stroke-widget__no-stroke[data-v-4d95eaeb]{align-items:center;color:#f44;display:flex;font-size:16px;font-weight:700;inset:0;justify-content:center;position:absolute}.fill-stroke-widget__gradient-indicator[data-v-4d95eaeb]{font-size:10px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.fill-stroke-widget__gradient-indicator[data-v-4d95eaeb],.fill-stroke-widget__opacity-indicator[data-v-4d95eaeb]{align-items:center;color:#fff;display:flex;font-weight:700;inset:0;justify-content:center;position:absolute}.fill-stroke-widget__opacity-indicator[data-v-4d95eaeb]{font-size:8px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.fill-stroke-widget__actions[data-v-4d95eaeb]{display:flex;flex-direction:column;gap:2px}.fill-stroke-widget__action[data-v-4d95eaeb]{align-items:center;background:transparent;border:none;border-radius:2px;color:var(--text-muted,#888);cursor:pointer;display:flex;font-size:10px;font-weight:700;height:14px;justify-content:center;padding:0;transition:all .15s ease;width:18px}.fill-stroke-widget__action[data-v-4d95eaeb]:hover{background:var(--surface-hover,#3a3a3a);color:var(--text-primary,#fff)}.fill-stroke-widget__action--active[data-v-4d95eaeb]{color:var(--accent-color,#60a5fa)}.fill-stroke-widget__swap-icon[data-v-4d95eaeb]{height:12px;width:12px}.fill-stroke-widget__default[data-v-4d95eaeb]{background:transparent;border:none;border-radius:2px;cursor:pointer;padding:2px;transition:background .15s ease}.fill-stroke-widget__default[data-v-4d95eaeb]:hover{background:var(--surface-hover,#3a3a3a)}.fill-stroke-widget__default-preview[data-v-4d95eaeb]{height:16px;position:relative;width:16px}.fill-stroke-widget__default-fill[data-v-4d95eaeb]{background:#fff;border:1px solid #666;height:10px;left:0;position:absolute;top:0;width:10px}.fill-stroke-widget__default-stroke[data-v-4d95eaeb]{background:#000;border:1px solid #666;bottom:0;height:10px;position:absolute;right:0;width:10px}.vector-stage[data-v-0c78cf9b]{display:flex;flex-direction:column;height:100%;overflow:hidden}.vector-stage__toolbar[data-v-0c78cf9b]{align-items:center;background:var(--surface);border-bottom:1px solid var(--borderDefault);display:flex;flex-shrink:0;gap:.5rem;height:48px;padding:.5rem}.vector-stage__main[data-v-0c78cf9b]{display:flex;flex:1 1 auto;overflow:hidden}.vector-stage__sidebar[data-v-0c78cf9b]{background:var(--surface);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:250px}.vector-stage__sidebar--left[data-v-0c78cf9b]{border-right:1px solid var(--borderDefault);padding:.5rem}.vector-stage__sidebar--right[data-v-0c78cf9b]{border-left:1px solid var(--borderDefault)}.vector-stage__sidebar[data-v-0c78cf9b] .layer-panel{background:transparent;flex:1}.toolbar-section[data-v-0c78cf9b]{align-items:center;display:flex;gap:.5rem}.toolbar-title[data-v-0c78cf9b]{flex:1;justify-content:center}.toolbar-group[data-v-0c78cf9b]{align-items:center;background:var(--surfaceAlt);border-radius:6px;display:flex;gap:4px;height:32px;padding:4px}.toolbar-group--title[data-v-0c78cf9b]{flex:1;justify-content:center;max-width:280px;min-width:160px}.toolbar-group--status[data-v-0c78cf9b]{justify-content:flex-end;min-width:80px;padding:4px 8px}.toolbar-group .toolbar-btn[data-v-0c78cf9b]{background:color-mix(in oklch,var(--textMuted) 10%,var(--surface));border:none;border-radius:4px}.toolbar-group .toolbar-btn[data-v-0c78cf9b]:hover:not(:disabled){background:color-mix(in oklch,var(--textMuted) 20%,var(--surface))}.toolbar-group .toolbar-btn.active[data-v-0c78cf9b]{background:var(--accentFill);color:var(--accentOnFill)}.toolbar-btn--zoom[data-v-0c78cf9b]{align-items:center;background:color-mix(in oklch,var(--textMuted) 10%,var(--surface));border:none;border-radius:4px;color:var(--textPrimary);cursor:pointer;display:flex;font-size:.75rem;justify-content:center;min-width:48px;padding:.25rem .5rem;transition:background .2s}.toolbar-btn--zoom[data-v-0c78cf9b]:hover{background:color-mix(in oklch,var(--textMuted) 20%,var(--surface))}.toolbar-btn--zoom .zoom-value[data-v-0c78cf9b]{font-family:monospace;font-weight:500}.toolbar-btn[data-v-0c78cf9b]{align-items:center;background:color-mix(in oklch,var(--textMuted) 8%,var(--surface));border:1px solid var(--borderDefault);border-radius:4px;color:var(--textPrimary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:background .2s}.toolbar-btn[data-v-0c78cf9b]:hover:not(:disabled){background:color-mix(in oklch,var(--textMuted) 15%,var(--surface))}.toolbar-btn[data-v-0c78cf9b]:disabled{cursor:not-allowed;opacity:.5}.toolbar-btn.active[data-v-0c78cf9b]{background:var(--accentFill);border-color:var(--accentFill);color:var(--accentOnFill)}.toolbar-btn .icon[data-v-0c78cf9b]{font-size:1rem}.toolbar-btn--icon-only[data-v-0c78cf9b]{min-width:2.5rem;padding:.5rem}.toolbar-btn--icon-only .icon[data-v-0c78cf9b]{font-size:1.25rem}.toolbar-divider[data-v-0c78cf9b]{background:var(--borderDefault);height:1.5rem;margin:0 .25rem;width:1px}.menu-test-btn[data-v-0c78cf9b]{align-items:center;background:var(--accentFill);border:2px solid var(--accentFill);border-radius:8px;box-shadow:0 2px 8px #0003;color:var(--accentOnFill);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;left:1rem;position:absolute;top:1rem;transition:all .2s;width:3rem;z-index:100}.menu-test-btn[data-v-0c78cf9b]:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);transform:scale(1.05)}.menu-test-btn[data-v-0c78cf9b]:active{transform:scale(.95)}.title-input[data-v-0c78cf9b]{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--textPrimary);font-size:.875rem;padding:.25rem .5rem;text-align:center;width:100%}.title-input[data-v-0c78cf9b]:focus,.title-input[data-v-0c78cf9b]:hover{background:color-mix(in oklch,var(--textMuted) 10%,var(--surface))}.title-input[data-v-0c78cf9b]:focus{border-color:var(--focusRing);outline:none}.title-placeholder[data-v-0c78cf9b]{color:var(--textMuted);font-size:.875rem}.status-indicator[data-v-0c78cf9b]{color:var(--textMuted);font-size:.75rem}.status-indicator--saving[data-v-0c78cf9b]{color:var(--accentFill,#3b82f6)}.status-indicator--pending[data-v-0c78cf9b]{color:var(--warning,#f59e0b)}.status-indicator--unsaved[data-v-0c78cf9b]{color:var(--textMuted);opacity:.7}.vector-stage__canvas-area[data-v-0c78cf9b]{display:flex;flex:1 1 auto;outline:none;position:relative}.vector-stage__canvas-area[data-v-0c78cf9b]:focus{outline:2px solid var(--focusRing);outline-offset:-2px}.vector-stage__host[data-v-0c78cf9b]{background:var(--surface);flex:1 1 auto;position:relative}.vector-canvas[data-v-0c78cf9b]{display:block;height:100%;inset:0;position:absolute;touch-action:none;width:100%}.vector-canvas.grid-layer[data-v-0c78cf9b]{pointer-events:none;z-index:0}.vector-canvas.content[data-v-0c78cf9b]{z-index:1}.vector-canvas.hud[data-v-0c78cf9b]{pointer-events:none;z-index:2}.hidden-file-input[data-v-0c78cf9b]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}