:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#17212b;background:#f7f8fa;--ink:#17212b;--muted:#75808c;--line:#e4e8ed;--paper:#fff;--accent:#e16c3a;--soft:#fff4ee}*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:var(--ink)}button,input,textarea,select{font:inherit}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;font-size:13px;font-weight:800}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.account{display:flex;align-items:center;gap:16px;font-size:14px}.badge{background:#edf8ef;color:#287843;border-radius:20px;padding:6px 10px;font-size:12px}.sidebar{position:fixed;top:72px;bottom:0;width:220px;background:#fff;border-right:1px solid var(--line);padding:24px 14px}.nav-item{display:flex;width:100%;border:0;background:transparent;color:#65717c;padding:13px 15px;text-align:left;gap:12px;align-items:center;cursor:pointer}.nav-item span{font-size:19px;width:18px}.nav-item.active{background:var(--soft);color:var(--accent);font-weight:700}.sidebar-note{position:absolute;left:24px;right:24px;bottom:32px;border-top:1px solid var(--line);padding-top:18px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;line-height:1.7;color:var(--muted)}.content{margin-left:220px;max-width:1180px;padding:44px 48px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--accent);font-weight:800;margin:0 0 8px}.page-heading h1{margin:0;font-size:31px;letter-spacing:0}.page-heading p:not(.eyebrow){color:var(--muted);font-size:13px;margin:10px 0 0}.balance-card{border-left:3px solid var(--accent);padding-left:14px;min-width:145px}.balance-card span{display:block;color:var(--muted);font-size:12px}.balance-card strong{display:block;font-size:22px;margin-top:6px}.mode-switch{display:flex;border-bottom:1px solid var(--line);gap:26px;margin-bottom:24px}.mode{border:0;background:transparent;padding:12px 2px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.mode.active{color:var(--ink);font-weight:700;border-color:var(--accent)}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:22px}.panel{background:var(--paper);border:1px solid var(--line);padding:27px}.main-panel{min-height:500px}.label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.main-panel textarea{display:block;width:100%;min-height:150px;resize:vertical;border:1px solid #dbe1e7;padding:15px;line-height:1.7;outline:none}.main-panel textarea:focus{border-color:var(--accent)}.upload-row{display:flex;gap:12px;margin:18px 0 25px}.upload-box{border:1px dashed #cad2db;display:flex;align-items:center;gap:10px;padding:12px 15px;cursor:pointer;min-width:220px}.upload-box input{display:none}.upload-box small,.option-line small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.upload-icon{font-size:22px;color:var(--accent)}.asset-list{display:flex;gap:8px;flex-wrap:wrap}.asset-pill{border:1px solid var(--line);font-size:11px;padding:10px;color:var(--muted)}.options{border-top:1px solid var(--line);padding-top:20px}.segmented{display:flex;gap:8px}.segmented button{background:#fff;border:1px solid var(--line);padding:10px 18px;min-width:90px;cursor:pointer;text-align:left}.segmented button.selected{background:var(--soft);border-color:var(--accent);color:var(--accent)}.segmented small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.option-line,.music-select{display:flex;justify-content:space-between;align-items:center;padding:11px 0}.music-select{border-top:1px solid var(--line);margin-top:8px}.music-select select{border:1px solid var(--line);padding:8px;background:#fff}.hidden{display:none!important}.submit-row{border-top:1px solid var(--line);margin-top:29px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.button{border:0;padding:10px 16px;cursor:pointer;font-size:12px}.button.primary{background:var(--ink);color:#fff}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.full{width:100%;margin-top:25px}.price-panel{align-self:start}.price-panel h2{font-size:20px;margin:0 0 30px}.price-list>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.price-list strong{font-size:14px}.price-rule{height:4px;background:var(--accent);width:34px;margin:28px 0 15px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.task-list{min-height:300px}.task-row{display:grid;grid-template-columns:90px 1fr 110px 90px;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.task-row:first-child{padding-top:0}.task-prompt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:11px}.status.completed{color:#287843}.status.processing,.status.queued{color:#b47715}.task-link{color:var(--accent);text-decoration:none}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 16px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.dialog{border:0;padding:30px;width:min(430px,calc(100vw - 30px));position:relative}.dialog::backdrop{background:rgba(23,33,43,.35)}.dialog h2{margin:0;font-size:22px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;cursor:pointer}.amounts{display:flex;gap:8px;flex-wrap:wrap}.amounts button,.amounts input{border:1px solid var(--line);background:#fff;padding:10px 14px}.amounts input{width:130px}.channel{display:flex;gap:18px;margin-top:20px;font-size:12px}.form-message{color:var(--accent);font-size:12px;min-height:18px}@media(max-width:800px){.topbar{padding:0 15px}.account .badge{display:none}.sidebar{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;padding:8px}.sidebar-note{display:none}.nav-item{justify-content:center}.content{margin:0;padding:25px 15px}.work-grid{grid-template-columns:1fr}.price-panel{display:none}.page-heading{gap:15px}.balance-card{min-width:110px}.topbar .button{padding:8px}.task-row{grid-template-columns:65px 1fr 70px}.task-row .task-price{display:none}}