.collection-page,.collection-dialog,.collection-viewer{letter-spacing:0}
.collection-page svg,.collection-dialog svg,.collection-viewer svg,.collection-selection svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.collection-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #dce2df}
.collection-head h1{font-size:26px;line-height:1.3;margin:0;overflow-wrap:anywhere}
.collection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.collection-actions button,.collection-head>div>button,.collection-dialog button,.collection-viewer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:6px}
.collection-tool{width:40px;min-width:40px;height:40px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ced8d2;border-radius:6px;background:#fff;color:#284b41}
.collection-tool:disabled{opacity:.4;cursor:default}
.collection-summary{display:flex;gap:18px;flex-wrap:wrap;padding:18px 0;color:#596960;font-size:14px}
.collection-selection{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:52px;margin-bottom:18px;padding:10px 0;border-top:1px solid #e0e5e2;border-bottom:1px solid #e0e5e2}
.collection-selection>label{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}
.collection-selection>span{font-size:13px;color:#627268}.collection-selection>.collection-actions{margin-left:auto}
.collection-selection input[type=checkbox],.collection-check input[type=checkbox],.collection-picker input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:#087d76;cursor:pointer}
.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}
.collection-card{min-width:0;border:1px solid #dce2de;border-radius:8px;overflow:hidden;background:#fff}
.collection-card>button{display:block!important;width:100%;padding:0!important;text-align:left;border:0;background:none;color:inherit;box-shadow:none;min-width:0}
.collection-cover,.collection-media{aspect-ratio:4/3;position:relative;overflow:hidden;background:#e9eeeb;min-width:0}
.collection-cover img,.collection-media img{display:block;width:100%;height:100%;object-fit:cover}
.collection-cover>span,.collection-cover-label{position:absolute;bottom:8px;right:8px;padding:4px 8px;border-radius:4px;background:rgba(255,255,255,.95);font-size:12px;color:#244b40}
.collection-placeholder,.collection-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;color:#628477}
.collection-placeholder svg,.collection-pending svg{width:40px;height:40px}.collection-pending span{font-size:14px}
.collection-card-copy{padding:14px;min-width:0}.collection-card-copy h2{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}.collection-card-copy p{font-size:12px;color:#67756c;margin:7px 0 0}
.collection-item{min-width:0}.collection-media{border:1px solid #dce2de;border-radius:6px}
.collection-media>button{position:relative;width:100%;height:100%;padding:0;display:block;border:0;border-radius:0;background:none}
.collection-check{position:absolute!important;z-index:6;top:9px;left:9px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;background:rgba(255,255,255,.94);cursor:pointer;box-shadow:0 1px 5px #0002}
.collection-item-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:13px;color:#5c6e62}.collection-item-caption b{font-variant-numeric:tabular-nums;color:#24382d}
.collection-failure{color:#b33b43}.collection-item-note{font-size:12px;line-height:1.5;margin:0;color:#8b4248;overflow-wrap:anywhere}
.collection-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;pointer-events:none}.collection-play svg{width:42px;height:42px;padding:10px;background:#0007;border-radius:50%}
.collection-batch-status{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0;margin-bottom:12px;color:#316c5b;border-bottom:1px solid #dce2de}.collection-batch-status span{font-size:14px;overflow-wrap:anywhere}.collection-batch-status button{font-size:13px;min-height:34px}
.collection-empty{display:grid;place-items:center;min-height:260px;color:#6b7a70;border-bottom:1px solid #dce2de}
.collection-dialog{width:min(620px,calc(100vw - 32px));max-height:88dvh;padding:24px;border:1px solid #cbd6d0;border-radius:8px;background:#fff;color:#233e31;box-sizing:border-box}
.collection-dialog::backdrop,.collection-viewer::backdrop{background:#0009}
.collection-dialog form{display:grid;gap:18px}.collection-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-dialog-head h2{font-size:20px;margin:0}.collection-dialog-head>button{width:36px;padding:6px;border:0}
.collection-dialog label{display:grid;gap:8px;font-size:14px}.collection-dialog input:not([type=checkbox]),.collection-dialog select{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #cbd6d0;border-radius:6px;padding:10px;font:inherit}
.collection-dialog footer{display:flex;justify-content:flex-end;gap:10px}.collection-dialog [data-modal-error]{margin:0;color:#ae343c;font-size:14px}
.collection-picker,.collection-sort-list{max-height:50dvh;overflow:auto;overscroll-behavior:contain}.collection-picker>label{display:grid;grid-template-columns:20px 72px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e4e9e6}.collection-picker>label[hidden]{display:none}.collection-picker img,.collection-picker .collection-placeholder{width:72px;height:54px;object-fit:cover;background:#e9eeeb;border-radius:4px}.collection-picker span{overflow-wrap:anywhere}
.collection-sort-list>div{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e4e9e6}.collection-sort-list span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.collection-sort-list button{width:34px;padding:6px}.collection-sort-list svg{transform:rotate(90deg)}
.collection-viewer{width:min(1280px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));padding:16px;border:0;border-radius:8px;background:#111713;color:#fff;box-sizing:border-box}
.collection-viewer[open]{display:grid;grid-template-rows:44px minmax(0,1fr) 44px;gap:12px}.collection-viewer-head{display:flex;align-items:center;gap:8px}.collection-viewer-head span{margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-viewer button,.collection-viewer a{background:#24342b;border:1px solid #4b5d50;color:#fff;min-width:40px;width:40px;padding:8px}.collection-viewer-stage{min-height:0;display:grid;place-items:center;overflow:hidden}.collection-viewer-stage img,.collection-viewer-stage video{width:100%;height:100%;min-height:0;object-fit:contain}.collection-viewer footer{display:flex;align-items:center;justify-content:center;gap:20px}.collection-viewer footer span{font-variant-numeric:tabular-nums;font-size:14px;min-width:75px;text-align:center}
.generation-count-field input{width:100%;box-sizing:border-box;min-height:44px;padding:9px 12px;font:inherit;border:1px solid #cbd6d0;border-radius:6px}
@media(max-width:1200px){.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-head h1{font-size:23px}.collection-actions{gap:5px}.collection-selection{gap:12px}.collection-selection>.collection-actions{margin-left:0}.collection-card-copy{padding:11px}.collection-dialog{padding:18px}.collection-head{gap:12px}}
.collection-output-label{margin:0 0 10px;font-size:12px;line-height:1.5;color:#52665b;overflow-wrap:anywhere}