/* Palette and browser shell only. Seven-step layout remains donor CSS. */
:root{--pix-bg:#171a1e;--pix-panel:#22272d;--pix-input:#1b2026;--pix-line:#39414a;--pix-text:#e6ecef;--pix-muted:#9da9b4;--pix-accent:#2dd4bf;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--pix-bg);color:var(--pix-text);font-family:"Microsoft YaHei","Segoe UI",sans-serif;font-size:14px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--pix-accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--pix-accent);outline-offset:3px}
.pixlix-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#1c2025;border-bottom:1px solid var(--pix-line);min-width:1048px}.pixlix-brand{font-size:25px;color:var(--pix-accent);font-weight:750;text-decoration:none;letter-spacing:-.7px}.pixlix-brand span{font-size:15px;font-weight:500;color:var(--pix-text);margin-left:15px;letter-spacing:0}.pixlix-account{display:flex;align-items:center;gap:18px;color:var(--pix-muted);font-size:12px}.pixlix-account button,.pixlix-dialog button{border:1px solid var(--pix-line);border-radius:5px;padding:8px 14px;background:var(--pix-panel);color:var(--pix-text)}.pixlix-account button:hover{border-color:var(--pix-accent);color:var(--pix-accent)}.boot-status{padding:30px;color:var(--pix-muted)}
.pixlix-sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:#1c2025;border-right:1px solid var(--pix-line);padding:27px 20px;z-index:1000}.pixlix-sidebar .pixlix-brand{display:block;padding-left:15px;font-size:30px}.pixlix-sidebar nav{display:flex;flex-direction:column;gap:9px;margin-top:43px}.sidebar-item{display:flex;align-items:center;gap:14px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--pix-muted);padding:14px 17px;text-align:left;font-size:15px}.sidebar-item span{width:22px;font-size:21px;text-align:center}.sidebar-item:hover{background:#293138;color:var(--pix-text)}.sidebar-item.is-active{background:#2dd4bf19;border-color:#2dd4bf30;color:var(--pix-accent);font-weight:600}.pixlix-workspace{margin-left:264px}.pixlix-page-title{font-weight:600;font-size:17px}.pixlix-tasks-dialog{width:680px;max-width:calc(100vw - 40px)}.pixlix-task-list{max-height:60vh;overflow:auto}.pixlix-task-row{display:flex;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid var(--pix-line)}.pixlix-task-detail{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.pixlix-task-detail strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pix-text)}.pixlix-task-detail span,.pixlix-empty-tasks{font-size:13px;color:var(--pix-muted);line-height:1.6}
.pixlix-dialog{width:420px;border:1px solid var(--pix-line);border-radius:12px;padding:26px;background:var(--pix-panel);color:var(--pix-text);box-shadow:0 20px 80px #0008}.pixlix-dialog::backdrop{background:#0d1114b8}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0;font-size:20px}.pixlix-dialog p{color:var(--pix-muted);line-height:1.7}.pixlix-dialog label{display:block;margin-top:16px}.pixlix-dialog input{display:block;margin-top:7px;width:100%;padding:11px;border:1px solid var(--pix-line);background:var(--pix-input);color:var(--pix-text);border-radius:5px}.pixlix-dialog input:focus{outline:1px solid var(--pix-accent)}.pixlix-dialog #login-submit{width:100%;background:var(--pix-accent);color:#102522;border-color:var(--pix-accent);font-weight:600}.error-text{color:#f3a4a4!important;min-height:20px}.pixlix-file-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow:auto}
/* Shared utility classes used by the original render function. */
.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.text-center{text-align:center}.w-full{width:100%}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mr10{margin-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}
body .page-wrapper[data-v-1ac41bdc]{background:var(--pix-bg);color:var(--pix-text)}
body .custom-card[data-v-1ac41bdc],body .custom-card.is-processing[data-v-1ac41bdc]:after{background:var(--pix-panel)!important;color:var(--pix-text)}
body .custom-card[data-v-1ac41bdc]:after{border-color:var(--pix-line)}
body [data-v-1ac41bdc] .el-card__header{color:var(--pix-text);border-bottom-color:var(--pix-line)}
body [data-v-1ac41bdc] .sub-label,body .merge-form-container .sub-label[data-v-1ac41bdc],body .card-title[data-v-1ac41bdc],body .label-row[data-v-1ac41bdc]{color:var(--pix-text)}
body .merge-form-container .sub-label span[data-v-1ac41bdc],body .el-form-item__label,body .el-radio,body .el-checkbox,body .custom-radio-group[data-v-1ac41bdc] .el-radio{color:var(--pix-muted)}
body .el-input__inner,body .el-textarea__inner,body [data-v-1ac41bdc] .gray-textarea .el-textarea__inner,body .el-input-number__decrease,body .el-input-number__increase{background:var(--pix-input)!important;color:var(--pix-text)!important;border-color:var(--pix-line)!important}
body .el-input__inner:focus,body .el-textarea__inner:focus{border-color:var(--pix-accent)!important}
body .el-input__inner::placeholder,body .el-textarea__inner::placeholder{color:#7f8c99}
body .el-select-dropdown,body .el-popper,body .el-dialog,body .el-message-box,body .el-color-dropdown{background:var(--pix-panel);border-color:var(--pix-line);color:var(--pix-text)}
body .el-dialog__title,body .el-message-box__title,body .el-message-box__content,body .el-dialog__body{color:var(--pix-text)}
body .el-select-dropdown__item{color:var(--pix-text)}body .el-select-dropdown__item.hover,body .el-select-dropdown__item:hover{background:#2f3941}body .el-select-dropdown__item.selected{color:var(--pix-accent)}
body .el-tabs__item{color:var(--pix-muted)}body .el-tabs__item.is-active,body .el-tabs__item:hover{color:var(--pix-accent)}body .el-tabs__active-bar{background:var(--pix-accent)}body .el-tabs__nav-wrap:after{background:var(--pix-line)}
body .el-button{background:var(--pix-panel);border-color:var(--pix-line);color:var(--pix-text)}body .el-button:hover{color:var(--pix-accent);border-color:var(--pix-accent);background:#223532}
body .el-button--primary,body .el-button--danger,body .el-button--warning,body .pink-btn[data-v-1ac41bdc],body .gradient-btn[data-v-1ac41bdc],body .purple-btn[data-v-1ac41bdc],body .dark-btn[data-v-1ac41bdc],body .primary-btn[data-v-cc46599a]{background:var(--pix-accent)!important;border-color:var(--pix-accent)!important;color:#102522!important}
body .pink-outline-btn[data-v-1ac41bdc]{background:transparent!important;border-color:var(--pix-accent)!important;color:var(--pix-accent)!important}
body .el-button.is-disabled{opacity:.45}
body .el-radio-button__inner{background:var(--pix-panel);border-color:var(--pix-line);color:var(--pix-muted)}body .el-radio-button:first-child .el-radio-button__inner{border-left-color:var(--pix-line)}body .el-radio-button__orig-radio:checked+.el-radio-button__inner{background:var(--pix-accent);border-color:var(--pix-accent);color:#102522;box-shadow:-1px 0 0 0 var(--pix-accent)}
body .el-checkbox__inner,body .el-radio__inner{background:var(--pix-input);border-color:var(--pix-line)}body .el-checkbox__input.is-checked .el-checkbox__inner,body .el-radio__input.is-checked .el-radio__inner,body .custom-radio-group[data-v-1ac41bdc] .el-radio .el-radio__input.is-checked .el-radio__inner{background:var(--pix-accent);border-color:var(--pix-accent)}
body .el-checkbox__input.is-checked+.el-checkbox__label,body .el-radio__input.is-checked+.el-radio__label,body .custom-radio-group[data-v-1ac41bdc] .el-radio .el-radio__input.is-checked+.el-radio__label{color:var(--pix-accent)}
body .el-slider__runway{background:var(--pix-line)}body .el-slider__bar,body [data-v-1ac41bdc] .purple-slider .el-slider__bar,body [data-v-cc46599a] .el-slider__bar{background:var(--pix-accent)}body .el-slider__button,body [data-v-1ac41bdc] .purple-slider .el-slider__button,body [data-v-cc46599a] .el-slider__button{border-color:var(--pix-accent);background:var(--pix-panel)}
body .empty-holder[data-v-1ac41bdc],body .audio-bg[data-v-1ac41bdc],body .video-bg[data-v-1ac41bdc],body .cover-section .cover-placeholder[data-v-1ac41bdc]{background:var(--pix-input);border-color:var(--pix-line);color:var(--pix-muted)}
body .upload-text[data-v-1ac41bdc],body .paste-btn[data-v-1ac41bdc],body .playAudio[data-v-1ac41bdc],body .copyClass[data-v-1ac41bdc]{color:var(--pix-accent)}
body .video-preview-card[data-v-1ac41bdc]{background:#15191d;border-color:var(--pix-line)}body .template-card[data-v-1ac41bdc]{background:var(--pix-input)}body .template-card.is-active[data-v-1ac41bdc]{border-color:var(--pix-accent)}
body .action-btn-download[data-v-1ac41bdc]{background:var(--pix-accent)!important;color:#102522!important}body .action-btn-download .options_list[data-v-1ac41bdc]{background:var(--pix-panel);border-color:var(--pix-line)}
body .el-table,body .el-table tr,body .el-table th,body .el-table__expanded-cell{background:var(--pix-panel);color:var(--pix-text)}body .el-table td,body .el-table th.is-leaf{border-color:var(--pix-line)}body .el-table--enable-row-hover .el-table__body tr:hover>td{background:#2f3941}
body .el-message{background:var(--pix-panel);border-color:var(--pix-line)}body .el-message__content{color:var(--pix-text)}body .el-loading-mask{background:#171a1ed9}body .el-loading-spinner .path{stroke:var(--pix-accent)}body .el-loading-spinner .el-loading-text{color:var(--pix-accent)}
body [data-v-1ac41bdc] .el-progress-bar__inner{background:var(--pix-accent)!important}body [data-v-1ac41bdc] .el-progress-bar__outer{background:var(--pix-line)!important}
body .custom-card.is-processing[data-v-1ac41bdc]:before{background-image:conic-gradient(transparent,#2dd4bf20,var(--pix-accent),#a8efe5,var(--pix-accent),transparent 20%)}body .custom-card.is-processing[data-v-1ac41bdc]{box-shadow:0 0 15px 5px #2dd4bf20}
body .video-gen-label[data-v-1ac41bdc],body [data-v-1ac41bdc] .el-switch__label{color:var(--pix-text)!important}body [data-v-1ac41bdc] .el-switch__label.is-active{color:var(--pix-accent)!important}body [data-v-1ac41bdc] .el-switch.is-checked .el-switch__core{background-color:var(--pix-accent)!important;border-color:var(--pix-accent)!important}
body ::-webkit-scrollbar{width:8px;height:8px}body ::-webkit-scrollbar-thumb{background:#44515c;border-radius:4px}body ::-webkit-scrollbar-track{background:#1b2026}