.gradient-editor[data-v-0729ed78]{gap:16px}.control-group[data-v-0729ed78],.gradient-editor[data-v-0729ed78]{display:flex;flex-direction:column}.control-group[data-v-0729ed78]{gap:8px}.control-group>label[data-v-0729ed78]{color:var(--textMuted);font-size:.75rem;font-weight:600;text-transform:uppercase}.button-group[data-v-0729ed78]{display:flex;gap:4px}.button-group button[data-v-0729ed78]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;cursor:pointer;flex:1;font-size:.8rem;padding:8px 12px}.button-group button[data-v-0729ed78]:hover{background:var(--surface)}.button-group button.active[data-v-0729ed78]{background:var(--accentFill,#24aab4);border-color:var(--accentFill,#24aab4);color:#fff}.angle-control[data-v-0729ed78]{align-items:center;display:flex;gap:8px}.angle-control input[type=range][data-v-0729ed78]{-webkit-appearance:none;background:var(--surfaceAlt);border-radius:3px;flex:1;height:6px}.angle-control input[type=range][data-v-0729ed78]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accentFill,#24aab4);border-radius:50%;cursor:pointer;height:14px;width:14px}.angle-input[data-v-0729ed78]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:4px;font-size:.85rem;padding:6px;text-align:center;width:50px}.unit[data-v-0729ed78]{color:var(--textMuted);font-size:.8rem}select[data-v-0729ed78]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;color:var(--textPrimary);font-size:.85rem;padding:8px 12px}.checkbox-label[data-v-0729ed78]{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:8px}.checkbox-label input[data-v-0729ed78]{height:16px;width:16px}.stops-header[data-v-0729ed78]{align-items:center;display:flex;justify-content:space-between}.stops-header label[data-v-0729ed78]{color:var(--textMuted);font-size:.75rem;font-weight:600;text-transform:uppercase}.add-stop-btn[data-v-0729ed78]{background:none;border:1px solid var(--borderDefault);border-radius:4px;cursor:pointer;font-size:.75rem;padding:4px 10px}.add-stop-btn[data-v-0729ed78]:hover{background:var(--surfaceAlt)}.gradient-preview[data-v-0729ed78]{border:1px solid var(--borderDefault);border-radius:6px;height:32px}.stops-list[data-v-0729ed78]{gap:4px}.stop-item[data-v-0729ed78],.stops-list[data-v-0729ed78]{display:flex;flex-direction:column}.stop-item[data-v-0729ed78]{gap:2px}.stop-row[data-v-0729ed78]{gap:6px}.mode-toggle[data-v-0729ed78],.stop-row[data-v-0729ed78]{align-items:center;display:flex}.mode-toggle[data-v-0729ed78]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;padding:0;width:28px}.mode-toggle.is-token[data-v-0729ed78]{background:color-mix(in oklch,var(--accentFill) 15%,var(--surfaceAlt));border-color:var(--accentFill)}.color-input[data-v-0729ed78]{border:1px solid var(--borderDefault);border-radius:4px;cursor:pointer;flex-shrink:0;height:32px;padding:0;width:32px}.token-swatch[data-v-0729ed78]{border:1px solid var(--borderDefault);border-radius:3px;flex-shrink:0;height:20px;width:20px}.token-select[data-v-0729ed78]{flex-shrink:0;font-size:.75rem;padding:4px 6px;width:100px}.position-slider[data-v-0729ed78]{-webkit-appearance:none;background:var(--surfaceAlt);border-radius:3px;flex:1;height:6px;min-width:40px}.position-slider[data-v-0729ed78]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accentFill,#24aab4);border-radius:50%;cursor:pointer;height:12px;width:12px}.position-input[data-v-0729ed78]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:4px;font-size:.8rem;padding:4px;text-align:center;width:36px}.alpha-slider[data-v-0729ed78]{-webkit-appearance:none;background:linear-gradient(to right,transparent,var(--textPrimary));border-radius:3px;height:6px;width:50px}.alpha-slider[data-v-0729ed78]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid var(--borderDefault);border-radius:50%;cursor:pointer;height:10px;width:10px}.remove-stop-btn[data-v-0729ed78]{background:none;border:none;color:var(--textMuted);cursor:pointer;flex-shrink:0;font-size:1.2rem;padding:0 4px}.remove-stop-btn[data-v-0729ed78]:hover{color:#ef4444}.modifier-row[data-v-0729ed78]{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 4px 34px}.mod-control[data-v-0729ed78]{align-items:center;display:flex;gap:3px}.mod-label[data-v-0729ed78]{color:var(--textMuted);font-size:.65rem;font-weight:600;text-align:center;width:10px}.mod-slider[data-v-0729ed78]{-webkit-appearance:none;background:var(--surfaceAlt);border-radius:2px;height:4px;width:50px}.mod-slider[data-v-0729ed78]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accentFill,#24aab4);border-radius:50%;cursor:pointer;height:10px;width:10px}.alpha-mod-slider[data-v-0729ed78]{background:linear-gradient(to right,transparent,var(--textPrimary))}.mod-value[data-v-0729ed78]{color:var(--textMuted);font-size:.65rem;font-variant-numeric:tabular-nums;text-align:right;width:38px}.presets-section[data-v-0729ed78]{display:flex;flex-direction:column;gap:4px}.presets-sublabel[data-v-0729ed78]{color:var(--textMuted);font-size:.65rem;text-transform:uppercase}.presets-grid[data-v-0729ed78]{display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.preset-btn[data-v-0729ed78]{aspect-ratio:1;border:2px solid var(--borderDefault);border-radius:6px;cursor:pointer;position:relative}.preset-btn[data-v-0729ed78]:hover{border-color:var(--accentFill,#24aab4)}.token-preset[data-v-0729ed78]{border-style:dashed}.token-badge[data-v-0729ed78]{font-size:.5rem;line-height:1;position:absolute;right:1px;top:1px}.image-editor[data-v-f025f297]{gap:16px}.control-group[data-v-f025f297],.image-editor[data-v-f025f297]{display:flex;flex-direction:column}.control-group[data-v-f025f297]{gap:8px}.control-group>label[data-v-f025f297]{color:var(--textMuted);font-size:.75rem;font-weight:600;text-transform:uppercase}.image-preview[data-v-f025f297],.image-upload-area[data-v-f025f297]{position:relative}.image-preview[data-v-f025f297]{background-position:50%;background-size:cover;border:1px solid var(--borderDefault);border-radius:8px;height:120px;width:100%}.remove-image-btn[data-v-f025f297]{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.remove-image-btn[data-v-f025f297]:hover{background:#ef4444cc}.upload-placeholder[data-v-f025f297]{align-items:center;border:2px dashed var(--borderDefault);border-radius:8px;color:var(--textMuted);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;gap:8px;height:120px;justify-content:center;width:100%}.upload-placeholder[data-v-f025f297]:hover{background:var(--surfaceAlt);border-color:var(--accentFill,#24aab4)}.upload-icon[data-v-f025f297]{font-size:1.5rem}.upload-progress[data-v-f025f297]{color:var(--textMuted);font-size:.8rem}.upload-error[data-v-f025f297]{color:#ef4444;font-size:.8rem}.button-group[data-v-f025f297]{display:flex;gap:4px}.button-group button[data-v-f025f297]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;cursor:pointer;flex:1;font-size:.8rem;padding:8px 12px}.button-group button[data-v-f025f297]:hover{background:var(--surface)}.button-group button.active[data-v-f025f297]{background:var(--accentFill,#24aab4);border-color:var(--accentFill,#24aab4);color:#fff}.size-controls[data-v-f025f297]{display:flex;flex-direction:column;gap:8px}.size-controls select[data-v-f025f297]{color:var(--textPrimary)}.custom-size input[data-v-f025f297],.size-controls select[data-v-f025f297]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;font-size:.85rem;padding:8px 12px}.custom-size input[data-v-f025f297]{width:100%}.position-grid[data-v-f025f297]{display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.position-grid button[data-v-f025f297]{align-items:center;aspect-ratio:1;background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;cursor:pointer;display:flex;font-size:1rem;justify-content:center}.position-grid button[data-v-f025f297]:hover{background:var(--surface)}.position-grid button.active[data-v-f025f297]{background:var(--accentFill,#24aab4);border-color:var(--accentFill,#24aab4);color:#fff}.wallpaper-editor[data-v-3f5222fb]{gap:16px}.control-group[data-v-3f5222fb],.wallpaper-editor[data-v-3f5222fb]{display:flex;flex-direction:column}.control-group[data-v-3f5222fb]{gap:8px}.control-group>label[data-v-3f5222fb]{color:var(--textMuted);font-size:.75rem;font-weight:600;text-transform:uppercase}.image-upload-area[data-v-3f5222fb]{position:relative}.source-image-preview[data-v-3f5222fb]{align-items:center;background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:8px;display:flex;justify-content:center;max-height:280px;min-height:180px;overflow:hidden;position:relative;width:100%}.source-image-preview.interactive[data-v-3f5222fb]{cursor:default}.source-image-preview.interactive.manual-mode[data-v-3f5222fb]{cursor:crosshair}.source-img[data-v-3f5222fb]{display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.triangle-overlay[data-v-3f5222fb]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.sample-triangle[data-v-3f5222fb]{fill:#24aab440;stroke:#24aab4e6;stroke-width:2;transition:fill .15s,stroke .15s}.sample-triangle.dragging[data-v-3f5222fb]{fill:#24aab466;stroke:#24aab4;stroke-width:3}.triangle-center[data-v-3f5222fb]{fill:#24aab4e6;transition:fill .15s,r .15s}.triangle-center.dragging[data-v-3f5222fb]{fill:#24aab4}.position-readout[data-v-3f5222fb]{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-family:monospace;font-size:.7rem;left:8px;padding:3px 6px;position:absolute}.remove-image-btn[data-v-3f5222fb]{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px;z-index:10}.remove-image-btn[data-v-3f5222fb]:hover{background:#ef4444cc}.upload-placeholder[data-v-3f5222fb]{align-items:center;border:2px dashed var(--borderDefault);border-radius:8px;color:var(--textMuted);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;gap:8px;height:100px;justify-content:center;width:100%}.upload-placeholder[data-v-3f5222fb]:hover{background:var(--surfaceAlt);border-color:var(--accentFill,#24aab4)}.upload-icon[data-v-3f5222fb]{font-size:1.5rem}.upload-status[data-v-3f5222fb]{color:var(--textMuted);font-size:.8rem}.generate-error[data-v-3f5222fb],.upload-error[data-v-3f5222fb]{color:#ef4444;font-size:.8rem}select[data-v-3f5222fb]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;color:var(--textPrimary);font-size:.85rem;padding:8px 12px}.slider-row[data-v-3f5222fb]{align-items:center;display:flex;gap:12px}.slider-row input[type=range][data-v-3f5222fb]{-webkit-appearance:none;background:var(--surfaceAlt);border-radius:3px;flex:1;height:6px}.slider-row input[type=range][data-v-3f5222fb]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accentFill,#24aab4);border-radius:50%;cursor:pointer;height:14px;width:14px}.slider-row .value[data-v-3f5222fb]{color:var(--textMuted);font-size:.8rem;width:50px}.seed-row[data-v-3f5222fb]{display:flex;gap:8px}.seed-input[data-v-3f5222fb]{flex:1;font-family:monospace;font-size:.85rem}.randomize-btn[data-v-3f5222fb],.seed-input[data-v-3f5222fb]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;padding:8px 12px}.randomize-btn[data-v-3f5222fb]{color:var(--textPrimary);cursor:pointer;font-size:.8rem}.randomize-btn[data-v-3f5222fb]:hover{background:var(--surface)}.seed-hint[data-v-3f5222fb]{color:var(--textMuted);font-size:.75rem;opacity:.7}.position-mode-tabs[data-v-3f5222fb]{border:1px solid var(--borderDefault);border-radius:6px;display:flex;gap:0;overflow:hidden}.position-mode-tabs button[data-v-3f5222fb]{background:var(--surfaceAlt);border:none;color:var(--textMuted);cursor:pointer;flex:1;font-size:.85rem;padding:8px 16px;transition:background .15s,color .15s}.position-mode-tabs button[data-v-3f5222fb]:not(:last-child){border-right:1px solid var(--borderDefault)}.position-mode-tabs button[data-v-3f5222fb]:hover{background:var(--surface)}.position-mode-tabs button.active[data-v-3f5222fb]{background:var(--accentFill,#24aab4);color:#fff}.mode-hint[data-v-3f5222fb]{color:var(--textMuted);font-size:.75rem;opacity:.7}.preview-status[data-v-3f5222fb]{font-size:.7rem;font-weight:400;opacity:.7}.no-tile.generating[data-v-3f5222fb]{color:var(--textMuted);font-style:italic}.generation-area[data-v-3f5222fb]{display:flex;flex-direction:column;gap:8px}.generated-preview[data-v-3f5222fb]{background-color:var(--surfaceAlt);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid var(--borderDefault);border-radius:8px;height:80px}.no-tile[data-v-3f5222fb]{align-items:center;border:1px dashed var(--borderDefault);border-radius:8px;color:var(--textMuted);display:flex;font-size:.85rem;height:80px;justify-content:center}.generate-btn[data-v-3f5222fb]{background:var(--accentFill,#24aab4);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px}.generate-btn[data-v-3f5222fb]:hover:not(:disabled){filter:brightness(1.1)}.generate-btn[data-v-3f5222fb]:disabled{cursor:not-allowed;opacity:.5}.tiled-preview[data-v-3f5222fb]{border:1px solid var(--borderDefault);border-radius:8px;height:120px}.pattern-editor-overlay[data-v-a7b49539]{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.pattern-editor[data-v-a7b49539]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90vw}.editor-header[data-v-a7b49539]{align-items:center;border-bottom:1px solid var(--borderDefault);display:flex;justify-content:space-between;padding:16px 20px}.editor-header h2[data-v-a7b49539]{font-size:1.1rem;font-weight:600;margin:0}.close-btn[data-v-a7b49539]{background:none;border:none;border-radius:4px;color:var(--textMuted);cursor:pointer;font-size:1.2rem;padding:4px 8px}.close-btn[data-v-a7b49539]:hover{background:var(--surfaceAlt);color:var(--textPrimary)}.editor-body[data-v-a7b49539]{background:var(--borderDefault);display:grid;flex:1;gap:1px;grid-template-columns:1fr 220px 1fr;overflow:hidden}.layer-editor-section[data-v-a7b49539],.layers-section[data-v-a7b49539],.no-selection[data-v-a7b49539],.preview-section[data-v-a7b49539]{background:var(--surface);overflow-y:auto;padding:16px}.preview-section[data-v-a7b49539]{display:flex;flex-direction:column;gap:12px}.preview-label[data-v-a7b49539]{color:var(--textMuted);font-size:.75rem;font-weight:600;text-transform:uppercase}.preview-panel[data-v-a7b49539]{align-items:center;background-color:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:8px;display:flex;flex:1;justify-content:center;min-height:200px}.preview-content[data-v-a7b49539]{background:var(--surface);border-radius:6px;box-shadow:0 2px 8px #0000001a;padding:20px}.layers-section[data-v-a7b49539]{display:flex;flex-direction:column;gap:12px}.layers-header[data-v-a7b49539]{align-items:center;display:flex;justify-content:space-between}.layers-label[data-v-a7b49539]{color:var(--textMuted);font-size:.75rem;font-weight:600;text-transform:uppercase}.add-layer-dropdown[data-v-a7b49539]{position:relative}.add-layer-btn[data-v-a7b49539]{background:var(--accentFill,#24aab4);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.add-layer-btn[data-v-a7b49539]:hover{filter:brightness(1.1)}.add-menu[data-v-a7b49539]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.add-menu button[data-v-a7b49539]{background:none;border:none;cursor:pointer;display:block;font-size:.85rem;padding:10px 16px;text-align:left;white-space:nowrap;width:100%}.add-menu button[data-v-a7b49539]:hover{background:var(--surfaceAlt)}.layers-list[data-v-a7b49539]{display:flex;flex-direction:column;gap:4px}.layer-item[data-v-a7b49539]{align-items:center;background:var(--surfaceAlt);border:2px solid transparent;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 10px}.layer-item[data-v-a7b49539]:hover{border-color:var(--borderDefault)}.layer-item.selected[data-v-a7b49539]{background:color-mix(in oklab,var(--accentFill,#24aab4) 10%,var(--surface));border-color:var(--accentFill,#24aab4)}.visibility-btn[data-v-a7b49539]{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.8;padding:2px}.visibility-btn.hidden[data-v-a7b49539]{opacity:.4}.layer-type-icon[data-v-a7b49539]{font-size:1rem}.layer-name[data-v-a7b49539]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions[data-v-a7b49539]{display:flex;gap:2px}.layer-actions button[data-v-a7b49539]{background:var(--surface);border:1px solid var(--borderDefault);border-radius:3px;cursor:pointer;font-size:.75rem;padding:2px 6px}.layer-actions button[data-v-a7b49539]:hover:not(:disabled){background:var(--surfaceAlt)}.layer-actions button[data-v-a7b49539]:disabled{cursor:not-allowed;opacity:.3}.layer-actions .delete-btn[data-v-a7b49539]:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.no-layers[data-v-a7b49539]{color:var(--textMuted);font-size:.85rem;padding:20px;text-align:center}.layer-editor-section[data-v-a7b49539]{display:flex;flex-direction:column;gap:16px}.layer-editor-header[data-v-a7b49539]{color:var(--textMuted);font-size:.75rem;font-weight:600;text-transform:uppercase}.common-controls[data-v-a7b49539]{border-bottom:1px solid var(--borderDefault);display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.control-row[data-v-a7b49539]{align-items:center;display:flex;gap:12px}.control-row label[data-v-a7b49539]{color:var(--textMuted);font-size:.8rem;width:80px}.control-row input[type=range][data-v-a7b49539]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surfaceAlt);border-radius:3px;flex:1;height:6px}.control-row input[type=range][data-v-a7b49539]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accentFill,#24aab4);border-radius:50%;cursor:pointer;height:14px;width:14px}.control-row select[data-v-a7b49539]{background:var(--surfaceAlt);border:1px solid var(--borderDefault);border-radius:6px;color:var(--textPrimary);flex:1;font-size:.85rem;padding:6px 10px}.control-row .value[data-v-a7b49539]{color:var(--textMuted);font-size:.8rem;text-align:right;width:40px}.no-selection[data-v-a7b49539]{align-items:center;color:var(--textMuted);display:flex;font-size:.9rem;justify-content:center}.editor-footer[data-v-a7b49539]{border-top:1px solid var(--borderDefault);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cancel-btn[data-v-a7b49539],.save-btn[data-v-a7b49539]{border-radius:6px;cursor:pointer;font-size:.9rem;padding:10px 20px}.cancel-btn[data-v-a7b49539]{background:var(--surfaceAlt);border:1px solid var(--borderDefault)}.cancel-btn[data-v-a7b49539]:hover{background:var(--surface)}.save-btn[data-v-a7b49539]{background:var(--accentFill,#24aab4);border:none;color:#fff;font-weight:600}.save-btn[data-v-a7b49539]:hover:not(:disabled){filter:brightness(1.1)}.save-btn[data-v-a7b49539]:disabled{cursor:not-allowed;opacity:.6}