.app-header-nav[data-v-dcf24702]{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.app-header-nav[data-v-dcf24702]::-webkit-scrollbar{display:none}.header-menu[data-v-dcf24702]{min-width:max-content;background:transparent!important}.nav-link[data-v-dcf24702]{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;cursor:pointer}.nav-link--child[data-v-dcf24702]{justify-content:space-between;width:100%}.nav-count[data-v-dcf24702]{font-size:12px;color:var(--st-text-muted, #8c8c8c)}.nav-link--external[data-v-dcf24702]{width:100%}.nav-group-title[data-v-dcf24702]{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.nav-group-title--static[data-v-dcf24702]{cursor:default}[data-v-dcf24702] .ant-menu-horizontal{border-bottom:none!important}[data-v-dcf24702] .ant-menu-submenu-title,[data-v-dcf24702] .ant-menu-item{padding-inline:14px!important}.nav-tools-popup .ant-menu{padding:4px 0;min-width:168px}.nav-tools-popup .ant-menu-item{margin:0!important;width:100%!important;border-radius:0!important}.theme-trigger[data-v-2afdaaf8]{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--st-text-secondary);border-radius:var(--st-radius-sm);margin-left:8px;flex-shrink:0}.theme-trigger[data-v-2afdaaf8]:hover{color:var(--st-primary);background:var(--st-primary-light)}.theme-section[data-v-2afdaaf8]{margin-bottom:28px}.theme-section-title[data-v-2afdaaf8]{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--st-text-primary)}.mode-option[data-v-2afdaaf8]{display:inline-flex;align-items:center;gap:6px}.preset-grid[data-v-2afdaaf8]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.preset-item[data-v-2afdaaf8]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:2px solid var(--st-border);border-radius:var(--st-radius-sm);background:var(--st-bg-surface);cursor:pointer;transition:all .2s}.preset-item[data-v-2afdaaf8]:hover{border-color:var(--st-border-hover)}.preset-item.active[data-v-2afdaaf8]{border-color:var(--st-primary);background:var(--st-primary-light)}.preset-swatch[data-v-2afdaaf8]{width:28px;height:28px;border-radius:50%;box-shadow:var(--st-shadow-sm)}.preset-name[data-v-2afdaaf8]{font-size:12px;color:var(--st-text-secondary)}.custom-color-label[data-v-2afdaaf8]{display:block;font-size:13px;color:var(--st-text-secondary);margin-bottom:8px}.custom-color-row[data-v-2afdaaf8]{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--st-border);border-radius:var(--st-radius-sm);background:var(--st-bg-layout)}.color-input[data-v-2afdaaf8]{width:36px;height:36px;padding:0;border:none;border-radius:8px;cursor:pointer;background:transparent}.color-value[data-v-2afdaaf8]{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--st-text-primary)}.preview-card[data-v-2afdaaf8]{border:1px solid var(--st-border);border-radius:var(--st-radius-md);overflow:hidden;background:var(--st-bg-surface)}.preview-bar[data-v-2afdaaf8]{height:4px;background:var(--st-gradient-brand)}.preview-body[data-v-2afdaaf8]{display:flex;gap:8px;padding:16px}.app-shell[data-v-0881dfba]{height:100vh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.app-layout[data-v-0881dfba]{flex:1;display:flex;flex-direction:column;min-height:0}.layout-content[data-v-0881dfba]{flex:1;display:flex;flex-direction:column;min-height:0;padding:64px 50px 0;overflow-x:hidden;overflow-y:auto}.layout-content--tool[data-v-0881dfba]{overflow:hidden}.page-content[data-v-0881dfba]{background:var(--st-bg-surface);padding:24px;min-height:calc(100vh - 184px);border-radius:var(--st-radius-md) var(--st-radius-md) 0 0;box-shadow:var(--st-shadow-sm)}.page-content--tool[data-v-0881dfba]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px 20px 16px;min-height:unset}.page-content--home[data-v-0881dfba]{padding:0;overflow:visible;min-height:unset;flex-shrink:0;border-radius:var(--st-radius-md) var(--st-radius-md) 0 0}.menu-bg[data-v-0881dfba]{position:fixed;top:0;left:0;right:0;z-index:99;width:100%;box-sizing:border-box;border-block-end:1px solid var(--st-header-border);-webkit-backdrop-filter:var(--st-header-backdrop-filter);backdrop-filter:var(--st-header-backdrop-filter);background-color:var(--st-bg-header)!important;display:flex;align-items:center;padding:0 50px;height:64px;line-height:normal}.header-actions[data-v-0881dfba]{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.header-search[data-v-0881dfba]{display:flex;align-items:center;flex-shrink:0;transform:translateY(2px)}.header-search-box[data-v-0881dfba]{box-sizing:border-box;width:300px;height:42px;flex-shrink:0;overflow:hidden;background:#ffffff52;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.42);border-radius:21px;box-shadow:inset 0 1px #ffffffad,0 1px 3px #0f172a0d;transition:border-color .2s,background .2s,box-shadow .2s}.header-search-box[data-v-0881dfba]:focus-within{background:#ffffff94;border-color:color-mix(in srgb,var(--st-primary) 38%,rgba(255,255,255,.55));box-shadow:inset 0 1px #ffffffd1,0 2px 8px color-mix(in srgb,var(--st-primary) 10%,transparent)}.header-search-box[data-v-0881dfba]:hover{background:#ffffff7a;border-color:#ffffff94;box-shadow:inset 0 1px #ffffffbf,0 2px 6px #0f172a0f}.header-search-input[data-v-0881dfba]{display:block;width:100%;height:42px}.header-search-input.ant-input-affix-wrapper[data-v-0881dfba],.header-search-box[data-v-0881dfba] .ant-input-affix-wrapper{width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;align-items:center!important;padding:0 10px 0 14px!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;border-radius:0!important}.header-search-input.ant-input-affix-wrapper[data-v-0881dfba]:focus,.header-search-input.ant-input-affix-wrapper[data-v-0881dfba]:focus-within,.header-search-input.ant-input-affix-wrapper-focused[data-v-0881dfba],.header-search-box[data-v-0881dfba] .ant-input-affix-wrapper:focus,.header-search-box[data-v-0881dfba] .ant-input-affix-wrapper:focus-within,.header-search-box[data-v-0881dfba] .ant-input-affix-wrapper-focused{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.app-footer[data-v-0881dfba]{text-align:center;color:var(--st-text-muted);background:var(--st-bg-layout);flex-shrink:0}[data-v-0881dfba] .app-breadcrumb{flex-shrink:0}.logo[data-v-0881dfba]{line-height:64px;background:transparent!important;margin-right:12px;display:flex;align-items:center}.menu-bg[data-v-0881dfba] .ant-menu{background-color:transparent!important;flex:1;min-width:0}.site-layout .site-layout-background[data-v-0881dfba]{background:transparent}.header-search-input[data-v-0881dfba] .ant-input-affix-wrapper-prefix{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;margin:0 8px 0 0!important;padding:0!important}.search-icon[data-v-0881dfba]{color:color-mix(in srgb,var(--st-primary) 72%,var(--st-text-muted));font-size:15px;line-height:1;transition:color .3s}.header-search-box:hover .search-icon[data-v-0881dfba],.header-search-box:focus-within .search-icon[data-v-0881dfba]{color:var(--st-primary)}.header-search-input[data-v-0881dfba] .ant-input{flex:1;min-width:0;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;color:var(--st-text-primary);border:none!important;outline:none!important;box-shadow:none!important;font-size:14px;line-height:1.5!important}.header-search-input[data-v-0881dfba] .ant-input:focus,.header-search-input[data-v-0881dfba] .ant-input:focus-visible{outline:none!important;box-shadow:none!important}.header-search-input[data-v-0881dfba] .ant-input::placeholder{color:var(--st-text-muted);font-size:13px}.header-search-input[data-v-0881dfba] .ant-input-suffix{display:flex!important;align-items:center!important;flex:none!important;margin:0!important;padding:0 4px 0 0!important}.header-search-input[data-v-0881dfba] .ant-input-clear-icon{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;margin:0!important;padding:0!important;color:var(--st-text-muted);font-size:13px;cursor:pointer;z-index:2}.header-search-input[data-v-0881dfba] .ant-input-clear-icon:hover{color:var(--st-text-secondary)}[data-theme=dark] .menu-bg[data-v-0881dfba]{background-color:var(--st-bg-header)!important;border-block-end-color:var(--st-header-border)}[data-theme=dark] .header-search-box[data-v-0881dfba]{background:#1e293b8c;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f,0 1px 3px #0000002e}[data-theme=dark] .header-search-box[data-v-0881dfba]:hover{background:#1e293bad;border-color:#ffffff24}[data-theme=dark] .header-search-box[data-v-0881dfba]:focus-within{background:#1e293bc7;border-color:color-mix(in srgb,var(--st-primary) 42%,rgba(255,255,255,.12));box-shadow:inset 0 1px #ffffff14,0 2px 10px color-mix(in srgb,var(--st-primary) 14%,transparent)}@media (max-width: 768px){.menu-bg[data-v-0881dfba]{flex-wrap:wrap;padding:8px 20px;height:auto;min-height:64px;align-items:flex-start}.logo[data-v-0881dfba]{line-height:48px}.header-actions[data-v-0881dfba]{width:100%;margin-left:0;margin-top:8px;justify-content:center;flex-wrap:wrap}.header-search[data-v-0881dfba]{width:100%;justify-content:center}.header-search-box[data-v-0881dfba]{width:100%;max-width:400px}}@media (max-width: 480px){.header-search-box[data-v-0881dfba]{height:42px;border-radius:21px}.header-search-input.ant-input-affix-wrapper[data-v-0881dfba],.header-search-box[data-v-0881dfba] .ant-input-affix-wrapper{height:42px!important;min-height:42px!important;max-height:42px!important}}:root,[data-theme=light]{color-scheme:light;--st-primary: #667eea;--st-primary-dark: #764ba2;--st-primary-light: #eef2ff;--st-primary-muted: #f0f4ff;--st-accent: #5b86e5;--st-success: #10b981;--st-warning: #f59e0b;--st-error: #ef4444;--st-text-primary: #1e293b;--st-text-secondary: #64748b;--st-text-muted: #94a3b8;--st-bg-layout: #f8fafc;--st-bg-page: #f0f4ff;--st-bg-surface: #ffffff;--st-bg-header: rgba(255, 255, 255, .42);--st-header-border: rgba(5, 5, 5, .06);--st-header-backdrop-filter: saturate(180%) blur(20px);--st-border: #eef2f7;--st-border-hover: #c7d2fe;--st-shell-gradient-height: 520px;--st-gradient-shell: linear-gradient( 180deg, rgba(102, 126, 234, .38) 0%, rgba(102, 126, 234, .22) 140px, rgba(118, 75, 162, .12) 300px, rgba(248, 250, 252, .6) 460px, transparent 520px );--st-atmosphere-1: rgba(102, 126, 234, .55);--st-atmosphere-2: rgba(118, 75, 162, .45);--st-atmosphere-3: rgba(91, 134, 229, .38);--st-gradient-atmosphere-band: linear-gradient( 135deg, rgba(102, 126, 234, .42) 0%, rgba(118, 75, 162, .32) 45%, rgba(91, 134, 229, .18) 100% );--st-gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--st-gradient-brand-soft: linear-gradient( 135deg, rgba(102, 126, 234, .12) 0%, rgba(118, 75, 162, .08) 100% );--st-gradient-page: linear-gradient(180deg, #f0f4ff 0%, #f8fafc 32%, #f8fafc 100%);--st-gradient-hero-mesh: radial-gradient(ellipse 70% 80% at 0% 0%, rgba(102, 126, 234, .18) 0%, transparent 55%), radial-gradient(ellipse 60% 70% at 100% 100%, rgba(118, 75, 162, .14) 0%, transparent 50%), radial-gradient(ellipse 40% 50% at 80% 20%, rgba(91, 134, 229, .1) 0%, transparent 45%);--st-shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--st-shadow-md: 0 8px 24px rgba(102, 126, 234, .1);--st-shadow-hero: 0 4px 24px rgba(102, 126, 234, .08);--st-shadow-card-hover: 0 12px 32px rgba(102, 126, 234, .12);--st-radius-sm: 8px;--st-radius-md: 12px;--st-radius-lg: 16px;--st-radius-xl: 20px;--st-tool-content-padding-x: 24px;--st-tool-content-padding-y: 20px;--st-tool-content-padding-bottom: 32px}[data-theme=dark]{color-scheme:dark;--st-text-primary: #e2e8f0;--st-text-secondary: #94a3b8;--st-text-muted: #64748b;--st-bg-layout: #0f172a;--st-bg-page: #1e293b;--st-bg-surface: #1e293b;--st-bg-header: rgba(15, 23, 42, .42);--st-header-border: rgba(255, 255, 255, .06);--st-header-backdrop-filter: saturate(180%) blur(20px);--st-shell-gradient-height: 520px;--st-gradient-shell: linear-gradient( 180deg, rgba(102, 126, 234, .32) 0%, rgba(118, 75, 162, .18) 160px, rgba(15, 23, 42, .85) 420px, transparent 520px );--st-shadow-sm: 0 2px 8px rgba(0, 0, 0, .25)}.app-shell{position:relative;min-height:100vh;background:var(--st-bg-layout)}.app-shell:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--st-shell-gradient-height, 520px);background:var(--st-gradient-shell);z-index:0;pointer-events:none}.app-layout{position:relative;z-index:1;background:transparent!important}.layout-content{background:transparent}*,*:before,*:after{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--st-text-primary);background-color:var(--st-bg-layout)}#app{width:100%;min-height:100vh;text-align:left}.st-tool-root{box-sizing:border-box;width:100%;height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible}.st-tool-root.st-tool-scroll{overflow-x:clip;overflow-y:visible}.st-scrollbar{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--st-primary) 22%,#cbd5e1) transparent}.st-scrollbar::-webkit-scrollbar{width:6px;height:6px}.st-scrollbar::-webkit-scrollbar-track{background:transparent}.st-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--st-primary) 14%,#cbd5e1);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.st-scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--st-primary) 28%,#94a3b8)}.st-scrollbar::-webkit-scrollbar-corner{background:transparent}.st-scrollbar--content{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.1) transparent}.st-scrollbar--content::-webkit-scrollbar{width:5px}.st-scrollbar--content::-webkit-scrollbar-thumb{background:#0f172a14;border:1px solid transparent}.st-scrollbar--content::-webkit-scrollbar-thumb:hover{background:#0f172a2e}.tool-content__body>.tool-panel>h2:first-child,.tool-content__body>[class*=-demo]>h2:first-child{display:none}.tool-content__body>.tool-panel>h2:first-child+p,.tool-content__body>[class*=-demo]>h2:first-child+p{display:none}.tool-content__body .tool-panel{display:flex;flex-direction:column;min-height:0;height:auto;overflow:visible;padding:0;box-sizing:border-box}.tool-content__body .tool-panel .main-card,.tool-content__body [class*=-demo] .main-card{margin-bottom:16px}.tool-content__body .tool-panel .tool-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tool-content__body .tool-panel .tool-output{margin-top:12px}.tool-content__body .explain{margin-top:20px;padding:12px 16px;border-radius:var(--st-radius-sm, 8px);background:var(--st-primary-muted, #f0f4ff);border-left:3px solid var(--st-primary, #667eea);color:var(--st-text-secondary, #64748b);font-size:13px;line-height:1.65}.tool-content__body .explain p{margin:0}.tool-content__body .explain code{background:#0000000f;padding:1px 6px;border-radius:4px;font-size:12px}.tool-content__body .section-title{margin:0 0 12px;padding-left:10px;border-left:3px solid var(--st-primary, #667eea);font-size:15px;font-weight:600;line-height:1.4;color:var(--st-text-primary, #1e293b)}.tool-content__body .ant-card{border-radius:var(--st-radius-sm, 8px);border-color:var(--st-border, #eef2f8)}.tool-content__body .ant-card+.ant-card,.tool-content__body .main-card+.main-card{margin-top:0}.chart-tool-page{width:100%;box-sizing:border-box}.chart-tool-page__canvas{width:100%;height:clamp(360px,50vh,480px);border:1px solid var(--st-border, #eef2f8);border-radius:var(--st-radius-sm, 8px);background:var(--st-bg-surface, #fff)}.chart-tool-page--map .map-canvas{border:1px solid var(--st-border, #eef2f8);border-radius:var(--st-radius-sm, 8px);background:var(--st-bg-surface, #fff)}.tool-content__body>.json-formatter-demo,.tool-content__body>.markdown-preview-demo,.tool-content__body>.base64-demo,.tool-content__body>.regex-tester-demo,.tool-content__body>.qr-generator-demo,.tool-content__body>.css-animation-demo,.tool-content__body>.font-effects-demo,.tool-content__body>.three-d-demo,.tool-content__body>.frosted-glass-demo,.tool-content__body>.gradient-demo-page,.tool-content__body>.color-tool,.tool-content__body>.color-tool-container,.tool-content__body>.waterfall-container,.tool-content__body>.tool-panel{height:auto!important;min-height:0;max-height:none!important;box-sizing:border-box;overflow-x:clip;overflow-y:visible!important}.tool-content__body>.gradient-demo-page.st-tool-scroll,.tool-content__body>.st-tool-root.st-tool-scroll{overflow-x:clip;overflow-y:visible!important}.tool-content__body .converter-tab{height:auto!important;min-height:0!important}.tool-content__body .scheme-generator,.tool-content__body .color-details{padding-bottom:16px;box-sizing:border-box}.tool-content__viewport:has(.color-tool--split-scroll){overflow-y:hidden}.tool-content__inner:has(.color-tool--split-scroll){height:100%;min-height:0;box-sizing:border-box}.tool-content__body:has(>.color-tool--split-scroll){flex:1 1 0;min-height:0;overflow:hidden}.tool-content__body>.color-tool.color-tool--split-scroll{flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow:hidden!important;overflow-y:hidden!important;padding:0!important}.color-tool--split-scroll .scheme-generator.st-scrollbar,.color-tool--split-scroll .color-details.st-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.05) transparent}.color-tool--split-scroll .scheme-generator.st-scrollbar::-webkit-scrollbar,.color-tool--split-scroll .color-details.st-scrollbar::-webkit-scrollbar{width:4px;height:4px}.color-tool--split-scroll .scheme-generator.st-scrollbar::-webkit-scrollbar-thumb,.color-tool--split-scroll .color-details.st-scrollbar::-webkit-scrollbar-thumb{background:#0f172a0f;border-radius:999px;border:1px solid transparent;background-clip:padding-box}.color-tool--split-scroll .scheme-generator.st-scrollbar::-webkit-scrollbar-thumb:hover,.color-tool--split-scroll .color-details.st-scrollbar::-webkit-scrollbar-thumb:hover{background:#0f172a1f}@media (max-width: 1024px){.tool-content__viewport:has(.color-tool--split-scroll),.tool-content__inner:has(.color-tool--split-scroll){height:auto;min-height:0;overflow:visible}.tool-content__viewport:has(.color-tool--split-scroll){overflow-y:auto}.tool-content__body>.color-tool.color-tool--split-scroll{flex:none!important;overflow:visible!important}.color-tool--split-scroll .scheme-generator,.color-tool--split-scroll .color-details{max-height:none;overflow-y:visible}}.tool-content__body>.json-formatter-demo,.tool-content__body>.markdown-preview-demo,.tool-content__body>.base64-demo,.tool-content__body>.regex-tester-demo,.tool-content__body>.qr-generator-demo,.tool-content__body>.css-animation-demo,.tool-content__body>.font-effects-demo,.tool-content__body>.three-d-demo,.tool-content__body>.frosted-glass-demo,.tool-content__body>.gradient-demo-page,.tool-content__body>.color-tool,.tool-content__body>.color-tool-container,.tool-content__body>.waterfall-container,.tool-content__body>.tool-panel{padding:0!important}.tool-content__body>.st-tool-root,.tool-content__body>.more-charts-demo{min-height:0}.tool-content__body .more-charts-demo{border:1px solid var(--st-border, #eef2f8);border-radius:var(--st-radius-sm, 8px);overflow:hidden}[data-theme=dark] .st-scrollbar{scrollbar-color:color-mix(in srgb,var(--st-primary) 32%,#475569) transparent}[data-theme=dark] .st-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--st-primary) 22%,#475569)}[data-theme=dark] .st-scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--st-primary) 38%,#64748b)}[data-theme=dark] .st-scrollbar--content{scrollbar-color:rgba(148,163,184,.14) transparent}[data-theme=dark] .st-scrollbar--content::-webkit-scrollbar-thumb{background:#94a3b81f}[data-theme=dark] .st-scrollbar--content::-webkit-scrollbar-thumb:hover{background:#94a3b842}[data-theme=dark] .color-tool--split-scroll .scheme-generator.st-scrollbar,[data-theme=dark] .color-tool--split-scroll .color-details.st-scrollbar{scrollbar-color:rgba(148,163,184,.07) transparent}[data-theme=dark] .color-tool--split-scroll .scheme-generator.st-scrollbar::-webkit-scrollbar-thumb,[data-theme=dark] .color-tool--split-scroll .color-details.st-scrollbar::-webkit-scrollbar-thumb{background:#94a3b812}[data-theme=dark] .color-tool--split-scroll .scheme-generator.st-scrollbar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .color-tool--split-scroll .color-details.st-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b824}[data-theme=dark] .tool-content__body .explain code{background:#ffffff14}[data-theme=dark] .chart-tool-page__canvas{background:var(--st-bg-surface, #1e293b);border-color:var(--st-border, #334155)}