body{margin:0;background:#0f1115;color:#f3f5f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}button,input,select,textarea,summary{font:inherit}button{cursor:pointer}.app{max-width:760px;margin:auto;padding-bottom:80px}.header{position:sticky;top:0;background:#0f1115ee;border-bottom:1px solid #2b3240;padding:12px;z-index:5}.row{display:flex;gap:8px;align-items:center}.grow{flex:1}.brand{font-weight:700;flex:1}.runtime{font-size:11px;color:#cbd5e1;white-space:nowrap}.status{font-size:12px;color:#b7f7c0;white-space:nowrap}.billing{font-size:11px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing.billing-ok{color:#bde9c6}.project-tabs{display:flex;gap:8px;overflow-x:auto;padding-top:10px}.project-tabs select{flex:1;min-width:0;font-weight:700}.pill-wrap{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.pill{white-space:nowrap;border:1px solid #2b3240;background:#171a21;color:#fff;padding:8px 12px;border-radius:999px}.pill.active{border-color:#7aa2ff;background:#1b2745}.pill-x{flex:0 0 auto;width:26px;height:26px;padding:0;line-height:1;font-size:15px;border-radius:999px;border:1px solid #683333;background:#2b1717;color:#ffc0c0}main{padding:12px}.card{background:#171a21;border:1px solid #2b3240;border-radius:16px;padding:14px;margin-bottom:12px}h2{font-size:16px;margin:0 0 12px}.mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode.mode3{grid-template-columns:1fr 1fr 1fr}.mode button{padding:12px;border-radius:12px;border:1px solid #2b3240;background:#1f2430;color:#fff}.mode.mode3 button{padding:10px 6px;font-size:13px}.mode button.active{border-color:#7aa2ff;background:#1b2745}label{display:block;font-size:13px;color:#98a2b3;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid #2b3240;background:#11151c;color:#fff;border-radius:11px;padding:11px;font-size:16px}textarea{min-height:120px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filebox{border:1px dashed #44506a;border-radius:14px;padding:12px;background:#121722}.ref-field{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.ref-field input[type=file]{flex:1 1 100%;min-width:0}.ref-field.has-thumb input[type=file]{flex:1 1 auto}.ref-field .input-thumb{margin-top:0;flex:0 0 auto}.ref-field .ref-clear{flex:0 0 auto;padding:8px 10px;font-size:12px;white-space:nowrap;margin-top:0}.ref-field .h3lib-btn{flex:1 1 auto;min-width:0;margin-top:0}.input-thumb{display:block;width:130px;height:130px;object-fit:cover;border-radius:12px;border:1px solid #2b3240;background:#0c1016;margin-top:8px}.actions{display:flex;gap:8px}.primary{flex:1;padding:14px;border:0;border-radius:12px;background:#7aa2ff;color:#0c1220;font-weight:700}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.secondary{padding:12px;border:1px solid #2b3240;border-radius:12px;background:#1f2430;color:#fff}.secondary.active{border-color:#7aa2ff;background:#1b2745}.secondary.compact{padding:8px 10px;margin-top:8px;font-size:12px}.page{display:none}.page.active{display:block}.queue,.history-card{padding:12px;border:1px solid #2b3240;border-radius:12px;margin-top:8px;background:#121722}.small{font-size:12px;color:#98a2b3}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.bottom{position:fixed;left:0;right:0;bottom:0;background:#0f1115f5;border-top:1px solid #2b3240;display:flex;justify-content:center}.bottom.kb-hidden{display:none!important}.bottom.kb-hidden{display:none!important}.bottomin{width:min(760px,100%);display:grid;grid-template-columns:repeat(7,1fr)}.nav{border:0;background:transparent;color:#98a2b3;padding:13px 4px}.nav.active{color:#fff;font-weight:700}.hidden{display:none!important}.thumbrow{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}.thumb{width:92px;height:92px;border-radius:12px;object-fit:cover;border:1px solid #2b3240;background:#0c1016;cursor:pointer}.history-media-empty{display:block}.history-content{min-width:0}details{margin-top:8px;border-top:1px solid #2b3240;padding-top:8px}summary{list-style:none;color:#9dc0ff}summary::-webkit-details-marker{display:none}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#1b2745;border:1px solid #36508c;color:#cbd9ff;font-size:12px}.notice{padding:10px;border-radius:12px;background:#241f12;border:1px solid #5b4a1c;color:#f0df9b;font-size:13px;margin-bottom:12px}.ok{background:#14281a;border-color:#285833;color:#bde9c6}.danger{background:#2b1717;border-color:#683333;color:#ffc0c0}.stacked>div{margin-bottom:10px}.stacked>div:last-child{margin-bottom:0}.linkbtn{display:inline-block;text-decoration:none}.history-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.history-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.history-head h2{margin:10px 0 0}.history-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.history-tools .secondary{padding:9px 10px;font-size:12px}.view-toggle{display:flex;gap:4px}.history-list.large-view{display:grid;gap:12px}.history-list.large-view .history-card{padding:0;overflow:hidden;margin-top:0}.history-list.large-view .thumbrow{display:block}.history-list.large-view .thumb{width:100%;height:auto;max-height:70vh;aspect-ratio:auto;border:0;border-bottom:1px solid #2b3240;border-radius:0;object-fit:contain;background:#07090d}.history-list.large-view .history-media-empty{height:220px}.history-list.large-view .history-content{padding:14px}.duration-good{color:#bde9c6}.status-queued{color:#7aa2ff}.status-running{color:#f0df9b}.status-done{color:#bde9c6}.status-failed{color:#ffc0c0}.mode button:disabled{opacity:.4;cursor:not-allowed}.model-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;margin-bottom:12px}.model-list{display:grid;gap:8px}.model-item{padding:11px;border:1px solid #2b3240;border-radius:12px;background:#121722}.model-name{font-size:13px;font-weight:600;min-width:0}.model-status{font-size:12px;color:#f0df9b;white-space:nowrap}.model-ok{color:#bde9c6}.model-error{color:#ffc0c0}.model-file{overflow-wrap:anywhere;margin-top:3px}.model-error-text{color:#ffc0c0;margin-top:6px}.progress{height:8px;background:#0b0f15;border:1px solid #293140;border-radius:999px;overflow:hidden;margin:9px 0 6px}.progress-bar{height:100%;background:#7aa2ff;transition:width .25s ease}.media-modal{position:fixed;inset:0;background:#000d;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.modal-body{width:min(100%,900px);max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-body video,.modal-body img{max-width:100%;max-height:88vh;border-radius:14px;background:#000}.modal-fullscreen{position:fixed;top:max(12px,env(safe-area-inset-top));left:14px;width:44px;height:44px;border-radius:999px;border:1px solid #4b5563;background:#111827;color:#fff;font-size:20px;line-height:1;z-index:51}.modal-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:999px;border:1px solid #4b5563;background:#111827;color:#fff;font-size:28px;line-height:1;z-index:51}
.batch-filepick{display:block;border:1px dashed #44506a;border-radius:14px;padding:15px;background:#121722;text-align:center;color:#cbd9ff}.batch-filepick input{display:none}.batch-list{display:grid;gap:10px;margin-top:12px}.batch-item{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid #2b3240;background:#121722;border-radius:13px}.batch-thumb{width:74px;height:88px;object-fit:cover;border-radius:10px;border:1px solid #2b3240;background:#0c1016}.batch-item-body{min-width:0}.batch-item-body b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.batch-remove,.batch-remove-set{padding:8px 9px;font-size:12px}.batch-ref-set{border:1px solid #2b3240;background:#121722;border-radius:14px;padding:11px}.ref-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.ref-slot{margin:0;min-width:0;min-height:116px;border:1px dashed #44506a;border-radius:12px;background:#0f141d;padding:7px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;overflow:hidden}.ref-slot span{font-size:11px;color:#98a2b3}.ref-slot b{font-size:12px;color:#cbd9ff}.ref-slot input{display:none}.ref-slot img{width:100%;height:74px;object-fit:cover;border-radius:8px}.ref-slot small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a2b3}.batch-add{width:100%;margin-top:10px}.batch-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.batch-summary>div{border:1px solid #2b3240;background:#121722;border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:4px}.batch-progress{padding:12px;border:1px solid #36508c;background:#101a31;border-radius:13px;margin-bottom:12px}.batch-progress-item{padding:9px;border-top:1px solid #2b3c60}.batch-progress-item:first-of-type{border-top:0}.batch-status{font-size:12px;color:#cbd9ff}.batch-status.status-queued{color:#7aa2ff}.batch-status.status-running{color:#f0df9b}.batch-status.status-done{color:#bde9c6}.batch-status.status-failed{color:#ffc0c0}.batch-elapsed{margin-top:3px}.batch-group{border:1px solid #36508c;background:#101a31;border-radius:16px;padding:12px;margin-top:8px;overflow-x:hidden}.batch-group-summary{display:flex;gap:8px;align-items:center;justify-content:space-between;font-weight:700}.batch-group .queue{max-width:100%}
@media(max-width:460px){.model-actions{grid-template-columns:1fr}.grid2{grid-template-columns:1fr 1fr}.thumbrow{grid-template-columns:78px 1fr}.thumb{width:78px;height:78px}.header .row{gap:6px}.runtime{font-size:10px}.status{font-size:10px}.billing{font-size:10px}.history-head{display:block}.history-head h2{margin:0 0 10px}.history-tools{justify-content:flex-start}.history-tools .secondary{flex:1}.view-toggle{width:100%}.view-toggle .secondary{flex:1}.history-list.large-view .thumb{max-height:none;width:100%}.batch-item{grid-template-columns:64px 1fr auto}.batch-thumb{width:64px;height:78px}.ref-slot-grid{grid-template-columns:repeat(2,1fr);gap:5px}.ref-slot{padding:5px;min-height:105px}.ref-slot img{height:66px}.batch-summary{grid-template-columns:1fr 1fr}.mode.mode3{grid-template-columns:1fr 1fr 1fr;gap:5px}.mode.mode3 button{padding:8px 3px;font-size:11px}.nav{font-size:11px;padding-left:1px;padding-right:1px}}

.proj-drag-handle{cursor:grab;font-size:22px;line-height:1;padding:6px 12px;touch-action:none;user-select:none;-webkit-user-select:none;color:#98a2b3;flex:0 0 auto}
.proj-row.dragging{opacity:.6;position:relative;z-index:10;background:#1b2130}