html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-panel: #f8f9fa;--border-color: #e9ecef;--border-subtle: #f1f3f4;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--accent: #6366F1;--accent-light: #eef2ff;--accent-hover: #4f46e5;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", monospace;--panel-width: 300px;--toolbar-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.ant-btn-primary{background:var(--accent)!important;border-color:var(--accent)!important}.ant-btn-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.ant-slider .ant-slider-track{background:var(--accent)!important}.ant-slider .ant-slider-handle:after{box-shadow:0 0 0 2px var(--accent)!important}.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent)!important}.ant-tabs .ant-tabs-ink-bar,.ant-switch.ant-switch-checked{background:var(--accent)!important}.ant-select:not(.ant-select-disabled):hover .ant-select-selector,.ant-input:hover,.ant-input-number:hover .ant-input-number-handler-wrap{border-color:var(--accent)!important}.ant-select-focused .ant-select-selector,.ant-input:focus,.ant-input-number-focused{border-color:var(--accent)!important;box-shadow:0 0 0 2px #6366f11a!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-enter-from{transform:translateY(10px);opacity:0}.slide-leave-to{transform:translateY(-10px);opacity:0}@media (max-width: 768px){button,a,.clickable{touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}button,[role=button],input[type=file],select{min-height:44px;min-width:44px}.mobile-panel-body,.panel-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}input,textarea,select{font-size:16px!important}.mobile-bottom-bar{padding-bottom:env(safe-area-inset-bottom,0px)}}.upload-zone[data-v-1c9987ac]{width:100%;max-width:560px;margin:0 auto;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;padding:56px 24px}.upload-page[data-v-1c9987ac]{display:flex;flex-direction:column;gap:32px}.upload-zone[data-v-1c9987ac]:hover,.upload-zone.dragging[data-v-1c9987ac]{border-color:var(--accent);background:var(--accent-light)}.upload-content[data-v-1c9987ac]{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon[data-v-1c9987ac]{display:flex;align-items:center;justify-content:center}.upload-text[data-v-1c9987ac]{text-align:center}.upload-title[data-v-1c9987ac]{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.upload-hint[data-v-1c9987ac]{font-size:13px;color:var(--text-tertiary)}.upload-btn[data-v-1c9987ac]{margin-top:4px}.features-grid[data-v-1c9987ac]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1160px;margin:0 auto;width:100%}.feature-item[data-v-1c9987ac]{display:flex;align-items:flex-start;align-content:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:border-color .2s ease}.feature-item[data-v-1c9987ac]:hover{border-color:var(--accent)}.feature-icon[data-v-1c9987ac]{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm)}.feature-text[data-v-1c9987ac]{min-width:0}.feature-title[data-v-1c9987ac]{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.feature-desc[data-v-1c9987ac]{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin-bottom:0}.sample-section[data-v-1c9987ac]{max-width:480px;margin:0 auto;width:100%}.sample-title[data-v-1c9987ac]{font-size:15px;font-weight:600;color:var(--text-secondary);text-align:center;margin-bottom:16px}.sample-grid[data-v-1c9987ac]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sample-item[data-v-1c9987ac]{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .25s ease}.sample-item[data-v-1c9987ac]:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.sample-item img[data-v-1c9987ac]{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.upload-page[data-v-1c9987ac]{gap:20px}.upload-zone[data-v-1c9987ac]{max-width:100%;padding:32px 16px;border-radius:var(--radius-md)}.upload-title[data-v-1c9987ac]{font-size:14px}.upload-hint[data-v-1c9987ac]{font-size:12px}.features-grid[data-v-1c9987ac]{grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%;padding:0 8px}.feature-item[data-v-1c9987ac]{padding:12px;gap:8px}.feature-icon[data-v-1c9987ac]{width:32px;height:32px}.feature-title[data-v-1c9987ac]{font-size:13px}.feature-desc[data-v-1c9987ac]{font-size:11px}.sample-section[data-v-1c9987ac]{max-width:100%;padding:0 8px}.sample-grid[data-v-1c9987ac]{grid-template-columns:repeat(2,1fr);gap:8px}.sample-item[data-v-1c9987ac]{border-radius:var(--radius-md)}}.canvas-wrapper[data-v-0c444948]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e8e8e4,#e8e8e4 25%,#f7f7f5 0%,#f7f7f5 50%) 0 0 / 20px 20px;border-radius:var(--radius-md);overflow:hidden;box-sizing:border-box;min-height:0;padding:20px}.canvas-container[data-v-0c444948]{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;width:100%;height:100%}.canvas-image-wrapper[data-v-0c444948]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.main-canvas[data-v-0c444948]{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:4px;box-shadow:var(--shadow-md);display:block;object-fit:contain}.canvas-empty[data-v-0c444948]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:24px}.crop-overlay[data-v-0c444948]{position:absolute;pointer-events:none}.mask[data-v-0c444948]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:auto}.mask.top[data-v-0c444948]{bottom:auto}.mask.bottom[data-v-0c444948]{top:auto;height:auto;bottom:0}.mask.left[data-v-0c444948]{right:auto}.mask.right[data-v-0c444948]{left:auto;right:0;width:auto}.crop-rect[data-v-0c444948]{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #00000073;cursor:move;pointer-events:auto;z-index:10}.crop-handle[data-v-0c444948]{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 1px 3px #0003;z-index:20}.crop-handle[data-v-0c444948]:hover{transform:scale(1.2);background:var(--accent)}.tl[data-v-0c444948]{top:-7px;left:-7px;cursor:nwse-resize}.tr[data-v-0c444948]{top:-7px;right:-7px;cursor:nesw-resize}.bl[data-v-0c444948]{bottom:-7px;left:-7px;cursor:nesw-resize}.br[data-v-0c444948]{bottom:-7px;right:-7px;cursor:nwse-resize}.grid-line[data-v-0c444948]{position:absolute;background:#ffffff4d;pointer-events:none}.h1[data-v-0c444948]{top:33.3%;left:0;right:0;height:1px}.h2[data-v-0c444948]{top:66.6%;left:0;right:0;height:1px}.v1[data-v-0c444948]{left:33.3%;top:0;bottom:0;width:1px}.v2[data-v-0c444948]{left:66.6%;top:0;bottom:0;width:1px}@media (max-width: 768px){.canvas-wrapper[data-v-0c444948]{padding:8px;border-radius:var(--radius-sm)}.canvas-empty[data-v-0c444948]{padding:12px}.crop-handle[data-v-0c444948]{width:22px;height:22px}.tl[data-v-0c444948]{top:-11px;left:-11px}.tr[data-v-0c444948]{top:-11px;right:-11px}.bl[data-v-0c444948]{bottom:-11px;left:-11px}.br[data-v-0c444948]{bottom:-11px;right:-11px}}.panel[data-v-dfb2a5b0]{padding:16px}.section[data-v-dfb2a5b0]{display:flex;flex-direction:column;gap:8px}.title[data-v-dfb2a5b0]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.label[data-v-dfb2a5b0]{font-size:13px;color:var(--text-secondary);font-weight:500}.panel[data-v-4b06199c]{padding:16px}.section[data-v-4b06199c]{display:flex;flex-direction:column;gap:8px}.title[data-v-4b06199c]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.label[data-v-4b06199c]{font-size:13px;color:var(--text-secondary);font-weight:500}.panel[data-v-c6ef6242]{padding:16px}.section[data-v-c6ef6242]{display:flex;flex-direction:column;gap:8px}.title[data-v-c6ef6242]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.label[data-v-c6ef6242]{font-size:13px;color:var(--text-secondary);font-weight:500}.percent-section[data-v-c6ef6242]{display:flex;flex-direction:column;gap:6px}.percent-value[data-v-c6ef6242]{text-align:center;font-size:14px;color:var(--accent);font-weight:600;font-family:var(--font-mono)}.panel[data-v-1dda096e]{padding:16px}.section[data-v-1dda096e]{display:flex;flex-direction:column;gap:8px}.title[data-v-1dda096e]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.label[data-v-1dda096e]{font-size:13px;color:var(--text-secondary);font-weight:500}.label-row[data-v-1dda096e]{display:flex;justify-content:space-between;align-items:center}.value[data-v-1dda096e]{font-size:13px;color:var(--accent);font-family:var(--font-mono);font-weight:500}.value.disabled[data-v-1dda096e]{color:var(--text-tertiary)}.quality-tiers[data-v-1dda096e]{display:flex;gap:4px;margin-bottom:2px}.tier[data-v-1dda096e]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:8px;cursor:pointer;background:var(--bg-primary);transition:all .15s ease;border:1.5px solid transparent}.tier.active[data-v-1dda096e]{border-color:var(--accent);background:var(--accent-light)}.tier[data-v-1dda096e]:active{transform:scale(.96)}.tier-dot[data-v-1dda096e]{width:8px;height:8px;border-radius:50%}.tier-dot.low[data-v-1dda096e]{background:#f97316}.tier-dot.mid[data-v-1dda096e]{background:#eab308}.tier-dot.high[data-v-1dda096e]{background:#22c55e}.tier-dot.lossless[data-v-1dda096e]{background:#6366f1}.tier-label[data-v-1dda096e]{font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap}.tier-range[data-v-1dda096e]{font-size:9px;color:var(--text-tertiary);font-family:var(--font-mono)}.size-info[data-v-1dda096e]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);padding:8px 10px;background:var(--bg-primary);border-radius:6px}.size-icon[data-v-1dda096e]{flex-shrink:0;color:var(--text-tertiary)}.size-text[data-v-1dda096e]{flex:1}.size-format[data-v-1dda096e]{font-size:10px;color:var(--accent);background:var(--accent-light);padding:1px 6px;border-radius:4px;font-weight:500}.size-delta[data-v-1dda096e]{color:var(--text-tertiary);font-weight:400;margin-left:2px}.strategy-hint[data-v-1dda096e]{font-size:11px;line-height:1.5}.hint-strategy[data-v-1dda096e]{display:block;padding:6px 8px;border-radius:6px;background:var(--bg-primary);color:var(--text-tertiary)}.tag-denoise[data-v-1dda096e]{border-left:3px solid #f97316}.tag-sharpen[data-v-1dda096e]{border-left:3px solid #6366f1}.tag-light[data-v-1dda096e]{border-left:3px solid #22c55e}.tag-none[data-v-1dda096e]{border-left:3px solid var(--border-color)}.webp-suggestion[data-v-1dda096e]{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#b45309;padding:8px;border-radius:6px;background:#fffbeb;line-height:1.5}.webp-suggestion svg[data-v-1dda096e]{flex-shrink:0;margin-top:1px;color:#f59e0b}.format-option[data-v-1dda096e]{display:flex;justify-content:space-between;align-items:center;width:100%}.format-name[data-v-1dda096e]{font-weight:500;font-size:13px}.format-desc[data-v-1dda096e]{font-size:11px;color:var(--text-tertiary)}.panel[data-v-114479a2]{padding:12px}.reset-row[data-v-114479a2]{display:flex;justify-content:flex-end;margin-bottom:12px}.slider-item[data-v-114479a2]{margin-bottom:16px}.label-row[data-v-114479a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.label[data-v-114479a2]{font-size:12px;color:var(--text-secondary);font-weight:500}.value[data-v-114479a2]{font-size:12px;color:var(--accent);font-family:var(--font-mono)}[data-v-114479a2] .ant-slider{margin:4px 0}.panel[data-v-68a91387]{padding:12px}.section-title[data-v-68a91387]{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.filter-grid[data-v-68a91387]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.filter-card[data-v-68a91387]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;border-radius:var(--radius-sm);padding:4px;border:2px solid transparent;transition:all .15s}.filter-card[data-v-68a91387]:hover{border-color:var(--border-color);background:var(--bg-panel)}.filter-card.active[data-v-68a91387]{border-color:var(--accent);background:var(--accent-light)}.filter-preview[data-v-68a91387]{width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden}.filter-card span[data-v-68a91387]{font-size:11px;color:var(--text-secondary)}.label-row[data-v-68a91387]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.label[data-v-68a91387]{font-size:12px;color:var(--text-secondary);font-weight:500}.value[data-v-68a91387]{font-size:12px;color:var(--accent);font-family:var(--font-mono)}.panel[data-v-52f3d09d]{padding:8px 0}.section[data-v-52f3d09d]{padding:0 4px}.row2[data-v-52f3d09d]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.label[data-v-52f3d09d]{font-size:12px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.color-input[data-v-52f3d09d]{width:100%;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:2px}.upload-mini[data-v-52f3d09d]{border:1.5px dashed var(--border-color);border-radius:var(--radius-sm);padding:12px;text-align:center;cursor:pointer;font-size:12px;color:var(--text-tertiary);transition:all .15s}.upload-mini[data-v-52f3d09d]:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.filename[data-v-52f3d09d]{color:var(--accent);font-weight:500}[data-v-52f3d09d] .ant-collapse-header{font-size:13px;font-weight:600;padding:10px 12px!important}[data-v-52f3d09d] .ant-collapse-content-box{padding:8px 12px 16px!important}[data-v-52f3d09d] .ant-tabs-tab{font-size:12px}.panel[data-v-373d759b]{padding:12px}.upload-area[data-v-373d759b]{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);padding:24px;text-align:center;cursor:pointer;transition:all .15s;margin-bottom:12px}.upload-area[data-v-373d759b]:hover{border-color:var(--accent);background:var(--accent-light)}.upload-icon[data-v-373d759b]{font-size:28px;margin-bottom:6px}.upload-area p[data-v-373d759b]{font-size:13px;color:var(--text-secondary);margin:0}.upload-area .hint[data-v-373d759b]{font-size:11px;color:var(--text-tertiary);margin-top:4px}.file-list[data-v-373d759b]{max-height:200px;overflow-y:auto;margin-bottom:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.list-header[data-v-373d759b]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border-subtle);background:var(--bg-panel)}.file-item[data-v-373d759b]{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;font-size:12px;border-bottom:1px solid var(--border-subtle)}.file-item[data-v-373d759b]:last-child{border-bottom:none}.file-name[data-v-373d759b]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);margin-right:8px}.options[data-v-373d759b]{margin-bottom:12px}.section-title[data-v-373d759b]{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.label[data-v-373d759b]{font-size:12px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.label-row[data-v-373d759b]{display:flex;justify-content:space-between;margin-bottom:2px}.value[data-v-373d759b]{font-size:12px;color:var(--accent);font-family:var(--font-mono)}.app-layout[data-v-27070fa0]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar[data-v-27070fa0]{height:var(--toolbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px;flex-shrink:0;z-index:10}.topbar-left[data-v-27070fa0]{display:flex;align-items:center}.topbar-right[data-v-27070fa0]{display:flex;align-items:center;gap:8px}.topbar-slogan[data-v-27070fa0]{font-size:13px;color:var(--text-tertiary);letter-spacing:1.5px;font-weight:500}.logo[data-v-27070fa0]{display:flex;align-items:center;gap:10px}.logo-text[data-v-27070fa0]{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.main-content[data-v-27070fa0]{display:flex;flex:1;overflow:hidden;background:#f5f5f5}.sidebar[data-v-27070fa0]{width:var(--panel-width);flex-shrink:0;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.panel-scroll[data-v-27070fa0]{flex:1;overflow-y:auto}.canvas-area[data-v-27070fa0]{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:16px;gap:12px}.canvas-area.full[data-v-27070fa0]{justify-content:center}.canvas-top-bar[data-v-27070fa0]{background:var(--bg-secondary);border-radius:16px;padding:8px 16px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color)}.top-bar-content[data-v-27070fa0]{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.canvas-tabs[data-v-27070fa0]{display:flex;gap:4px;background:#f0f0f0;padding:4px;border-radius:12px;flex-wrap:wrap;justify-content:center}.canvas-tab[data-v-27070fa0]{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.canvas-tab[data-v-27070fa0]:hover{color:var(--text-primary)}.canvas-tab.active[data-v-27070fa0]{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 6px #00000014}.tab-icon[data-v-27070fa0]{font-size:16px}.toolbar-divider[data-v-27070fa0]{width:1px;height:24px;background:var(--border-color);margin:0 8px}.canvas-actions[data-v-27070fa0]{display:flex;gap:4px}.action-btn[data-v-27070fa0]{width:40px;height:40px;border:none;background:transparent;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.action-btn[data-v-27070fa0]:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.action-btn[data-v-27070fa0]:disabled{opacity:.35;cursor:not-allowed}.action-icon[data-v-27070fa0]{stroke-linecap:round;stroke-linejoin:round}.canvas-content[data-v-27070fa0]{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.canvas-status-bar[data-v-27070fa0]{background:var(--bg-secondary);border-radius:12px;padding:10px 20px;border:1px solid var(--border-color)}.status-info[data-v-27070fa0]{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.reupload-top-btn[data-v-27070fa0]{display:flex;align-items:center;gap:4px}.status-icon[data-v-27070fa0]{color:var(--text-tertiary);stroke-linecap:round;stroke-linejoin:round}.status-text[data-v-27070fa0]{font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.status-name[data-v-27070fa0]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-divider[data-v-27070fa0]{color:var(--border-color);font-size:14px}.mobile-upload[data-v-27070fa0]{display:none}.mobile-top-action[data-v-27070fa0]{width:40px;height:40px;border:none;background:transparent;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.mobile-top-action[data-v-27070fa0]:active{background:var(--bg-primary);color:var(--text-primary)}.mobile-download-btn[data-v-27070fa0]{color:var(--accent);background:var(--accent-light)}.mobile-download-btn[data-v-27070fa0]:active{background:#dde0ff}.mobile-bottom-bar[data-v-27070fa0],.mobile-panel-overlay[data-v-27070fa0]{display:none}@media (max-width: 768px){.topbar[data-v-27070fa0]{padding:0 12px;height:52px}.topbar-slogan[data-v-27070fa0]{display:none}.logo-text[data-v-27070fa0]{font-size:16px}.sidebar[data-v-27070fa0]{display:none}.main-content[data-v-27070fa0]{flex-direction:column}.canvas-area[data-v-27070fa0]{padding:8px 8px 72px;gap:6px}.canvas-top-bar[data-v-27070fa0]{display:none}.canvas-status-bar[data-v-27070fa0]{padding:6px 12px;border-radius:10px}.status-name[data-v-27070fa0]{max-width:120px}.status-text[data-v-27070fa0]{font-size:11px}.mobile-bottom-bar[data-v-27070fa0]{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:6px 8px;padding-bottom:max(6px,env(safe-area-inset-bottom,6px));align-items:center;gap:2px}.bottom-bar-btn[data-v-27070fa0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;height:52px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--text-secondary);font-size:10px;font-weight:500;padding:4px 6px;transition:all .15s ease;flex-shrink:0}.bottom-bar-btn[data-v-27070fa0]:active{background:var(--bg-primary);color:var(--text-primary)}.bottom-bar-btn[data-v-27070fa0]:disabled{opacity:.3}.bottom-bar-btn.active[data-v-27070fa0]{color:var(--accent);background:var(--accent-light)}.bottom-bar-icon[data-v-27070fa0]{font-size:18px;line-height:1}.bottom-bar-divider-v[data-v-27070fa0]{width:1px;height:28px;background:var(--border-color);margin:0 4px;flex-shrink:0}.bottom-bar-tools[data-v-27070fa0]{display:flex;gap:2px;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bottom-bar-tools[data-v-27070fa0]::-webkit-scrollbar{display:none}.bottom-bar-tools .bottom-bar-btn[data-v-27070fa0]{min-width:52px}.mobile-panel-overlay[data-v-27070fa0]{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;align-items:flex-end;justify-content:center}.mobile-panel-sheet[data-v-27070fa0]{width:100%;max-height:75vh;background:var(--bg-secondary);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 32px #0000001f;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-panel-header[data-v-27070fa0]{display:flex;align-items:center;padding:12px 16px 8px;border-bottom:1px solid var(--border-color);flex-shrink:0}.mobile-panel-handle[data-v-27070fa0]{width:36px;height:4px;background:var(--border-color);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mobile-panel-title[data-v-27070fa0]{flex:1;font-size:15px;font-weight:600;color:var(--text-primary);text-align:center}.mobile-panel-close[data-v-27070fa0]{width:32px;height:32px;border:none;background:var(--bg-primary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.mobile-panel-close[data-v-27070fa0]:active{background:var(--border-color)}.mobile-panel-body[data-v-27070fa0]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.mobile-upload[data-v-27070fa0]{display:block;overflow-y:auto}}.panel-slide-enter-active[data-v-27070fa0]{transition:all .3s cubic-bezier(.4,0,.2,1)}.panel-slide-leave-active[data-v-27070fa0]{transition:all .25s cubic-bezier(.4,0,.2,1)}.panel-slide-enter-from[data-v-27070fa0],.panel-slide-leave-to[data-v-27070fa0]{opacity:0}.panel-slide-enter-from .mobile-panel-sheet[data-v-27070fa0],.panel-slide-leave-to .mobile-panel-sheet[data-v-27070fa0]{transform:translateY(100%)}.panel-slide-enter-to .mobile-panel-sheet[data-v-27070fa0],.panel-slide-leave-from .mobile-panel-sheet[data-v-27070fa0]{transform:translateY(0)}.mobile-panel-sheet[data-v-27070fa0]{transition:transform .3s cubic-bezier(.4,0,.2,1)}