.overlay[data-v-5a55c10a]{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.palette[data-v-5a55c10a]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:560px;max-width:90vw;box-shadow:var(--shadow-lg);overflow:hidden}.search-row[data-v-5a55c10a]{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-icon[data-v-5a55c10a]{font-size:16px}.search-input[data-v-5a55c10a]{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.hint[data-v-5a55c10a]{font-family:var(--font-code);color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;padding:2px 8px;font-size:11px}.results[data-v-5a55c10a]{max-height:360px;padding:6px;overflow-y:auto}.result-item[data-v-5a55c10a]{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .1s;display:flex}.result-item[data-v-5a55c10a]:hover,.result-item.selected[data-v-5a55c10a]{background:var(--bg-hover)}.cmd-icon[data-v-5a55c10a]{width:28px;height:28px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.cmd-icon[data-v-5a55c10a] svg{width:18px;height:18px}.cmd-info[data-v-5a55c10a]{flex-direction:column;display:flex}.cmd-name[data-v-5a55c10a]{color:var(--text-primary);font-size:14px;font-weight:500}.cmd-name[data-v-5a55c10a] mark{color:var(--color-primary);background:#ff6b0026;border-radius:2px;padding:0 1px}.cmd-cat[data-v-5a55c10a]{color:var(--text-tertiary);font-size:11px}.no-result[data-v-5a55c10a]{text-align:center;color:var(--text-tertiary);padding:24px;font-size:14px}.welcome-overlay[data-v-588251f1]{z-index:1100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-dialog[data-v-588251f1]{background:var(--bg-primary);border-radius:var(--radius-xl);text-align:center;width:90vw;max-width:460px;box-shadow:var(--shadow-lg);padding:40px 36px 32px}.welcome-hero[data-v-588251f1]{margin-bottom:12px;font-size:56px}h2[data-v-588251f1]{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:800}.welcome-sub[data-v-588251f1]{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.welcome-steps[data-v-588251f1]{text-align:left;flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.step[data-v-588251f1]{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;display:flex}.step-num[data-v-588251f1]{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.welcome-quick[data-v-588251f1]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.quick-label[data-v-588251f1]{color:var(--text-tertiary);font-size:13px}.welcome-tip[data-v-588251f1]{color:var(--text-tertiary);margin-bottom:20px;font-size:12px}.welcome-tip kbd[data-v-588251f1]{font-family:var(--font-code);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;padding:1px 6px;font-size:11px}.welcome-cta[data-v-588251f1]{min-width:160px}.hint-wrapper[data-v-21c067d3]{z-index:1050;animation:.4s slideUp-21c067d3;position:fixed;bottom:24px;right:24px}@keyframes slideUp-21c067d3{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pipeline-hint[data-v-21c067d3]{background:var(--bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-lg);max-width:380px;box-shadow:var(--shadow-lg);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.hint-icon[data-v-21c067d3]{flex-shrink:0;font-size:28px}.hint-body[data-v-21c067d3]{flex-direction:column;gap:4px;display:flex}.hint-body strong[data-v-21c067d3]{color:var(--text-primary);font-size:14px}.hint-body span[data-v-21c067d3]{color:var(--text-secondary);font-size:13px;line-height:1.5}.hint-body em[data-v-21c067d3]{color:var(--color-primary);font-style:normal;font-weight:600}.hint-actions[data-v-21c067d3]{flex-shrink:0;align-self:center;gap:6px;display:flex}@media (width<=768px){.hint-wrapper[data-v-21c067d3]{bottom:12px;left:12px;right:12px}.pipeline-hint[data-v-21c067d3]{max-width:none}}.error-banner[data-v-5f01e116]{border-radius:var(--radius-md);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}[data-theme=dark] .error-banner[data-v-5f01e116]{background:#3b1111;border-color:#7f1d1d}.error-banner button[data-v-5f01e116]{border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fca5a5;padding:4px 12px;font-size:12px}[data-theme=dark] .error-banner button[data-v-5f01e116]{background:#1a1a2e;border-color:#7f1d1d}.sidebar-brand[data-v-5f01e116]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 4px 16px;display:flex}.brand-logo-full[data-v-5f01e116]{width:100%;max-width:240px;height:auto}.sidebar-search[data-v-5f01e116]{margin-bottom:12px}.search-wrapper[data-v-5f01e116]{align-items:center;display:flex;position:relative}.search-input[data-v-5f01e116]{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);outline:none;padding:8px 44px 8px 12px;font-size:13px;transition:border-color .2s}.search-input[data-v-5f01e116]:focus{border-color:var(--color-primary)}.search-kbd[data-v-5f01e116]{font-family:var(--font-code);color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-color);pointer-events:none;border-radius:3px;padding:1px 6px;font-size:10px;position:absolute;right:8px}.recent-icons-row[data-v-5f01e116]{gap:6px;padding:0 4px 8px;display:flex}.recent-icon[data-v-5f01e116]{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:center;outline:none;padding:4px 6px;font-family:inherit;font-size:11px;line-height:1.4;transition:all .12s;overflow:hidden}.recent-icon[data-v-5f01e116]:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.recent-icon[data-v-5f01e116]:hover{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.recent-expand[data-v-5f01e116]{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;background:0 0;padding:4px 6px;font-size:11px;transition:all .12s}.recent-expand[data-v-5f01e116]:hover{border-color:var(--color-primary);color:var(--color-primary)}.recent-dropdown[data-v-5f01e116]{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);flex-direction:column;gap:2px;margin-bottom:8px;padding:4px 0;display:flex}.recent-drop-item[data-v-5f01e116]{color:var(--text-secondary);cursor:pointer;border-radius:3px;padding:6px 10px;font-size:12px;transition:all .1s}.recent-drop-item[data-v-5f01e116]:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-section[data-v-5f01e116]{margin-bottom:6px}.sidebar-section-title[data-v-5f01e116]{color:var(--text-tertiary);letter-spacing:.3px;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;outline:none;align-items:center;gap:6px;width:100%;margin-left:2px;padding:10px 6px 6px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s;display:flex}.sidebar-section-title[data-v-5f01e116]:hover{border-left-color:var(--border-color)}.sidebar-section-title[data-v-5f01e116]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cat-icon[data-v-5f01e116]{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.cat-icon[data-v-5f01e116] svg{width:14px;height:14px}.cat-count[data-v-5f01e116]{opacity:.35;margin-left:auto;font-size:10px}.sidebar-divider[data-v-5f01e116]{background:var(--border-light);height:1px;margin:4px 0}.sidebar-item[data-v-5f01e116]{border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;border-left:3px solid #0000;outline:none;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 8px 8px 11px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;transition:all .15s;display:flex}.sidebar-item[data-v-5f01e116]:hover{background:var(--bg-hover);color:var(--text-primary);border-left-color:var(--border-color)}.sidebar-item.active[data-v-5f01e116]{color:var(--color-primary);border-left-color:var(--color-primary);background:#ff6b0014;font-weight:600}.sidebar-item[data-v-5f01e116]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.item-icon[data-v-5f01e116]{width:18px;height:18px;color:inherit;opacity:.65;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.item-icon[data-v-5f01e116] svg{width:15px;height:15px}.sidebar-item:hover .item-icon[data-v-5f01e116]{opacity:.85}.sidebar-item.active .item-icon[data-v-5f01e116]{opacity:1}.item-name[data-v-5f01e116]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-divider-item[data-v-5f01e116]{cursor:default;pointer-events:none;margin-top:4px;padding:4px 8px}.sidebar-divider-item .item-name[data-v-5f01e116]{color:var(--text-tertiary);letter-spacing:1px;font-size:10px;font-weight:500}.sidebar-footer[data-v-5f01e116]{border-top:1px solid var(--border-color);gap:6px;margin-top:16px;padding:12px 0 0;display:flex;position:sticky;bottom:0}.theme-toggle[data-v-5f01e116]{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;flex:1;padding:8px 12px;font-size:13px;transition:all .15s}.theme-toggle.icon-only[data-v-5f01e116]{flex:0;padding:8px;font-size:16px}.theme-toggle[data-v-5f01e116]:hover{background:var(--bg-hover)}.mini-toggle[data-v-5f01e116]{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.mini-toggle[data-v-5f01e116]:hover{border-color:var(--color-primary);color:var(--color-primary)}.app-sidebar.mini[data-v-5f01e116]{width:56px;min-width:56px;padding:16px 8px;overflow:visible}.app-sidebar.mini .brand-logo-full[data-v-5f01e116]{display:none}.app-sidebar.mini .sidebar-brand[data-v-5f01e116]:after{content:"📦";font-size:24px}.app-sidebar.mini .sidebar-search[data-v-5f01e116],.app-sidebar.mini .sidebar-divider[data-v-5f01e116]{display:none}.app-sidebar.mini .sidebar-section-title[data-v-5f01e116],.app-sidebar.mini .item-name[data-v-5f01e116],.app-sidebar.mini .cat-icon[data-v-5f01e116]{opacity:0;max-width:0;transition:opacity .15s,max-width .2s;overflow:hidden}.app-sidebar.mini .sidebar-item[data-v-5f01e116]{justify-content:center;padding:8px;position:relative}.app-sidebar.mini .sidebar-item[data-v-5f01e116]:hover:after{content:attr(data-tooltip);background:var(--text-primary);color:var(--bg-primary);white-space:nowrap;z-index:200;pointer-events:none;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;top:50%;left:60px;transform:translateY(-50%)}.app-sidebar.mini .item-icon[data-v-5f01e116]{width:24px;height:24px}.app-sidebar.mini+.app-main[data-v-5f01e116]{margin-left:56px}.app-sidebar.mini .sidebar-footer[data-v-5f01e116]{flex-direction:column;gap:6px}.hamburger[data-v-5f01e116]{z-index:200;background:var(--bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;border:none;flex-direction:column;gap:4px;padding:8px;display:none;position:fixed;top:12px;left:12px}.hamburger span[data-v-5f01e116]{background:var(--text-primary);border-radius:1px;width:20px;height:2px;display:block}@media (width<=768px){.hamburger[data-v-5f01e116]{display:flex}}@font-face{font-family:Cascadia Code;src:local(Cascadia Code),local(CascadiaCode);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:local(Fira Code),local(FiraCode);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:local(JetBrains Mono),local(JetBrainsMono);font-weight:400;font-style:normal;font-display:swap}:root,[data-theme=light]{--color-primary:#ff6b00;--color-primary-light:#ff8a33;--color-primary-dark:#c50;--color-accent:#8bd8bd;--color-accent-dark:#5ec89d;--color-navy:#1e3a8a;--color-navy-light:#3b5cb8;--color-success:var(--color-accent);--color-info:var(--color-navy);--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-danger-text:#dc2626;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-code-bg:#f1f5f9;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f1f3;--bg-hover:#e9ecef;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-tertiary:#71717a;--border-color:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-width:240px;--header-height:0px}[data-theme=dark]{--color-code-bg:#0c1222;--color-danger-bg:#3b1111;--color-danger-border:#7f1d1d;--color-warning-bg:#5c3d00;--color-warning-border:#8b6914;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#1e3a5f;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#475569;--border-light:#334155;--shadow-sm:0 1px 2px #0000004d, 0 0 0 1px #ffffff08;--shadow-md:0 4px 12px #00000080, 0 0 0 1px #ffffff0a;--shadow-lg:0 12px 32px #000000b3, 0 0 0 1px #ffffff0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;font-feature-settings:"kern" 1, "liga" 1;font-size:16px}body,input,textarea,button,select,.el-input__inner,.el-select-dropdown__item,.el-popper,.el-message,.el-tooltip__content,.el-dialog__body,h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}:root{--font-code:"Cascadia Code", "Fira Code", "JetBrains Mono", "SF Mono", "Consolas", "Liberation Mono", "Courier New", monospace}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app-sidebar,.app-main,.sidebar-section,.sidebar-item,.sidebar-section-title,.tool-card,.scard,.dash-panel,.quick-card,.stat-card,input,textarea,select,button:not(.el-button),.preview-wrap,.controls,.result-card,.code-input,.code-output,.drop-zone,.color-preview,.op-card,.op-card.active{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.app-main>*{animation:.12s pageIn}a{color:var(--color-primary);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;padding:16px 12px;transition:width .2s,transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-main{margin-left:var(--sidebar-width);flex:1;min-width:0;padding:24px 32px}@media (width<=768px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0;padding:16px}.sidebar-overlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}}@media (width>=769px){.sidebar-overlay{display:none}}:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:active:not(:disabled){transition:transform 50ms;transform:scale(.97)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.code-input{width:100%;min-height:120px;color:var(--text-primary);font-family:var(--font-code);resize:vertical;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;border:none;outline:none;font-size:13px;line-height:1.6}.code-output{white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.7;font-family:var(--font-code);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.error-msg{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-top:8px;padding:8px 12px}[data-theme=dark] .error-msg{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.empty-state{color:var(--text-tertiary);text-align:center;padding:40px 0;font-size:14px}.text-mono,code,pre,kbd,textarea.code-input,.code-output{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-code)!important}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}