@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64, 158, 255;--el-color-success-rgb:103, 194, 58;--el-color-warning-rgb:230, 162, 60;--el-color-danger-rgb:245, 108, 108;--el-color-error-rgb:245, 108, 108;--el-color-info-rgb:144, 147, 153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:2s linear infinite rotating}.el-icon svg{width:1em;height:1em}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);width:var(--el-notification-width);padding:var(--el-notification-padding);border-radius:var(--el-notification-radius);box-sizing:border-box;border:1px solid var(--el-notification-border-color);background-color:var(--el-bg-color-overlay);box-shadow:var(--el-notification-shadow);transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);overflow-wrap:break-word;z-index:9999;display:flex;position:fixed;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{min-width:0;margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right);flex:1}.el-notification__title{font-weight:700;font-size:var(--el-notification-title-font-size);line-height:var(--el-notification-icon-size);color:var(--el-notification-title-color);margin:0}.el-notification__content{font-size:var(--el-notification-content-font-size);color:var(--el-notification-content-color);margin:6px 0 0;line-height:24px}.el-notification__content p{margin:0}.el-notification .el-notification__icon{height:var(--el-notification-icon-size);width:var(--el-notification-icon-size);font-size:var(--el-notification-icon-size);flex-shrink:0}.el-notification .el-notification__closeBtn{cursor:pointer;color:var(--el-notification-close-color);font-size:var(--el-notification-close-font-size);position:absolute;top:18px;right:15px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--primary{--el-notification-icon-color:var(--el-color-primary);color:var(--el-notification-icon-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}:root{--sidebar-w: 200px;--mobile-topbar-h: 64px;--bg: #F8F9FA;--bg-card: #FFFFFF;--bg-accent: #F1F3F5;--border: #DEE2E6;--text: #212529;--text-secondary: #495057;--text-muted: #868E96;--primary: #4263EB;--primary-light: #5C7CFA;--accent: #748FFC;--primary-alpha: rgba(66, 99, 235, .1);--success: #51CF66;--success-alpha: rgba(81, 207, 102, .1);--warning: #FFA94D;--warning-alpha: rgba(255, 169, 77, .1);--danger: #FF6B6B;--danger-alpha: rgba(255, 107, 107, .1);--sidebar-w-collapsed: 64px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Poppins,Noto Sans SC,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .2s ease;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-header{padding:18px 14px 14px;border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--text);white-space:nowrap;overflow:hidden}.sidebar-logo svg{color:var(--primary);flex-shrink:0}.sidebar-logo-image{width:28px;height:28px;display:block;flex-shrink:0}.sidebar-logo span{transition:opacity .2s}.sidebar.collapsed .sidebar-logo span{opacity:0;width:0}.sidebar-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 12px;margin:2px 0;border-radius:8px;color:var(--text-secondary);font-size:14px;transition:all .15s ease;white-space:nowrap;overflow:hidden}.nav-item svg,.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item .nav-icon svg{width:18px;height:18px}.nav-item:hover{background:var(--bg-accent);color:var(--text)}.nav-item.active{background:var(--primary-alpha);color:var(--primary);font-weight:500}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar-nav>.nav-item,.sidebar-nav>.nav-group .nav-item{margin:0}.sidebar-nav>.nav-group{display:flex;flex-direction:column;gap:6px;margin-top:0}.nav-group{margin-top:14px}.sidebar.collapsed .nav-item span:not(.nav-icon){display:none}.sidebar-footer{padding:8px;border-top:1px solid var(--border)}.collapse-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:none;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;border-radius:8px;transition:all .15s ease;white-space:nowrap;overflow:hidden}.collapse-btn:hover{background:var(--bg-accent);color:var(--primary)}.collapse-btn svg{flex-shrink:0}.sidebar.collapsed .collapse-btn span{display:none}.sidebar.collapsed .sidebar-footer{padding:8px 6px}.main-content{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.mobile-topbar,.mobile-drawer-shell,.mobile-auth-action{display:none}.content-header{padding:32px 40px 24px;background:var(--bg-card);border-bottom:1px solid var(--border)}.content-header h1{font-size:24px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.3px}.header-desc{color:var(--text-secondary);font-size:14px}.content-body{flex:1;padding:28px 40px 40px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow);transition:all .3s}.card-title{font-size:15px;font-weight:600;margin-bottom:16px}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title-row .card-title{margin-bottom:0}.card-error{border-color:var(--danger);background:var(--danger-alpha)}.card-info{border-color:var(--primary);background:var(--primary-alpha)}.tool-category{margin-bottom:32px}.category-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;padding-left:2px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.tool-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:all .3s}.tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.tool-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-accent);color:var(--primary);border-radius:12px;flex-shrink:0}.tool-card-icon svg{width:26px;height:26px}.tool-card-info{flex:1;min-width:0}.tool-card-info h3{font-size:15px;font-weight:600;margin-bottom:4px}.tool-card-info p{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.tool-card:hover .tool-card-arrow{color:var(--primary);transform:translate(4px)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.4}.input-group{display:flex;gap:12px;align-items:center}.input{flex:1;height:44px;padding:0 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);outline:none;transition:all .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4263eb1a}.input::placeholder{color:var(--text-muted)}.select{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text);background:var(--bg-card);outline:none;cursor:pointer;min-width:200px;transition:all .2s}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4263eb1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#3b5bdb;transform:translateY(-1px);box-shadow:0 4px 12px #4263eb40}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-accent);border-color:var(--primary);color:var(--primary)}.btn-galaxy{background:#10b981;color:#fff}.btn-galaxy:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-sm{height:32px;padding:0 14px;font-size:13px}.btn-ghost{background:transparent;color:var(--text-muted);border:none}.btn-ghost:hover{background:var(--bg-accent);color:var(--text-secondary)}.btn-icon{width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-danger{background:var(--danger-alpha);color:var(--danger);border:1px solid transparent}.btn-danger:hover{background:var(--danger);color:#fff}.btn-success{background:var(--success-alpha);color:#37b24d;border:1px solid transparent}.btn-success:hover{background:var(--success);color:#fff}.btn-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--danger);margin-left:auto;line-height:1;transition:opacity .2s}.btn-close:hover{opacity:.7}.loading-indicator{display:flex;align-items:center;gap:14px;color:var(--text-secondary);padding:8px 0}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-content{display:flex;align-items:center;gap:10px;color:var(--danger);font-size:14px}.error-text{font-size:12px;color:var(--danger)}.video-info{display:flex;gap:24px}.video-thumb-wrap{position:relative;flex-shrink:0;width:280px;border-radius:12px;overflow:hidden;background:#000}.video-thumb-wrap img{width:100%;height:auto;display:block}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px}.video-meta{flex:1;display:flex;flex-direction:column;min-width:0}.video-title{font-size:17px;font-weight:600;line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-tags{display:flex;gap:8px;margin-bottom:auto;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;border-radius:6px;background:var(--primary-alpha);color:var(--primary);border:none}.tag-galaxy{background:#10b9811a;color:#10b981}.galaxy-hint{font-size:12px;color:var(--text-secondary);margin-top:8px}.video-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:16px;flex-wrap:wrap}.tip{font-size:12px;color:var(--text-muted);margin-bottom:20px;padding-left:2px}.format-select-wrap{display:flex;align-items:center;gap:8px}.format-select-wrap label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.action-buttons{display:flex;gap:10px}.progress-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow);transition:all .3s}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.progress-status{font-size:12px;font-weight:500;padding:4px 12px;border-radius:6px}.status-downloading{background:var(--primary-alpha);color:var(--primary)}.status-merging{background:var(--warning-alpha);color:#e8590c}.status-completed{background:var(--success-alpha);color:#37b24d}.status-failed{background:var(--danger-alpha);color:var(--danger)}.status-cancelled{background:var(--bg-accent);color:var(--text-muted)}.progress-bar-wrap{width:100%;height:8px;background:var(--bg-accent);border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .3s ease;min-width:0}.progress-bar.done{background:var(--success)}.progress-details{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.progress-stats{display:flex;gap:16px}.progress-actions{display:flex;gap:8px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-accent);border-radius:8px;transition:background .2s}.history-item:hover{background:var(--border)}.history-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.history-item-icon.completed{background:var(--success-alpha);color:var(--success)}.history-item-icon.failed{background:var(--danger-alpha);color:var(--danger)}.history-item-info{flex:1;min-width:0}.history-item-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-time{font-size:11px;color:var(--text-muted);margin-top:2px}.history-item-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.sidebar{display:none}.content-header{padding:24px 20px 16px}.content-body{padding:20px}.video-info{flex-direction:column}.video-thumb-wrap{width:100%}.tool-grid{grid-template-columns:1fr}.video-actions{flex-direction:column;align-items:flex-start}}.mobile-drawer-enter-active,.mobile-drawer-leave-active{transition:opacity .2s ease}.mobile-drawer-enter-active .mobile-drawer,.mobile-drawer-leave-active .mobile-drawer{transition:transform .22s ease}.mobile-drawer-enter-from,.mobile-drawer-leave-to{opacity:0}.mobile-drawer-enter-from .mobile-drawer,.mobile-drawer-leave-to .mobile-drawer{transform:translate(-18px)}@media (max-width: 768px){.app-layout,.main-content{min-height:100dvh}.mobile-topbar{position:sticky;top:0;z-index:160;display:flex;align-items:center;gap:12px;min-height:var(--mobile-topbar-h);padding:10px 16px;background:#fffffff0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu-btn,.mobile-drawer-close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text);cursor:pointer;flex-shrink:0}.mobile-topbar-center{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.mobile-topbar-brand,.mobile-drawer-brand{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text)}.mobile-topbar-logo{width:24px;height:24px;display:block;flex-shrink:0}.mobile-topbar-title{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-auth-action{min-width:52px;height:40px;padding:0 12px;border:1px solid var(--primary);border-radius:12px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700;cursor:pointer}.mobile-auth-action-avatar{width:40px;min-width:40px;padding:0;border-color:var(--border);background:var(--bg-card);color:var(--primary)}.mobile-auth-avatar{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-alpha);color:var(--primary);font-size:13px;font-weight:800}.mobile-drawer-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:block;background:#0f172a57}.mobile-drawer{width:min(82vw,220px);height:100%;display:flex;flex-direction:column;background:var(--bg-card);box-shadow:0 24px 48px #0f172a33}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.mobile-drawer-user{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.mobile-drawer-user-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.mobile-drawer-user-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mobile-drawer-user-details span{color:var(--text-muted);font-size:12px}.mobile-drawer-user .btn{flex-shrink:0}.mobile-drawer-nav{flex:1;overflow-y:auto;padding:12px 10px 20px}.mobile-drawer-group-title{padding:10px 12px 4px;font-size:12px;font-weight:600;color:var(--text-muted)}.mobile-drawer-nav .nav-item{padding:12px 14px;font-size:15px;border-radius:12px}.content-header{padding:18px 16px 14px}.content-header h1{font-size:20px}.header-desc{font-size:13px;line-height:1.6}.content-body{padding:16px 16px 24px}.card{padding:18px 16px;margin-bottom:16px;border-radius:14px}.card-title-row{flex-direction:column;align-items:flex-start;gap:8px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{align-items:flex-start;gap:14px;padding:18px 16px}.tool-card-icon{width:48px;height:48px;border-radius:10px}.tool-card-icon svg{width:22px;height:22px}.tool-card-info p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.input-group,.video-info,.video-actions,.progress-header,.progress-details,.history-item,.format-select-wrap,.action-buttons,.progress-stats{flex-direction:column;align-items:stretch}.input-group .input,.input-group .btn,.action-buttons .btn,.progress-actions .btn,.history-item-actions .btn{width:100%}.select,.format-select-wrap .select{min-width:0;width:100%;max-width:100%}.video-tags{margin-bottom:0}.video-actions{gap:12px}.action-buttons,.progress-actions,.history-item-actions{width:100%;flex-wrap:wrap}.progress-card{padding:16px}.progress-file-name,.history-item-name{max-width:100%;white-space:normal}.progress-stats{gap:6px}.history-item{padding:14px}.history-item-actions{gap:8px}.empty-state{padding:56px 16px}}@media (max-width: 520px){.mobile-topbar{padding:10px 14px}.content-header{padding:16px 14px 12px}.content-body{padding:14px 14px 20px}.card,.tool-card,.progress-card,.history-item{padding:16px 14px}.tool-card{gap:12px}.tool-card-arrow{display:none}.progress-actions .btn,.history-item-actions .btn,.action-buttons .btn,.input-group .btn{flex-basis:100%}}.sidebar-user{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:9px;margin-bottom:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-accent);overflow:hidden}.sidebar-user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--primary);font-size:14px;font-weight:700;flex-shrink:0}.sidebar-user-details{min-width:0}.sidebar-user-name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .btn{grid-column:1 / -1;width:100%}.sidebar-user .btn svg{flex-shrink:0}.sidebar.collapsed .sidebar-user{display:flex;flex-direction:column;padding:0;gap:6px;border:none;background:transparent}.sidebar.collapsed .sidebar-user-details,.sidebar.collapsed .sidebar-action-text{display:none}.sidebar.collapsed .sidebar-user .btn{width:36px;height:36px;padding:0;border-radius:8px}.sidebar.collapsed .sidebar-user-avatar{width:36px;height:36px}.login-page{flex:1;min-height:100%;display:flex;align-items:center;justify-content:center;padding:48px 24px}.login-shell{width:min(100%,860px);min-height:430px;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(320px,1fr);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-hover);overflow:hidden}.login-brand-panel{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:34px;background:#f1f3f5;border-right:1px solid var(--border)}.login-brand-logo{width:44px;height:44px}.login-eyebrow,.login-form-head span{color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase}.login-brand-panel h1,.login-form-head h2{color:var(--text);line-height:1.2}.login-brand-panel h1{margin-top:10px;font-size:30px}.login-brand-panel p{margin-top:10px;color:var(--text-secondary)}.login-form-panel{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:42px}.login-form-head{margin-bottom:4px}.login-form-head h2{margin-top:6px;font-size:26px}.login-field{display:flex;flex-direction:column;gap:7px;color:var(--text-secondary);font-size:13px;font-weight:600}.login-field .input{width:100%;flex:none}.login-captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;align-items:center}.login-captcha-image{width:132px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;color:var(--text-secondary);font-size:13px;font-weight:700;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer}.login-captcha-image:disabled{cursor:wait;opacity:.7}.login-captcha-image img{width:100%;height:100%;display:block;object-fit:contain}.login-options-row{display:flex;align-items:center;justify-content:space-between;min-height:22px}.login-remember-option{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember-option input{width:16px;height:16px;margin:0;accent-color:var(--primary)}.login-submit{width:100%;margin-top:2px}.mobile-login-btn{width:100%;margin-bottom:12px}.account-center-page,.admin-users-workspace,.image-generation-page{display:grid;gap:20px}.account-center-page,.admin-users-workspace{gap:24px}.account-center-page .card,.admin-users-workspace .card{border-radius:8px;margin-bottom:0}.metric-strip,.account-summary-grid,.account-settings-grid,.admin-users-layout{display:grid;gap:16px}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{min-height:92px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.metric-card span,.account-identity-copy span,.form-field span{color:var(--text-secondary);font-size:12px;font-weight:600}.metric-card strong{font-size:28px;line-height:1}.section-heading,.table-heading,.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h3,.table-heading h3,.history-heading h3{margin:0;font-size:17px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field .input,.form-field .select{width:100%;flex:none}.textarea-input{min-height:112px;height:auto;padding:12px 14px;resize:vertical;line-height:1.5}.form-message{margin:2px 0 0;font-size:13px;font-weight:600}.form-message.success{color:var(--success)}.form-message.error{color:var(--danger)}.status-badge{min-height:28px;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;font-weight:700;border:1px solid transparent}.status-badge.tone-primary{color:var(--primary);background:var(--primary-alpha);border-color:#4263eb2e}.status-badge.tone-success{color:#2b8a3e;background:var(--success-alpha);border-color:#40c0573d}.status-badge.tone-warning{color:#b7791f;background:#fff7e6;border-color:#ffe3a3}.status-badge.tone-danger{color:var(--danger);background:var(--danger-alpha);border-color:#fa52522e}.status-badge.tone-neutral{color:var(--text-secondary);background:var(--bg-accent);border-color:var(--border)}.account-avatar{width:56px;height:56px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-alpha);color:var(--primary);font-size:18px;font-weight:800;flex-shrink:0}.account-avatar.small{width:36px;height:36px;font-size:13px}.account-summary-grid{grid-template-columns:minmax(360px,1.35fr) minmax(180px,.6fr) minmax(180px,.6fr)}.account-identity-card{min-height:112px;display:flex;align-items:center;gap:16px}.account-identity-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.account-identity-copy strong{font-size:20px;overflow:hidden;text-overflow:ellipsis}.account-identity-copy small,.admin-user-cell small,.admin-user-tile small{color:var(--text-muted);font-size:12px}.account-metric-card{min-height:112px}.account-settings-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.account-form-card{display:flex;flex-direction:column;gap:12px}.account-form-card .btn-primary{min-height:44px}.inline-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.key-mask-row{min-height:44px;padding:11px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-accent);color:var(--text-secondary);font-family:Consolas,Monaco,monospace;overflow-wrap:anywhere}.account-history-section{min-width:0}.image-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.image-history-card{min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.image-history-preview{aspect-ratio:16 / 10;background:var(--bg-accent);display:grid;place-items:center;color:var(--text-muted);font-size:13px;border-bottom:1px solid var(--border)}.image-history-preview img{width:100%;height:100%;object-fit:cover}.image-history-copy{padding:14px;display:flex;flex-direction:column;gap:10px}.image-history-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.image-history-title-row strong{min-width:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.image-history-copy p{margin:0;color:var(--text-secondary);font-size:13px}.account-empty-state{padding:48px 20px;background:var(--bg-card);border:1px dashed var(--border);border-radius:8px}.admin-users-layout{grid-template-columns:1fr}.admin-table-card{min-width:0}.admin-toolbar-actions,.admin-bulk-actions,.user-editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-bulk-bar{min-height:48px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-accent);display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-bulk-bar span{color:var(--text-secondary);font-size:13px;font-weight:700;white-space:nowrap}.admin-table-scroll{overflow-x:auto}.admin-user-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-user-table th{color:var(--text-secondary);font-size:12px;font-weight:700;background:var(--bg-accent)}.admin-user-table th,.admin-user-table td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-user-table th:nth-child(1),.admin-user-table td:nth-child(1){width:44px}.admin-user-table th:nth-child(2),.admin-user-table td:nth-child(2){width:220px}.admin-user-table th:nth-child(3),.admin-user-table td:nth-child(3){width:180px}.admin-user-table th:nth-child(4),.admin-user-table td:nth-child(4),.admin-user-table th:nth-child(5),.admin-user-table td:nth-child(5){width:108px}.admin-user-table th:nth-child(6),.admin-user-table td:nth-child(6){width:430px}.selection-column{text-align:center!important}.admin-empty-cell{height:160px;text-align:center!important;color:var(--text-muted)}.admin-user-cell,.admin-user-tile-head{display:flex;align-items:center;gap:10px;min-width:0}.admin-user-cell>div,.admin-user-tile-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}.admin-user-cell strong,.admin-user-tile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-danger-soft{color:var(--danger);background:var(--danger-alpha);border-color:#fa52521a}.btn-danger-soft:hover{border-color:var(--danger)}.admin-user-cards{display:none}.admin-user-tile{border:1px solid var(--border);border-radius:8px;background:var(--bg-card);padding:14px;display:flex;flex-direction:column;gap:12px}.user-editor-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;padding:24px;background:#0f172a6b;display:grid;place-items:center}.user-editor-panel{width:min(460px,100%);padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);box-shadow:0 20px 56px #0f172a2e;display:grid;gap:14px}.user-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-editor-head h3{margin:0;font-size:18px}.icon-button{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer}.icon-button:hover{border-color:var(--primary);color:var(--primary)}.icon-button:disabled{opacity:.55;cursor:not-allowed}.admin-key-target{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-key-input-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;gap:8px}.admin-key-tool-button{display:inline-flex;align-items:center;justify-content:center}.admin-key-tool-button svg{width:17px;height:17px}.admin-key-tip{margin:-4px 0 0}.user-editor-actions{justify-content:flex-end;margin-top:4px}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .16s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.image-generation-page{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.image-generation-sidebar{display:flex;flex-direction:column;gap:12px}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.preset-card,.chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:12px;cursor:pointer;transition:all .15s ease}.preset-card{min-height:76px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.aspect-ratio-hint{font-size:13px;color:var(--text-secondary);line-height:1.6}.aspect-ratio-hint code{padding:2px 8px;border-radius:999px;background:var(--primary-alpha);color:var(--primary)}.preset-card.active,.preset-card:hover,.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-alpha)}.prompt-chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 10px;font-size:12px}.image-generation-result{min-height:520px;display:flex;align-items:center;justify-content:center}.image-result-shell{width:100%;display:flex;flex-direction:column;gap:16px}.image-result-preview{width:100%;max-height:70vh;object-fit:contain;border-radius:16px;background:var(--bg-accent);border:1px solid var(--border)}@media (max-width: 920px){.login-shell{grid-template-columns:1fr;min-height:auto}.login-brand-panel{border-right:none;border-bottom:1px solid var(--border);padding:28px}.login-form-panel{padding:30px 28px}.metric-strip,.account-summary-grid,.account-settings-grid,.admin-users-layout,.image-generation-page{grid-template-columns:1fr}.admin-table-scroll{display:none}.admin-user-cards{display:grid;gap:12px}.admin-bulk-bar{align-items:stretch;flex-direction:column}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.login-page{min-height:calc(100dvh - var(--mobile-topbar-h));align-items:flex-start;padding:16px 12px 24px}.login-shell{width:100%}.login-brand-panel{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px}.login-brand-logo{width:36px;height:36px;flex-shrink:0}.login-brand-panel p{display:none}.login-brand-panel h1{margin-top:4px;font-size:22px}.login-form-panel{gap:14px;padding:20px}.login-form-head h2{font-size:22px}.login-captcha-row{grid-template-columns:1fr;gap:10px}.login-captcha-image{width:100%;height:48px}.metric-card,.account-identity-card{min-height:88px}.account-identity-card{align-items:flex-start;flex-wrap:wrap}.account-identity-card .status-badge{margin-left:72px}.account-form-card .inline-actions,.image-history-copy .inline-actions,.admin-user-actions,.admin-toolbar-actions,.admin-bulk-actions,.user-editor-actions{align-items:stretch}.account-form-card .inline-actions .btn,.image-history-copy .inline-actions .btn,.admin-user-actions .btn,.admin-toolbar-actions .btn,.admin-bulk-actions .btn,.user-editor-actions .btn{flex:1 1 auto}.user-editor-modal{padding:14px;align-items:end}.image-history-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}