:root{--ink:#223c35;--accent:#176b51}body{background:#f5f7f5;color:var(--ink);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}.container-xl{max-width:1260px}h1{font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-1px}h2{font-size:1rem;font-weight:700}.eyebrow{font-size:.75rem;color:#7b8e83;letter-spacing:2px}.brand-icon{background:var(--accent);color:white;border-radius:9px;padding:4px 10px;font-size:22px;letter-spacing:-2px}.brand-icon span{font-size:9px;color:#b8e3a5;margin-left:4px}.studio-card{border:1px solid #e0e7e1;border-radius:14px;box-shadow:0 4px 15px #233e3003}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-head h2{margin:0}.step{background:#eaf2ec;color:#477258;padding:4px 8px;border-radius:6px;font-size:.72rem;font-weight:700}.segment{background:#f8faf8;border:1px solid #e7ece6;border-radius:10px;padding:15px;margin-top:12px}.segment textarea{border:0;background:transparent;resize:vertical;min-height:150px;box-shadow:none!important;font-size:.95rem;line-height:1.85;padding:12px 0}.segment .form-select{max-width:220px;font-size:.8rem}.segment .rate{max-width:140px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:210px;border:1px dashed #bbcfc0;background:#fcfdfb;border-radius:10px;padding:18px;gap:8px;cursor:pointer}.upload-zone:hover{border-color:#176b51;background:#f1f7f2}.upload-zone>span:not(.upload-symbol){font-size:.7rem;color:#849188}.upload-zone .file-name{color:#4e7463!important;max-width:100%;word-break:break-all}.upload-symbol{font-size:27px;line-height:38px;background:#eaf2e9;border-radius:10px;width:42px;color:#527d59}.upload-zone input{font-size:.7rem}.auto-note{display:flex;gap:12px;background:#eef5ef;border-radius:8px;padding:13px;color:#55725d}.auto-note strong{font-size:.8rem}.auto-note .small{font-size:.72rem;line-height:1.7}.btn-success{background:#176b51;border-color:#176b51}.btn-success:hover{background:#10533d;border-color:#10533d}.form-control:focus,.form-select:focus{border-color:#7cae91;box-shadow:0 0 0 .2rem #176b5115}.form-range::-webkit-slider-thumb{background:#176b51}.form-range::-moz-range-thumb{background:#176b51}.form-check-input:checked{background-color:#176b51;border-color:#176b51}.form-label{font-size:.8rem}.status-pill{background:#e8f0e5;color:#54774c;padding:10px 13px}.preview-empty{min-height:230px;background:radial-gradient(ellipse at center,#294b40,#142f28);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#e5f0e8}.preview-empty strong{font-size:.85rem}.preview-empty>span{font-size:.7rem;color:#9bb5a9}.wave{display:flex;align-items:center;gap:5px;height:60px}.wave i{display:block;width:5px;background:#a8cfac;border-radius:4px;height:20px}.wave i:nth-child(2n){height:37px}.wave i:nth-child(3n){height:55px}.progress{height:6px}.job-button{border:0;border-bottom:1px solid #edf0ec;border-radius:0;text-align:left;padding:14px 0;color:var(--ink);background:transparent;width:100%}.job-button:hover{color:#176b51}.job-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.job-meta{font-size:.7rem;color:#819087;display:flex;justify-content:space-between;margin-top:5px}#timing{line-height:1.7}video{max-height:440px;background:#122c24}output{color:#6b8271}footer{font-size:.7rem!important}

.music-query{min-width:150px;width:180px}.music-result{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e3eae3;padding:13px 0}.music-result-info{min-width:0;flex:1}.music-result-info strong{display:block;font-size:.85rem;overflow-wrap:anywhere}.music-result-info span{display:block;font-size:.72rem;color:#7a887d;margin:5px 0}.selected-music{display:flex;align-items:center;gap:12px;background:#eaf4ec;border:1px solid #cfe3d4;padding:14px;border-radius:9px;color:#3b7052}.selected-music strong{font-size:.85rem;overflow-wrap:anywhere}.selected-music .small{font-size:.73rem;line-height:1.7}.music-search .form-control,.music-search .form-select,.music-search .btn{font-size:.83rem}#musicResults{max-height:420px;overflow-y:auto}#musicPreview{height:40px}@media(max-width:575px){.music-result{align-items:flex-start}.music-result>.d-flex{flex-direction:column}.selected-music{align-items:flex-start}}

.ai-panel{background:#f2f7f3;border:1px solid #d9e7dc;border-radius:10px;padding:18px}.ai-panel textarea{font-size:.9rem;line-height:1.8}.writing-mode{font-size:.9rem}.ai-panel .form-select,.ai-panel .form-control{font-size:.85rem}
.workspace-top{height:78px;background:#fff;border-bottom:1px solid #e1e8e3;position:relative;z-index:3}.workspace-top .navbar-brand{font-size:1.08rem}.workspace-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 78px)}.workspace-sidebar{padding:30px 18px;background:#fff;border-right:1px solid #e1e8e3}.sidebar-caption{font-size:11px;color:#8b9a93;letter-spacing:2px;padding:5px 14px 18px}.workspace-nav{display:grid;gap:7px}.workspace-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:0;border-radius:9px;background:transparent;color:#6d7d75;font-size:.88rem;text-align:left}.workspace-nav-item>span{font-size:19px;width:20px}.workspace-nav-item b{font-size:11px;margin-left:auto;font-weight:500;opacity:.7}.workspace-nav-item:hover{background:#f5f8f6}.workspace-nav-item.active{background:#e7f2ed;color:#176b51;font-weight:700}.sidebar-tip{margin:65px 12px 0;padding:18px 0;border-top:1px solid #e5ece6;color:#7b8f82;font-size:11px;line-height:1.8}.sidebar-tip strong{display:block;color:#567563;font-size:12px;margin-bottom:8px}.sidebar-tip span{font-size:10px}.workspace-main{padding:35px clamp(20px,3vw,45px);min-width:0;max-width:1700px;width:100%;margin:auto}.module-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.module-header .eyebrow{margin-bottom:10px;font-size:10px;letter-spacing:2px}.module-header h1{font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.6px;margin-bottom:10px}.module-header p{color:#7a8a81;font-size:.82rem;margin:0;line-height:1.8}.module-header .btn{flex-shrink:0;font-size:.8rem}.workspace-footer{margin-top:45px;padding-top:20px;border-top:1px solid #e1e8e3;display:flex;justify-content:space-between;gap:16px;color:#86978d;font-size:11px}.workspace-notice{margin:15px 24px 0}.workspace-view{animation:enter .18s ease-out}@keyframes enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.account-grid,.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.account-name{font-size:1.12rem;font-weight:700;margin:24px 0 12px}.platform-tag{display:inline-block;border-radius:6px;padding:5px 9px;font-size:11px;background:#eef2ef;color:#263b31}.platform-tag.douyin{background:#263a33;color:#fff}.platform-tag.xiaohongshu{background:#ffedf1;color:#cf385a}.module-empty{grid-column:1/-1;padding:70px 25px;text-align:center;background:#fff;border:1px dashed #d4dfd7;border-radius:12px;color:#8a9a8f;font-size:.85rem}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.library-toolbar .form-select{font-size:.8rem}.library-art{height:175px;background:linear-gradient(135deg,#e2efe7,#c7decd);display:flex;align-items:center;justify-content:center;color:#5d8d72;border-radius:14px 14px 0 0;overflow:hidden;font-size:50px}.library-art video{width:100%;height:100%;object-fit:contain}.library-title{font-size:.92rem;line-height:1.7;margin:14px 0 24px;word-break:break-word}.library-card{overflow:hidden}.library-card .small{font-size:11px}.dispatch-row{background:#f7faf8;border:1px solid #e2eae5;border-radius:10px;padding:20px;margin-bottom:14px}.dispatch-row .form-label{font-size:12px}.dispatch-row .form-select,.dispatch-row .form-control{font-size:.82rem}.distribution-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #e2eae5}.distribution-footer .small{font-size:12px;line-height:1.8}.task-row{display:flex;flex-direction:row;align-items:center;gap:20px;padding:22px;margin-bottom:14px}.task-account{font-size:13px;font-weight:600;flex-basis:130px;flex-shrink:0}.task-title{font-size:13px;flex:1;word-break:break-word}.task-meta{flex-basis:280px;font-size:12px}.task-meta p{font-size:11px;line-height:1.7;margin-top:5px}.login-dialog{border:1px solid #d9e5dc;border-radius:15px;padding:24px;width:min(1000px,95vw);max-height:95vh;box-shadow:0 20px 100px #102e3040}.login-dialog::backdrop{background:#102b266e;backdrop-filter:blur(3px)}.login-screen{background:#f5f7f5;min-height:180px;border:1px solid #e0e8e2;border-radius:8px;overflow:hidden}.login-screen img{display:block;width:100%;height:auto;min-height:160px;color:#8a9a8f;font-size:13px}.job-button{min-width:0;border-bottom:0}.job-title{max-width:260px}.workspace-main .studio-card{box-shadow:0 2px 8px #1c3d2a03}
@media(min-width:1500px){.workspace-main{padding:40px 45px}}@media(max-width:1100px){.workspace-shell{grid-template-columns:180px minmax(0,1fr)}.workspace-sidebar{padding:25px 10px}.workspace-nav-item{padding:12px;font-size:12px}.task-row{flex-wrap:wrap}.task-meta{flex-basis:100%}}@media(max-width:767px){.workspace-top{height:auto;min-height:65px}.workspace-top .navbar-brand{font-size:.9rem}.workspace-top .small{display:none}.workspace-shell{display:block}.workspace-sidebar{padding:9px;border-right:0;border-bottom:1px solid #e1e8e3;position:sticky;top:0;z-index:2;overflow:auto}.sidebar-caption,.sidebar-tip{display:none}.workspace-nav{display:flex;min-width:530px;gap:3px}.workspace-nav-item{width:auto;flex:1;white-space:nowrap;font-size:11px;gap:6px;justify-content:center;padding:10px}.workspace-nav-item b{display:none}.workspace-main{padding:24px 16px}.module-header{align-items:flex-start;flex-direction:column;margin-bottom:22px}.module-header p{font-size:12px}.distribution-footer{flex-direction:column;align-items:stretch}.task-row{gap:12px}.task-account{flex-basis:auto}.task-title{flex-basis:100%}.workspace-footer{flex-direction:column}.account-grid,.library-grid{grid-template-columns:1fr}.login-dialog{padding:15px}.dispatch-row{padding:14px}}

.login-dialog{width:min(480px,95vw)}.login-screen{width:240px;min-height:200px;margin:auto;display:flex;align-items:center;justify-content:center;padding:12px}.login-screen img{width:210px;height:auto;min-height:180px;object-fit:contain}.login-sms .form-control,.login-sms .btn{font-size:12px}.login-dialog .small{font-size:12px}
