.collage-workspace .workbench-input,.collage-workspace .workbench-result{min-width:0}.collage-workspace button{min-height:44px}.cl-heading{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:44px;display:grid}.cl-heading h2{margin:0}.cl-icon{justify-content:center;width:44px;min-width:44px;padding:10px}.cl-upload{border:1px dashed var(--color-rule);background:var(--color-surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;margin:12px 0;padding:20px 12px;display:flex}.cl-upload .helper{margin:0;font-size:12px;line-height:18px}.cl-upload button{white-space:normal;justify-content:center;padding:8px 12px;font-size:12px}.cl-upload[data-drag=true]{border-color:var(--color-accent);background:var(--color-accent-wash)}.cl-compact-upload{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:12px 0;display:grid}.cl-compact-upload p{margin:0;font-size:12px;line-height:18px}.cl-compact-upload button{white-space:normal;justify-content:center;padding:8px 10px;font-size:12px}.cl-photos,.cl-layout-options{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:10px;margin:12px 0;padding:0 10px}.cl-photos summary,.cl-layout-options summary,.cl-notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;list-style:none;display:flex}.cl-photos summary::-webkit-details-marker,.cl-layout-options summary::-webkit-details-marker,.cl-notes summary::-webkit-details-marker{display:none}.cl-photos summary>span,.cl-layout-options summary>span{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.cl-photos summary small,.cl-layout-options summary strong{color:var(--color-muted);font-size:12px;font-weight:400}.cl-photos [data-cl-photos-list]{gap:8px;margin:0 0 10px;display:grid}.cl-photo{border:1px solid var(--color-rule);background:var(--color-paper-2);border-radius:8px;min-width:0;padding:8px}.cl-photo-meta{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.cl-photo-meta>div{min-width:0}.cl-photo-thumb{background:var(--color-paper-3);width:64px;height:52px;color:var(--color-muted);border-radius:5px;place-items:center;display:grid;overflow:hidden}.cl-photo-thumb img{object-fit:cover;width:64px;height:52px;display:block}.cl-photo strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:18px;display:block;overflow:hidden}.cl-photo-meta p{overflow-wrap:anywhere;height:54px;margin:4px 0 0;font-size:12px;line-height:18px;overflow:auto;min-height:54px!important}.cl-photo-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.cl-photo-actions [data-cl-photo-action=up] svg{transform:rotate(-90deg)}.cl-photo-actions [data-cl-photo-action=down] svg{transform:rotate(90deg)}.cl-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px;display:grid}.cl-layout-grid button{text-align:center;white-space:normal;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px;font-size:12px;line-height:16px;display:flex}.cl-layout-grid svg{fill:var(--color-muted);flex-shrink:0}.cl-layout-grid small{color:var(--color-muted);margin-top:4px;font-size:11px;font-weight:400;line-height:16px;display:block}.cl-layout-grid [aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-wash);color:var(--color-accent)}.cl-layout-grid [aria-pressed=true] svg{fill:var(--color-accent)}.cl-field{flex-direction:column;gap:8px;min-width:0;margin:14px 0;display:flex}.cl-field>span{justify-content:space-between;gap:8px;font-size:13px;font-weight:600;line-height:20px;display:flex}.cl-field output{white-space:nowrap;direction:ltr;font-size:12px;font-weight:400}.cl-field input,.cl-field select{width:100%;min-width:0;min-height:44px;font:inherit;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:8px;padding:8px 10px;font-size:16px}.cl-field input[type=range]{accent-color:var(--color-accent);background:0 0;border:0;padding:8px 0}.cl-field input[type=color]{height:44px;padding:4px}.cl-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.cl-pair .cl-field{margin:0}.cl-stage{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:12px;justify-content:center;align-items:center;min-width:0;height:330px;padding:10px;display:flex;overflow:hidden}.cl-stage canvas{object-fit:contain;max-width:100%;max-height:100%;display:block}.cl-placeholder{text-align:center;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.cl-dimensions{overflow-wrap:anywhere;font-size:12px;line-height:18px;min-height:36px!important}.cl-status{overflow-wrap:anywhere;height:100px;margin:0 0 8px;font-size:13px;line-height:20px;overflow:auto;min-height:100px!important}.cl-download{white-space:normal;justify-content:center;width:100%;font-size:13px}.cl-notes{border-top:1px solid var(--color-rule);margin-top:14px;padding-top:8px}.cl-notes ul{padding-inline-start:18px;font-size:13px;line-height:1.8}.collage-workspace [hidden]{display:none!important}.collage-workspace[data-has-photos=true] .cl-upload{display:none}.collage-workspace :is(button,input,select,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (width<=767px){.cl-stage{height:264px}.cl-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cl-layout-grid button{padding:6px 4px;font-size:11px}.cl-pair{gap:8px}.cl-photo-actions{gap:4px}.cl-photo-thumb{width:52px}.cl-photo-meta{grid-template-columns:52px minmax(0,1fr)}.cl-photos,.cl-layout-options{padding-inline:8px}}