@charset "UTF-8";.dark-theme{--bg-deep: #0a0e14;--bg-surface: #131920;--bg-elevated: #1a222c;--bg-card: rgba(26, 34, 44, .7);--accent-primary: #00d4aa;--accent-primary-dim: rgba(0, 212, 170, .15);--accent-primary-glow: rgba(0, 212, 170, .4);--accent-warm: #f59e0b;--accent-warm-dim: rgba(245, 158, 11, .15);--text-primary: #f0f4f8;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(148, 163, 184, .12);--border-active: rgba(0, 212, 170, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--glow-primary: 0 0 40px rgba(0, 212, 170, .15);--glow-warm: 0 0 40px rgba(245, 158, 11, .15);--grid-color: rgba(0, 212, 170, .03)}.light-theme{--bg-deep: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-card: rgba(255, 255, 255, .9);--accent-primary: #0d9488;--accent-primary-dim: rgba(13, 148, 136, .1);--accent-primary-glow: rgba(13, 148, 136, .3);--accent-warm: #d97706;--accent-warm-dim: rgba(217, 119, 6, .1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-subtle: rgba(15, 23, 42, .08);--border-active: rgba(13, 148, 136, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .1);--glow-primary: 0 0 40px rgba(13, 148, 136, .1);--glow-warm: 0 0 40px rgba(217, 119, 6, .1);--grid-color: rgba(13, 148, 136, .03)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.02em}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:-1;transition:background-image .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary-dim);color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.light-theme .el-button--primary{--el-button-bg-color: var(--accent-primary);--el-button-border-color: var(--accent-primary);--el-button-text-color: #fff;--el-button-hover-bg-color: #0f766e;--el-button-hover-border-color: #0f766e}.light-theme .el-button--default{--el-button-bg-color: #fff;--el-button-border-color: var(--border-subtle);--el-button-text-color: var(--text-secondary);--el-button-hover-bg-color: var(--bg-elevated);--el-button-hover-border-color: var(--text-muted)}.light-theme .el-input{--el-input-bg-color: #fff;--el-input-border-color: var(--border-subtle);--el-input-text-color: var(--text-primary);--el-input-placeholder-color: var(--text-muted)}.light-theme .el-input__wrapper{background-color:#fff;box-shadow:none;border:1px solid var(--border-subtle);border-radius:10px}.light-theme .el-input__wrapper:hover{border-color:var(--text-muted)}.light-theme .el-input__wrapper.is-focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-dim)}.light-theme .el-select-dropdown{background-color:#fff;border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.light-theme .el-select-dropdown__item{color:var(--text-secondary)}.light-theme .el-select-dropdown__item:hover{background-color:var(--bg-elevated)}.light-theme .el-select-dropdown__item.selected{color:var(--accent-primary);background-color:var(--accent-primary-dim)}.light-theme .el-card{--el-card-bg-color: #fff;--el-card-border-color: var(--border-subtle)}.light-theme .el-message{background-color:#fff!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-lg)!important}.light-theme .el-drawer{background-color:#fff!important}.light-theme .el-dialog{background-color:#fff;border:1px solid var(--border-subtle)}.light-theme .el-dropdown-menu{background-color:#fff;border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.light-theme .el-dropdown-menu__item{color:var(--text-secondary)}.light-theme .el-dropdown-menu__item:hover{background-color:var(--bg-elevated)}.light-theme .el-menu{background-color:transparent;border:none}.light-theme .el-menu-item{color:var(--text-secondary)}.light-theme .el-menu-item:hover{background-color:var(--bg-elevated)}.light-theme .el-menu-item.is-active{color:var(--accent-primary);background-color:var(--accent-primary-dim)}.dark-theme .el-button--primary{--el-button-bg-color: var(--accent-primary);--el-button-border-color: var(--accent-primary);--el-button-text-color: var(--bg-deep);--el-button-hover-bg-color: #00e6b8;--el-button-hover-border-color: #00e6b8;--el-button-active-bg-color: #00c9a5;--el-button-active-border-color: #00c9a5}.dark-theme .el-button--default{--el-button-bg-color: transparent;--el-button-border-color: var(--border-subtle);--el-button-text-color: var(--text-secondary);--el-button-hover-bg-color: var(--bg-elevated);--el-button-hover-border-color: var(--text-muted);--el-button-hover-text-color: var(--text-primary)}.dark-theme .el-button--large{--el-button-padding-vertical: 16px;--el-button-padding-horizontal: 32px;font-family:Outfit,sans-serif;font-weight:600}.dark-theme .el-input{--el-input-bg-color: var(--bg-surface);--el-input-border-color: var(--border-subtle);--el-input-text-color: var(--text-primary);--el-input-placeholder-color: var(--text-muted);--el-input-hover-border-color: var(--text-muted);--el-input-focus-border-color: var(--accent-primary)}.dark-theme .el-input__wrapper{background-color:var(--bg-surface);box-shadow:none;border:1px solid var(--border-subtle);border-radius:10px;padding:8px 16px;transition:all .2s ease}.dark-theme .el-input__wrapper:hover{border-color:var(--text-muted)}.dark-theme .el-input__wrapper.is-focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-dim)}.dark-theme .el-input__inner{color:var(--text-primary)}.dark-theme .el-input__inner::placeholder{color:var(--text-muted)}.dark-theme .el-select{--el-select-border-color-hover: var(--text-muted)}.dark-theme .el-select .el-input__wrapper{background-color:var(--bg-surface)}.dark-theme .el-select-dropdown{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 20px 50px #0000004d}.dark-theme .el-select-dropdown__item{color:var(--text-secondary)}.dark-theme .el-select-dropdown__item:hover{background-color:var(--bg-card)}.dark-theme .el-select-dropdown__item.selected{color:var(--accent-primary);background-color:var(--accent-primary-dim)}.dark-theme .el-switch{--el-switch-off-color: var(--bg-elevated);--el-switch-on-color: var(--accent-primary);--el-switch-border-color: var(--border-subtle)}.dark-theme .el-checkbox{--el-checkbox-text-color: var(--text-secondary);--el-checkbox-checked-text-color: var(--text-primary);--el-checkbox-bg-color: var(--bg-surface);--el-checkbox-checked-bg-color: var(--accent-primary);--el-checkbox-checked-border-color: var(--accent-primary);--el-checkbox-border-color: var(--border-subtle)}.dark-theme .el-radio{--el-radio-text-color: var(--text-secondary);--el-radio-checked-text-color: var(--text-primary);--el-radio-checked-bg-color: var(--accent-primary);--el-radio-checked-border-color: var(--accent-primary);--el-radio-border-color: var(--border-subtle)}.dark-theme .el-slider{--el-slider-main-bg-color: var(--accent-primary);--el-slider-runway-bg-color: var(--bg-elevated)}.dark-theme .el-slider__button{border-color:var(--accent-primary)}.dark-theme .el-progress{--el-progress-default-color: var(--accent-primary)}.dark-theme .el-progress-bar__outer{background-color:var(--bg-elevated)}.dark-theme .el-tabs{--el-tabs-header-height: 48px}.dark-theme .el-tabs__item{color:var(--text-secondary);font-weight:500}.dark-theme .el-tabs__item:hover{color:var(--text-primary)}.dark-theme .el-tabs__item.is-active{color:var(--accent-primary)}.dark-theme .el-tabs__active-bar{background-color:var(--accent-primary)}.dark-theme .el-tag{--el-tag-bg-color: var(--bg-elevated);--el-tag-border-color: var(--border-subtle);--el-tag-text-color: var(--text-secondary);border-radius:6px}.dark-theme .el-tag--success{--el-tag-bg-color: rgba(34, 197, 94, .15);--el-tag-border-color: transparent;--el-tag-text-color: #22c55e}.dark-theme .el-tag--warning{--el-tag-bg-color: rgba(245, 158, 11, .15);--el-tag-border-color: transparent;--el-tag-text-color: #f59e0b}.dark-theme .el-tag--danger{--el-tag-bg-color: rgba(239, 68, 68, .15);--el-tag-border-color: transparent;--el-tag-text-color: #ef4444}.dark-theme .el-tag--info{--el-tag-bg-color: var(--accent-primary-dim);--el-tag-border-color: transparent;--el-tag-text-color: var(--accent-primary)}.dark-theme .el-card{--el-card-bg-color: var(--bg-card);--el-card-border-color: var(--border-subtle);border-radius:16px}.dark-theme .el-message{--el-message-bg-color: var(--bg-elevated);--el-message-border-color: var(--border-subtle);background-color:var(--bg-elevated)!important;border:1px solid var(--border-subtle)!important;border-radius:12px!important;box-shadow:0 20px 50px #0000004d!important}.dark-theme .el-message--success{--el-message-bg-color: rgba(34, 197, 94, .1)}.dark-theme .el-message--success .el-message__content{color:var(--text-primary)}.dark-theme .el-message--warning{--el-message-bg-color: rgba(245, 158, 11, .1)}.dark-theme .el-message--error{--el-message-bg-color: rgba(239, 68, 68, .1)}.dark-theme .el-drawer{background-color:var(--bg-surface)!important}.dark-theme .el-drawer__header{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:0;padding:20px 24px}.dark-theme .el-drawer__body{padding:0}.dark-theme .el-dialog{--el-dialog-bg-color: var(--bg-surface);--el-dialog-border-radius: 20px;border:1px solid var(--border-subtle);border-radius:20px!important}.dark-theme .el-dialog__header{border-bottom:1px solid var(--border-subtle);padding:20px 24px;margin-right:0}.dark-theme .el-dialog__title{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:600}.dark-theme .el-dialog__body{color:var(--text-secondary);padding:24px}.dark-theme .el-dialog__footer{border-top:1px solid var(--border-subtle);padding:16px 24px}.dark-theme .el-divider{--el-border-color: var(--border-subtle)}.dark-theme .el-table{--el-table-bg-color: transparent;--el-table-header-bg-color: var(--bg-elevated);--el-table-row-hover-bg-color: var(--bg-card);--el-table-text-color: var(--text-secondary);--el-table-header-text-color: var(--text-primary);--el-table-border-color: var(--border-subtle)}.dark-theme .el-pagination{--el-pagination-bg-color: var(--bg-elevated);--el-pagination-text-color: var(--text-secondary);--el-pagination-button-bg-color: var(--bg-elevated);--el-pagination-hover-color: var(--accent-primary)}.dark-theme .el-loading-mask{background-color:#0a0e14cc}.dark-theme .el-loading-spinner .circular{stroke:var(--accent-primary)}.dark-theme .el-loading-spinner .el-loading-text{color:var(--text-secondary)}.dark-theme .el-empty{--el-empty-fill-color-0: var(--bg-elevated);--el-empty-fill-color-1: var(--bg-surface);--el-empty-fill-color-2: var(--bg-elevated);--el-empty-fill-color-3: var(--bg-surface);--el-empty-fill-color-4: var(--bg-elevated);--el-empty-fill-color-5: var(--bg-surface);--el-empty-fill-color-6: var(--bg-elevated);--el-empty-fill-color-7: var(--bg-surface);--el-empty-fill-color-8: var(--bg-elevated);--el-empty-fill-color-9: var(--bg-surface)}.dark-theme .el-empty__description{color:var(--text-muted)}.dark-theme .el-dropdown-menu{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 20px 50px #0000004d}.dark-theme .el-dropdown-menu__item{color:var(--text-secondary)}.dark-theme .el-dropdown-menu__item:hover{background-color:var(--bg-card);color:var(--text-primary)}.dark-theme .el-tooltip__popper{background-color:var(--bg-elevated)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;border-radius:8px!important;box-shadow:0 10px 30px #0000004d!important}.dark-theme .el-menu{background-color:transparent;border:none}.dark-theme .el-menu-item{height:48px;line-height:48px;margin:4px 0;padding:0 16px!important;border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease}.dark-theme .el-menu-item .el-icon{font-size:18px;margin-right:12px}.dark-theme .el-menu-item:hover{background:#ffffff0d;color:var(--text-primary)}.dark-theme .el-menu-item.is-active{background:var(--accent-primary-dim);color:var(--accent-primary)}.dark-theme .el-menu-item.is-active:after{display:none}.el-button--large{--el-button-padding-vertical: 16px;--el-button-padding-horizontal: 32px;font-family:Outfit,sans-serif;font-weight:600}.function-panel h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.function-panel .desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.input-area h4,.output-area h4{font-size:14px;font-weight:500;margin-bottom:12px;color:var(--text-secondary)}.input-actions,.output-actions{margin-top:12px;display:flex;gap:10px;justify-content:flex-end}.preview-area{min-height:300px;max-height:400px;overflow-y:auto;padding:16px;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border-subtle);color:var(--text-primary)}.format-options{margin-top:24px;padding:20px;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border-subtle)}.format-options h4{font-size:14px;font-weight:500;margin-bottom:12px;color:var(--text-secondary)}.file-list{margin-top:16px}.file-list .file-item{display:flex;align-items:center;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.file-list .file-item:hover{border-color:#80808033}.file-list .file-item .file-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;background:var(--accent-primary-dim);color:var(--accent-primary)}.file-list .file-item .file-info{flex:1}.file-list .file-item .file-info .file-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.file-list .file-item .file-info .file-size{font-size:12px;color:var(--text-muted)}.file-list .file-item .file-remove{color:var(--text-muted);cursor:pointer;transition:color .2s ease}.file-list .file-item .file-remove:hover{color:#ef4444}.result-area{margin-top:20px;padding:16px;background:var(--bg-elevated);border-radius:8px;border:1px solid var(--border-subtle)}.result-area .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.result-area .result-header h4{font-size:16px;font-weight:600;color:var(--text-primary)}.result-area .result-content{color:var(--text-secondary);font-size:14px;line-height:1.6}.progress-area{margin-top:16px}.progress-area .progress-item{margin-bottom:12px}.progress-area .progress-item .progress-label{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px;color:var(--text-secondary)}.option-card{padding:16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s ease}.option-card:hover{border-color:var(--accent-primary)}.option-card.active{border-color:var(--accent-primary);background:var(--accent-primary-dim)}.option-card .option-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.option-card .option-desc{font-size:12px;color:var(--text-muted)}.form-section{margin-bottom:20px}.form-section .form-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}@media(max-width:768px){.function-panel h3{font-size:18px}.input-actions,.output-actions{flex-wrap:wrap}.input-actions .el-button,.output-actions .el-button{flex:1;min-width:100px}.format-options{padding:16px}.format-options .el-form--inline .el-form-item{display:block;margin-right:0;margin-bottom:12px}}