.generation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 10px}.generation-stats article{padding:16px;border:1px solid #dce5ef;border-radius:10px;background:linear-gradient(145deg,#f8fbff,#f2f6fb)}.generation-stats span{display:block;color:#68788d;font-size:12px}.generation-stats strong{display:block;margin-top:6px;color:#17385f;font-size:28px}.generation-stats-scope{margin:0 0 16px;color:#68788d;font-size:12px}
.collage-shell{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;align-items:start}.collage-controls{display:grid;gap:18px;max-height:calc(100vh - 120px);overflow:auto}.collage-controls section{padding-top:14px;border-top:1px solid #e4eaf1}.collage-controls h3{margin:0 0 10px;font-size:14px;color:#2b3e56}.collage-controls input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.collage-drop-zone{display:grid;width:100%;min-height:100px;place-content:center;gap:6px;border:1px dashed #8da9c8;background:#f6f9fd;color:#244e78}.collage-drop-zone.dragover{border-color:#246fc2;background:#eaf3fd}.collage-drop-zone span,.collage-source-row small{color:#6b7d91;font-size:11px}.collage-source-row{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.collage-layout-grid,.collage-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collage-layout-grid button{background:#f5f8fc;border:1px solid #d8e2ed;color:#31516f}.collage-layout-grid button.active{background:#e6f1fd;border-color:#2874c6;color:#175a9d}.collage-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collage-field-grid label{display:grid;gap:5px;color:#5d6e83;font-size:11px}.collage-field-grid input,.collage-field-grid select{min-width:0}.collage-opacity-field{grid-column:1/-1}.collage-opacity-field span{display:flex;justify-content:space-between;gap:10px}.collage-opacity-field output{color:#244e78;font-weight:600}.collage-field-grid input:disabled{cursor:not-allowed;opacity:.55}.collage-export{width:100%;margin-top:10px}.collage-status{min-height:18px;margin:8px 0 0;color:#556b83;font-size:12px}.collage-rights{margin:0;padding:11px 12px;border-radius:8px;background:#fff7e8;color:#735a28;font-size:11px;line-height:1.55}.collage-stage-card{min-height:620px}.collage-stage-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#51677f}.collage-stage-head div{display:grid;gap:3px}.collage-stage-head span{font-size:11px}.collage-canvas-wrap{display:grid;place-items:center;min-height:560px;padding:18px;border-radius:10px;background:repeating-conic-gradient(#e8edf3 0 25%,#f4f7fa 0 50%) 50%/24px 24px;overflow:auto}.collage-canvas-wrap .canvas-container{max-width:100%;box-shadow:0 10px 32px rgba(29,51,75,.18)}
.collage-shell[hidden]{display:none}.tool-mode-tabs{display:flex;gap:8px;margin-bottom:14px}.tool-mode-tabs button{background:#fff;border:1px solid #d5dfeb;color:#486078}.tool-mode-tabs button.active{background:#1f67ad;border-color:#1f67ad;color:#fff}.annotation-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.annotation-library-title{margin:16px 0 8px;color:#27384c;font-size:14px}.annotation-sticker-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.annotation-sticker-choice{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:6px 8px;background:#fff;border:1px solid #d5dfeb;color:#30465d;text-align:left}.annotation-sticker-choice:hover{border-color:#7ca8d3;background:#f5f9fd}.annotation-sticker-choice img{width:50px;height:50px;object-fit:contain}.annotation-sticker-choice-wide img{width:72px}.annotation-sticker-choice-wide{grid-template-columns:72px minmax(0,1fr)}.annotation-sticker{width:100%;margin-top:8px}.annotation-help{display:block;margin-top:7px;color:#6b7d91;line-height:1.5}
@media(max-width:1100px){.collage-shell{grid-template-columns:1fr}.collage-controls{max-height:none}.collage-stage-card{min-height:480px}.collage-canvas-wrap{min-height:420px}}
@media(max-width:760px){.generation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.collage-field-grid{grid-template-columns:1fr}.collage-layout-grid,.collage-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collage-canvas-wrap{padding:8px}}