:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#00b96b;--color-primary-hover:#2ed68a;--color-primary-active:#009d5b;--color-primary-bg:#e6fff4;--color-primary-bg-hover:#b3ffe0;--color-primary-border:#7feeda;--color-primary-text:#00b96b;--color-primary-text-hover:#2ed68a;--color-success:#52c41a;--color-success-bg:#f6ffed;--color-success-border:#b7eb8f;--color-success-text:#52c41a;--color-warning:#faad14;--color-warning-bg:#fffbe6;--color-warning-border:#ffe58f;--color-warning-text:#d48806;--color-error:#ff4d4f;--color-error-bg:#fff2f0;--color-error-border:#ffccc7;--color-error-text:#cf1322;--color-info:#00b96b;--color-info-bg:#e6fff4;--color-info-border:#7feeda;--color-info-text:#00b96b;--color-text:#000000e0;--color-text-secondary:#000000a6;--color-text-tertiary:#00000073;--color-text-quaternary:#00000040;--color-text-inverse:#fff;--color-text-disabled:#00000040;--color-bg:#fff;--color-bg-layout:#f5f5f5;--color-bg-elevated:#fff;--color-bg-container:#fff;--color-bg-spotlight:#000000d9;--color-bg-mask:#00000073;--color-bg-hover:#0000000a;--color-bg-active:#0000000f;--color-bg-subtle:#00000005;--color-bg-muted:#00000008;--color-border:#d9d9d9;--color-border-secondary:#e7e9e8;--color-border-hover:#00b96b;--color-border-disabled:#d9d9d9;--color-border-strong:#b0b0b0;--color-fill:#0000000f;--color-fill-secondary:#0000000f;--color-fill-tertiary:#0000000a;--color-fill-quaternary:#00000005;--color-selected-bg:#0000000f;--color-selected-bg-hover:#0000001a;--toolbar-bg:#fff;--toolbar-border:#f0f0f0;--toolbar-text:#000000e0;--toolbar-text-muted:#00000073;--toolbar-icon:#000000a6;--toolbar-icon-hover:#000000e0;--toolbar-hover-bg:#0000000a;--toolbar-active-bg:#0000000f;--toolbar-active-text:#000000e0;--toolbar-divider:#f0f0f0;--editor-bg:#fff;--editor-text:#000000e0;--editor-border:#d9d9d9;--editor-focus-border:#00b96b;--editor-placeholder:#00000040;--sidebar-bg:#fff;--sidebar-border:#f0f0f0;--sidebar-text:#000000e0;--sidebar-text-muted:#00000073;--sidebar-hover-bg:#0000000a;--sidebar-active-bg:#e6fff4;--sidebar-active-text:#00b96b;--header-bg:#fff;--header-border:#f0f0f0;--header-text:#000000e0;--header-icon:#000000a6;--header-icon-hover:#000000e0;--card-bg:#fff;--card-border:#f0f0f0;--card-shadow:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--modal-bg:#fff;--modal-header-border:#f0f0f0;--modal-footer-border:#f0f0f0;--modal-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--dropdown-bg:#fff;--dropdown-border:#f0f0f0;--dropdown-item-hover-bg:#0000000a;--dropdown-item-active-bg:#e6fff4;--dropdown-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--input-bg:#fff;--input-border:#d9d9d9;--input-hover-border:#00b96b;--input-focus-border:#00b96b;--input-focus-shadow:0 0 0 2px #00b96b1a;--input-placeholder:#00000040;--input-disabled-bg:#0000000a;--code-bg:transparent;--code-border:#e7e9e8;--code-text:#24292f;--code-keyword:#cf222e;--code-string:#0a3069;--code-comment:#6e7781;--code-function:#8250df;--code-number:#0550ae;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--scrollbar-track:transparent;--shadow-xs:0 1px 2px 0 #00000008;--shadow-sm:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--shadow-md:0 3px 6px -4px #0000001f, 0 6px 16px 0 #00000014, 0 9px 28px 8px #0000000d;--shadow-lg:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--shadow-xl:0 10px 28px #0f172a2e;--shadow-2xl:0 16px 40px #0f172a38;--color-accent-teal:#0f766e;--color-accent-teal-hover:#115e59;--color-accent-teal-bg:#0f766e14}
[data-theme=dark]{--color-primary:#4dd497;--color-primary-hover:#7fe4b3;--color-primary-active:#36c888;--color-primary-bg:#0a2e1a;--color-primary-bg-hover:#0f3d24;--color-primary-border:#1a5c37;--color-primary-text:#4dd497;--color-primary-text-hover:#7fe4b3;--color-success:#49aa19;--color-success-bg:#162312;--color-success-border:#274916;--color-success-text:#49aa19;--color-warning:#d89614;--color-warning-bg:#2b1d11;--color-warning-border:#594214;--color-warning-text:#d89614;--color-error:#dc4446;--color-error-bg:#2c1618;--color-error-border:#58181c;--color-error-text:#dc4446;--color-info:#4dd497;--color-info-bg:#0a2e1a;--color-info-border:#1a5c37;--color-info-text:#4dd497;--color-text:#ffffffe0;--color-text-secondary:#ffffffa6;--color-text-tertiary:#ffffff73;--color-text-quaternary:#ffffff40;--color-text-inverse:#000;--color-text-disabled:#ffffff40;--color-bg:#141414;--color-bg-layout:#000;--color-bg-elevated:#1f1f1f;--color-bg-container:#141414;--color-bg-spotlight:#ffffffd9;--color-bg-mask:#000000a6;--color-bg-hover:#ffffff14;--color-bg-active:#ffffff1f;--color-bg-subtle:#ffffff0a;--color-bg-muted:#ffffff0f;--color-border:#424242;--color-border-secondary:#ffffff1f;--color-border-hover:#4dd497;--color-border-disabled:#424242;--color-border-strong:#5a5a5a;--color-fill:#ffffff14;--color-fill-secondary:#ffffff1f;--color-fill-tertiary:#ffffff14;--color-fill-quaternary:#ffffff0a;--color-selected-bg:#ffffff1f;--color-selected-bg-hover:#ffffff29;--toolbar-bg:#1f1f1f;--toolbar-border:#303030;--toolbar-text:#ffffffe0;--toolbar-text-muted:#ffffff73;--toolbar-icon:#ffffffa6;--toolbar-icon-hover:#ffffffe0;--toolbar-hover-bg:#ffffff14;--toolbar-active-bg:#ffffff1f;--toolbar-active-text:#ffffffe0;--toolbar-divider:#303030;--editor-bg:#141414;--editor-text:#ffffffe0;--editor-border:#424242;--editor-focus-border:#4dd497;--editor-placeholder:#ffffff40;--sidebar-bg:#1f1f1f;--sidebar-border:#303030;--sidebar-text:#ffffffe0;--sidebar-text-muted:#ffffff73;--sidebar-hover-bg:#ffffff14;--sidebar-active-bg:#0a2e1a;--sidebar-active-text:#4dd497;--header-bg:#1f1f1f;--header-border:#303030;--header-text:#ffffffe0;--header-icon:#ffffffa6;--header-icon-hover:#ffffffe0;--card-bg:#1f1f1f;--card-border:#303030;--card-shadow:0 1px 2px 0 #0003, 0 1px 6px -1px #0000004d, 0 2px 4px 0 #0003;--modal-bg:#1f1f1f;--modal-header-border:#303030;--modal-footer-border:#303030;--modal-shadow:0 6px 16px 0 #0000004d, 0 3px 6px -4px #0006, 0 9px 28px 8px #0000004d;--dropdown-bg:#1f1f1f;--dropdown-border:#303030;--dropdown-item-hover-bg:#ffffff14;--dropdown-item-active-bg:#0a2e1a;--dropdown-shadow:0 6px 16px 0 #0000004d, 0 3px 6px -4px #0006, 0 9px 28px 8px #0000004d;--input-bg:#141414;--input-border:#424242;--input-hover-border:#4dd497;--input-focus-border:#4dd497;--input-focus-shadow:0 0 0 2px #4dd49733;--input-placeholder:#ffffff40;--input-disabled-bg:#ffffff0a;--code-bg:#2b2b2b;--code-border:#3a3a3a;--code-text:#e6edf3;--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-comment:#8b949e;--code-function:#d2a8ff;--code-number:#79c0ff;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff40;--scrollbar-track:transparent;--shadow-xs:0 1px 2px 0 #0003;--shadow-sm:0 1px 2px 0 #0003, 0 1px 6px -1px #0000004d, 0 2px 4px 0 #0003;--shadow-md:0 3px 6px -4px #0006, 0 6px 16px 0 #0000004d, 0 9px 28px 8px #0000004d;--shadow-lg:0 6px 16px 0 #0000004d, 0 3px 6px -4px #0006, 0 9px 28px 8px #0000004d;--shadow-xl:0 10px 28px #0006;--shadow-2xl:0 16px 40px #00000080;--transition-fast:.1s;--transition-normal:.2s;--transition-slow:.3s;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--color-accent-teal:#2dd4bf;--color-accent-teal-hover:#5eead4;--color-accent-teal-bg:#2dd4bf1f}
:root{--font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--transition-fast:.1s;--transition-normal:.2s;--transition-slow:.3s}
.ant-btn-default{color:var(--color-text)!important;border-color:var(--color-border)!important;background:var(--color-bg-container)!important}.ant-btn-default:hover{color:var(--color-text)!important;border-color:var(--color-border-strong)!important;background:var(--color-bg-hover)!important}.ant-btn-default:active{color:var(--color-text)!important;border-color:var(--color-border-strong)!important;background:var(--color-bg-active)!important}.ant-btn-primary{color:#fff!important;background:#00b96b!important;border-color:#00b96b!important}.ant-btn-primary:hover{color:#fff!important;background:#2ed68a!important;border-color:#2ed68a!important}.ant-btn-primary:active{color:#fff!important;background:#009d5b!important;border-color:#009d5b!important}.ant-btn-dangerous{color:var(--color-error)!important;border-color:var(--color-error)!important}.ant-btn-dangerous:hover{color:var(--color-error)!important;border-color:var(--color-error-border)!important;background:var(--color-error-bg)!important}.ant-btn-link{color:var(--color-primary)!important;border-color:#0000!important}.ant-btn-link:hover{color:var(--color-primary-hover)!important;border-color:#0000!important}.ant-btn-text{color:var(--color-text)!important;border-color:#0000!important}.ant-btn-text:hover{color:var(--color-text)!important;background:var(--color-bg-hover)!important}.ant-dropdown-menu{border:1px solid var(--color-border-secondary)!important;border-radius:6px!important;padding:4px!important}.ant-dropdown-menu-item{border-radius:4px!important;transition:background-color .15s!important}.ant-dropdown-menu-item:hover{background:var(--color-bg-hover)!important}.ant-dropdown-menu-item-selected{background:var(--color-selected-bg)!important;color:var(--color-text)!important}.ant-dropdown-menu-item-selected:hover{background:var(--color-selected-bg-hover)!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text)}.app-container{background:var(--color-bg);flex-direction:column;width:100%;min-height:100vh;display:flex}.output-card{background:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow:visible}.output-card--zen .toolbar{top:0}.output-tab-bar{border-bottom:1px solid var(--color-border);align-items:center;display:flex}.output-tab{cursor:pointer;border:none;padding:8px 20px;font-size:13px;transition:all .15s}.output-tab--active{color:var(--color-primary-text);background:var(--color-primary-bg);border-bottom:2px solid var(--color-primary);font-weight:600}.output-tab--inactive{color:var(--color-text-tertiary);background:0 0;border-bottom:2px solid #0000;font-weight:400}.copy-button{color:var(--color-text-secondary);background:var(--color-bg-hover);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;margin-right:12px;padding:6px 14px;font-size:12px}.output-pre{background:var(--color-bg-layout);max-height:500px;margin:0;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.output-trigger-btn{background:var(--color-bg-container);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;z-index:100;box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px}.output-trigger-btn:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-primary-border)}.output-trigger-btn svg{opacity:.7}.output-trigger-btn:hover svg{opacity:1}.output-modal-overlay{background:var(--color-bg-mask);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.output-modal{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:4px;flex-direction:column;width:720px;max-width:90vw;max-height:80vh;display:flex;overflow:hidden}.output-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.output-modal-header .output-tab-bar{border-bottom:none}.output-modal-actions{align-items:center;gap:8px;padding-right:8px;display:flex}.output-modal-close{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:18px;display:flex}.output-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text)}.skeleton-container{background:var(--color-bg);max-width:750px;box-shadow:none;border-radius:0;margin:0 auto;padding:48px 24px 120px;animation:.4s ease-out skeleton-fade-in}.skeleton-item{background:linear-gradient(90deg, var(--color-fill) 25%, var(--color-fill-secondary) 37%, var(--color-fill) 63%);background-size:400% 100%;border-radius:4px;height:20px;margin-bottom:24px;animation:1.4s infinite skeleton-loading}.skeleton-title{width:60%;height:32px;margin-bottom:48px}.skeleton-text{width:90%}.skeleton-text-short{width:40%}.skeleton-text-mid{width:70%}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0%}}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.editor-init-mask{background:var(--color-bg-mask);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.init-loader{border:3px solid var(--color-fill);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.init-text{color:var(--color-text-secondary);letter-spacing:.05em;font-size:13px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.theme-switcher{background:var(--color-bg-hover);border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-switcher__btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.theme-switcher__btn:hover{background:var(--color-bg-active)}.theme-switcher__btn.is-active{background:var(--color-bg);box-shadow:var(--shadow-xs)}.theme-switcher__icon{font-size:14px;line-height:1}
