body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--color-primary-7)}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}button{border-radius:8px;border:1px solid var(--border-primary);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .25s ease}button:hover{border-color:var(--color-primary);background-color:var(--bg-tertiary)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card{padding:2em;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-small)}:root{--color-primary: #667eea;--color-primary-hover: #5a67d8;--color-primary-light: rgba(102, 126, 234, .1);--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f5f5f5;--bg-quaternary: #e5e6eb;--bg-quinary: #c9cdd4;--bg-canvas: #ffffff;--bg-hover: rgba(0, 0, 0, .06);--bg-active: rgba(0, 0, 0, .08);--text-primary: #1e1e1e;--text-secondary: #6e6e73;--text-tertiary: #999999;--text-disabled: #c0c0c0;--border-primary: #e5e5e7;--border-secondary: #d0d0d2;--border-tertiary: #f2f3f5;--border-quaternary: #86909c;--border-subtle: rgba(0, 0, 0, .05);--shadow-small: 0 1px 2px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .15);--shadow-large: 0 2px 20px rgba(0, 0, 0, .15);--shadow-floating: 0 2px 8px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .2);--floating-toolbar-surface: rgba(255, 255, 255, .92);--floating-toolbar-border: rgba(15, 23, 42, .1);--floating-toolbar-shadow: 0 16px 32px rgba(15, 23, 42, .18);--floating-toolbar-hint-color: rgba(67, 78, 94, .75);--floating-toolbar-popover-bg: rgba(255, 255, 255, .96);--floating-toolbar-popover-border: rgba(15, 23, 42, .12);--floating-toolbar-popover-shadow: 0 20px 36px rgba(15, 23, 42, .18);--floating-toolbar-popover-text: rgba(17, 24, 39, .8);--floating-toolbar-cancel-bg: rgba(15, 23, 42, .06);--floating-toolbar-cancel-border: rgba(15, 23, 42, .12);--floating-toolbar-cancel-text: rgba(15, 23, 42, .7);--mask: rgba(0, 0, 0, .4);--fill-hover: rgba(0, 0, 0, .04);--color-success: #34c759;--color-warning: #ff9500;--color-error: #ff3b30;--color-info: #007aff;--scrollbar-bg: #f1f1f1;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8;--icon-opacity: 1;--icon-fill-opacity: .3;--artwork-navbar-bg: rgba(255, 255, 255, .78);--artwork-control-bg: rgba(255, 255, 255, .9);--artwork-control-shadow: 0 2px 8px rgba(0, 0, 0, .15);--artwork-info-bg: rgba(0, 0, 0, .15);--artwork-stats-bg: rgba(0, 0, 0, .3);--artwork-stats-text: #ffffff;--artwork-chip-bg: rgba(255, 255, 255, .9);--artwork-chip-shadow: 0 2px 4px rgba(0, 0, 0, .1);--artwork-brand-tick: #ffffff;--artwork-primary-btn-bg: var(--color-primary, #007aff);--artwork-primary-btn-text: var(--button-primary-text, #ffffff);--pricing-plan-basic-bg: #ffffff;--pricing-plan-basic-border: rgba(0, 0, 0, .1);--pricing-plan-basic-period: rgba(0, 0, 0, .45);--pricing-plan-monthly-bg: #faf8ff;--pricing-plan-monthly-border: rgba(124, 58, 237, .1);--pricing-plan-monthly-period: rgba(0, 80, 179, .6);--pricing-plan-yearly-bg: #fffbeb;--pricing-plan-yearly-border: rgba(251, 191, 36, .2);--pricing-plan-yearly-period: rgba(139, 69, 19, .6);--pricing-plan-lifetime-period: rgba(147, 112, 219, .9);--pricing-button-purple: #7c3aed;--pricing-button-purple-hover: #6d28d9;--pricing-button-black: #000000;--pricing-button-black-hover: #1a1a1a;--pricing-bg-primary-alpha: rgba(255, 255, 255, .7);--pricing-loading-bg: rgba(255, 255, 255, .6);--badge-success-bg: rgba(82, 196, 26, .1);--badge-success-text: #52c41a;--badge-purple-bg: rgba(124, 58, 237, .1);--badge-purple-text: #7c3aed;--badge-purple-strong-bg: rgba(124, 58, 237, .15);--badge-gold-bg: rgba(251, 191, 36, .15);--badge-gold-text: #d97706;--badge-lifetime-bg: rgba(147, 112, 219, .1);--badge-lifetime-text: #9370db;--button-primary-bg: linear-gradient(to bottom, #4d8cff, #2d7af7);--button-primary-bg-hover: linear-gradient(to bottom, #5a93ff, #3a84ff);--button-primary-text: #ffffff;--badge-border: #ffffff;--member-badge-basic-bg: var(--bg-tertiary);--member-badge-basic-text: var(--text-secondary);--member-badge-basic-border: var(--border-primary);--member-badge-monthly-bg: linear-gradient(135deg, rgba(22, 93, 255, .1), rgba(22, 93, 255, .2));--member-badge-monthly-text: var(--color-primary);--member-badge-monthly-border: rgba(22, 93, 255, .3);--member-badge-yearly-bg: linear-gradient(135deg, rgba(255, 193, 7, .2), rgba(255, 193, 7, .3));--member-badge-yearly-text: #d48806;--member-badge-yearly-border: rgba(255, 193, 7, .4);--member-badge-infinity-bg: linear-gradient(135deg, rgba(145, 96, 245, .8), rgba(190, 77, 255, .8));--member-badge-infinity-text: #ffffff;--member-badge-infinity-border: rgba(145, 96, 245, .5);--member-badge-special-bg: linear-gradient(135deg, rgba(107, 79, 187, .15), rgba(184, 165, 255, .25));--member-badge-special-text: #6b4fbb;--member-badge-special-border: rgba(107, 79, 187, .3);--canvas-container-bg: #eeeff1;--canvas-container-dot: rgba(0, 0, 0, .08);--canvas-container-glow: rgba(255, 255, 255, .5);--mac-modal-overlay-bg: rgba(0, 0, 0, .4);--mac-modal-bg: rgba(255, 255, 255, .95);--mac-modal-header-bg: #f5f5f5;--mac-modal-header-border: #e5e5e5;--mac-modal-title-color: #666;--mac-modal-input-bg: #ffffff;--mac-modal-input-border: #e0e0e0;--mac-modal-input-border-hover: #d0d0d0;--mac-modal-input-border-focus: #0066ff;--mac-modal-input-focus-shadow: rgba(0, 102, 255, .1);--mac-modal-input-text: #333;--mac-modal-placeholder: #999;--mac-modal-clear-btn-bg: #f0f0f0;--mac-modal-clear-btn-bg-hover: #e0e0e0;--mac-modal-clear-btn-text: #999;--mac-modal-clear-btn-text-hover: #666;--mac-modal-radio-hover-bg: #f5f5f7;--mac-modal-radio-selected-bg: #f0f7ff;--mac-modal-btn-default-bg: #ffffff;--mac-modal-btn-default-border: #d1d1d1;--mac-modal-btn-default-text: #333;--mac-modal-btn-default-hover-bg: #f5f5f5;--mac-modal-btn-default-hover-border: #b4b4b4;--mac-modal-btn-default-active-bg: #ebebeb;--mac-modal-btn-primary-bg: #0066ff;--mac-modal-btn-primary-text: #ffffff;--mac-modal-btn-primary-hover-bg: #0052cc;--mac-modal-btn-primary-active-bg: #004099;--mac-modal-word-limit-color: #999}[data-theme=dark]{--color-primary: #7c8fff;--color-primary-hover: #8a96ff;--color-primary-light: rgba(124, 143, 255, .15);--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-quaternary: #3a3a3a;--bg-quinary: #4a4a4a;--bg-canvas: #0d0d0d;--bg-hover: rgba(255, 255, 255, .08);--bg-active: rgba(255, 255, 255, .12);--text-primary: #ececec;--text-secondary: #a0a0a0;--text-tertiary: #6e6e6e;--text-disabled: #4a4a4a;--border-primary: #2c2c2c;--border-secondary: #3a3a3a;--border-tertiary: #2c2c2c;--border-quaternary: #5a5a5a;--border-subtle: rgba(255, 255, 255, .06);--shadow-small: 0 1px 2px rgba(0, 0, 0, .3);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .4);--shadow-large: 0 2px 20px rgba(0, 0, 0, .5);--shadow-floating: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .4);--floating-toolbar-surface: rgba(32, 33, 38, .92);--floating-toolbar-border: rgba(255, 255, 255, .08);--floating-toolbar-shadow: 0 18px 42px rgba(0, 0, 0, .45);--floating-toolbar-hint-color: rgba(198, 207, 219, .72);--floating-toolbar-popover-bg: rgba(18, 18, 20, .92);--floating-toolbar-popover-border: rgba(255, 255, 255, .08);--floating-toolbar-popover-shadow: 0 20px 36px rgba(0, 0, 0, .6);--floating-toolbar-popover-text: rgba(255, 255, 255, .9);--floating-toolbar-cancel-bg: rgba(255, 255, 255, .12);--floating-toolbar-cancel-border: rgba(255, 255, 255, .2);--floating-toolbar-cancel-text: rgba(255, 255, 255, .85);--mask: rgba(0, 0, 0, .8);--fill-hover: rgba(255, 255, 255, .08);--color-success: #32d74b;--color-warning: #ff9f0a;--color-error: #ff453a;--color-info: #0a84ff;--scrollbar-bg: #2a2a2a;--scrollbar-thumb: #4a4a4a;--scrollbar-thumb-hover: #5a5a5a;--icon-opacity: .9;--icon-fill-opacity: .2;--artwork-navbar-bg: rgba(18, 18, 18, .85);--artwork-control-bg: rgba(30, 30, 30, .92);--artwork-control-shadow: 0 2px 8px rgba(0, 0, 0, .45);--artwork-info-bg: rgba(255, 255, 255, .12);--artwork-stats-bg: rgba(0, 0, 0, .55);--artwork-stats-text: var(--text-primary);--artwork-chip-bg: rgba(26, 26, 26, .9);--artwork-chip-shadow: 0 2px 6px rgba(0, 0, 0, .45);--artwork-brand-tick: var(--text-primary);--artwork-primary-btn-bg: #1c5dff;--artwork-primary-btn-text: #ffffff;--pricing-plan-basic-bg: var(--bg-secondary);--pricing-plan-basic-border: var(--border-primary);--pricing-plan-basic-period: var(--text-tertiary);--pricing-plan-monthly-bg: rgba(124, 58, 237, .1);--pricing-plan-monthly-border: rgba(124, 58, 237, .3);--pricing-plan-monthly-period: rgba(124, 143, 255, .8);--pricing-plan-yearly-bg: rgba(251, 191, 36, .1);--pricing-plan-yearly-border: rgba(251, 191, 36, .3);--pricing-plan-yearly-period: rgba(251, 191, 36, .8);--pricing-plan-lifetime-period: rgba(186, 85, 211, .9);--pricing-button-purple: #8b5cf6;--pricing-button-purple-hover: #7c3aed;--pricing-button-black: #ffbf35;--pricing-button-black-hover: #e9ac29;--pricing-bg-primary-alpha: rgba(18, 18, 18, .8);--pricing-loading-bg: rgba(18, 18, 18, .8);--badge-success-bg: rgba(82, 196, 26, .2);--badge-success-text: #73d13d;--badge-purple-bg: rgba(124, 58, 237, .2);--badge-purple-text: #9d73ff;--badge-purple-strong-bg: rgba(124, 58, 237, .25);--badge-gold-bg: rgba(251, 191, 36, .2);--badge-gold-text: #ffc53d;--badge-lifetime-bg: rgba(186, 85, 211, .2);--badge-lifetime-text: #d3adf7;--button-primary-bg: linear-gradient(to bottom, #165dff, #0e42d2);--button-primary-bg-hover: linear-gradient(to bottom, #4080ff, #165dff);--button-primary-text: #ffffff;--badge-border: #232324;--member-badge-basic-bg: var(--bg-tertiary);--member-badge-basic-text: var(--text-secondary);--member-badge-basic-border: var(--border-primary);--member-badge-monthly-bg: linear-gradient(135deg, rgba(22, 93, 255, .15), rgba(22, 93, 255, .25));--member-badge-monthly-text: var(--color-primary);--member-badge-monthly-border: rgba(22, 93, 255, .4);--member-badge-yearly-bg: linear-gradient(135deg, rgba(255, 193, 7, .25), rgba(255, 193, 7, .35));--member-badge-yearly-text: #ffc53d;--member-badge-yearly-border: rgba(255, 193, 7, .5);--member-badge-infinity-bg: linear-gradient(135deg, rgba(145, 96, 245, .9), rgba(190, 77, 255, .9));--member-badge-infinity-text: #ffffff;--member-badge-infinity-border: rgba(145, 96, 245, .6);--member-badge-special-bg: linear-gradient(135deg, rgba(107, 79, 187, .2), rgba(184, 165, 255, .3));--member-badge-special-text: #b8a5ff;--member-badge-special-border: rgba(107, 79, 187, .4);--dialog-bg: var(--bg-secondary);--dialog-icon-bg: #451a1a;--dialog-icon-text: #f87171;--dialog-btn-secondary-bg: var(--bg-tertiary);--dialog-btn-secondary-text: var(--text-secondary);--dialog-btn-secondary-border: var(--border-secondary);--dialog-btn-secondary-hover-bg: var(--bg-quaternary);--dialog-btn-secondary-hover-text: var(--text-primary);--dialog-btn-secondary-hover-border: var(--border-quaternary);--canvas-container-bg: #1a1a1a;--canvas-container-dot: rgba(255, 255, 255, .06);--canvas-container-glow: rgba(255, 255, 255, .03);--mac-modal-overlay-bg: rgba(0, 0, 0, .6);--mac-modal-bg: rgba(30, 30, 30, .95);--mac-modal-header-bg: #252525;--mac-modal-header-border: #3a3a3a;--mac-modal-title-color: #a0a0a0;--mac-modal-input-bg: #1e1e1e;--mac-modal-input-border: #3a3a3a;--mac-modal-input-border-hover: #4a4a4a;--mac-modal-input-border-focus: #0a84ff;--mac-modal-input-focus-shadow: rgba(10, 132, 255, .2);--mac-modal-input-text: #e0e0e0;--mac-modal-placeholder: #6e6e6e;--mac-modal-clear-btn-bg: #2a2a2a;--mac-modal-clear-btn-bg-hover: #3a3a3a;--mac-modal-clear-btn-text: #6e6e6e;--mac-modal-clear-btn-text-hover: #a0a0a0;--mac-modal-radio-hover-bg: #2a2a2a;--mac-modal-radio-selected-bg: rgba(10, 132, 255, .15);--mac-modal-btn-default-bg: #2a2a2a;--mac-modal-btn-default-border: #4a4a4a;--mac-modal-btn-default-text: #e0e0e0;--mac-modal-btn-default-hover-bg: #3a3a3a;--mac-modal-btn-default-hover-border: #5a5a5a;--mac-modal-btn-default-active-bg: #4a4a4a;--mac-modal-btn-primary-bg: #0a84ff;--mac-modal-btn-primary-text: #ffffff;--mac-modal-btn-primary-hover-bg: #409eff;--mac-modal-btn-primary-active-bg: #0066cc;--mac-modal-word-limit-color: #6e6e6e}.theme-transition,button,.menu-item,.tool-btn,.nav-btn,.menu-panel,.top-bar,.floating-toolbar,.canvas-info,.save-status{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}input,textarea,.no-transition,canvas{transition:none!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-bg);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px;border:2px solid var(--scrollbar-bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--color-primary-light);color:var(--text-primary)}[data-theme=dark] .design-v2-page{background:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px),var(--bg-secondary)!important;background-size:16px 16px!important;background-position:0 0!important}[data-theme=light] .design-v2-page{background:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px),var(--bg-secondary)!important;background-size:16px 16px!important;background-position:0 0!important}.upgrade-notice[data-v-1e5e49cd]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.upgrade-content[data-v-1e5e49cd]{background-color:#fff;padding:20px;border-radius:8px;text-align:center;max-width:400px}.pa-message-container[data-v-c8cdbe8b]{position:fixed;top:30px;left:50%;transform:translate(-50%);z-index:999999;pointer-events:none}.message-list[data-v-c8cdbe8b]{display:flex;flex-direction:column;gap:8px;align-items:center}.pa-message[data-v-c8cdbe8b]{position:relative;display:flex;align-items:center;padding:10px 14px 10px 18px;background:#fffffffa;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:8px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000f,0 4px 16px #00000008;pointer-events:auto;font-size:13px;color:#1f2937;min-width:240px;max-width:360px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.pa-message[data-v-c8cdbe8b]:before{content:"";position:absolute;left:2px;top:6px;bottom:6px;width:3px;border-radius:3px;transition:width .2s ease}.pa-message[data-v-c8cdbe8b]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014,0 8px 24px #0000000d}.pa-message[data-v-c8cdbe8b]:hover:before{width:4px}.pa-message-content[data-v-c8cdbe8b]{flex:1;font-size:13px;line-height:1.5}.pa-message--success[data-v-c8cdbe8b]:before{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 0 8px #10b9814d}.pa-message--success[data-v-c8cdbe8b]{background:#ecfdf5fa;border-color:#10b9811f}.pa-message--success .pa-message-content[data-v-c8cdbe8b]{color:#065f46}.pa-message--error[data-v-c8cdbe8b]:before{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef44444d}.pa-message--error[data-v-c8cdbe8b]{background:#fef2f2fa;border-color:#ef44441f}.pa-message--error .pa-message-content[data-v-c8cdbe8b]{color:#991b1b}.pa-message--warning[data-v-c8cdbe8b]:before{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 0 8px #f59e0b4d}.pa-message--warning[data-v-c8cdbe8b]{background:#fefce8fa;border-color:#f59e0b1f}.pa-message--warning .pa-message-content[data-v-c8cdbe8b]{color:#78350f}.pa-message--info[data-v-c8cdbe8b]:before{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 0 8px #3b82f64d}.pa-message--info[data-v-c8cdbe8b]{background:#eff6fffa;border-color:#3b82f61f}.pa-message--info .pa-message-content[data-v-c8cdbe8b]{color:#1e40af}.message-fade-enter-active[data-v-c8cdbe8b]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.message-fade-leave-active[data-v-c8cdbe8b]{transition:all .25s cubic-bezier(.4,0,1,1)}.message-fade-enter-from[data-v-c8cdbe8b]{opacity:0;transform:translateY(-16px) scale(.95)}.message-fade-leave-to[data-v-c8cdbe8b]{opacity:0;transform:translateY(-8px) scale(.98)}@media (prefers-color-scheme: dark){.pa-message[data-v-c8cdbe8b]{background:#1f2937f2;border-color:#ffffff14;color:#f9fafb;box-shadow:0 2px 8px #0000004d,0 4px 16px #0003}.pa-message[data-v-c8cdbe8b]:hover{box-shadow:0 4px 12px #0006,0 8px 24px #0000004d}.pa-message--success[data-v-c8cdbe8b]{background:#064e3b40;border-color:#10b98126}.pa-message--success .pa-message-content[data-v-c8cdbe8b]{color:#6ee7b7}.pa-message--error[data-v-c8cdbe8b]{background:#7f1d1d40;border-color:#ef444426}.pa-message--error .pa-message-content[data-v-c8cdbe8b]{color:#fca5a5}.pa-message--warning[data-v-c8cdbe8b]{background:#78350f40;border-color:#f59e0b26}.pa-message--warning .pa-message-content[data-v-c8cdbe8b]{color:#fcd34d}.pa-message--info[data-v-c8cdbe8b]{background:#1e3a8a40;border-color:#3b82f626}.pa-message--info .pa-message-content[data-v-c8cdbe8b]{color:#93c5fd}}.test-container[data-v-5c5acaf2]{display:flex;flex-direction:column;gap:20px;height:100vh;background:#f5f5f5;overflow:hidden}.canvas-wrapper[data-v-5c5acaf2]{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 120px);overflow:auto;background:#f0f0f0;border-radius:8px;padding:20px}.pixel-canvas-container[data-v-5c5acaf2]{position:relative;background:#fff;box-shadow:0 0 10px #0000001a;-webkit-user-select:none;user-select:none;line-height:0;font-size:0;touch-action:none;transform-origin:center;transition:transform .2s ease;margin:auto}.canvas-layer[data-v-5c5acaf2]{position:absolute;top:0;left:0;display:block;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.canvas-layer[data-v-5c5acaf2]:first-child{pointer-events:auto}.control-panel[data-v-5c5acaf2]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:12px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;z-index:100}.color-control[data-v-5c5acaf2]{display:flex;align-items:center;gap:12px}.color-picker[data-v-5c5acaf2]{width:40px;height:40px;padding:0;border:none;border-radius:4px;cursor:pointer}.color-picker[data-v-5c5acaf2]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-5c5acaf2]::-webkit-color-swatch{border:none;border-radius:4px}.scale-control[data-v-5c5acaf2]{display:flex;align-items:center;gap:12px}.scale-control input[data-v-5c5acaf2]{width:200px}.lego-canvas[data-v-5c5acaf2]{position:fixed;top:20px;left:20px;width:80px;height:120px;z-index:999;pointer-events:none;background:transparent}