.site-main:has(.collage-creator){padding:0}.site-main:has(.collage-creator)>.breadcrumbs{display:none}.collage-creator{min-height:calc(100vh - 72px);background:#f4f5f8;color:#20242c}.collage-editor-toolbar{min-height:68px;padding:10px 18px;border-bottom:1px solid #dfe2e8;background:#fff;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;position:sticky;top:0;z-index:15}.collage-editor-title,.collage-toolbar-actions,.collage-history-controls,.collage-panel-heading,.collage-property-buttons,.collage-asset-actions,.collage-shape-actions{display:flex;align-items:center;gap:10px}.collage-editor-title span,.collage-panel-heading span,.collage-layout-dialog header span,.collage-export-dialog header span{color:#e5322d;font-size:.72rem;font-weight:700;text-transform:uppercase}.collage-editor-title h1,.collage-panel-heading h2{margin:1px 0 0;font-size:1rem;line-height:1.2}.collage-history-controls{justify-content:center}.collage-toolbar-actions{justify-content:flex-end}.collage-private-note{color:#41664e;font-size:.82rem;display:inline-flex;align-items:center;gap:6px}.collage-editor-workspace{display:grid;grid-template-columns:244px minmax(0,1fr) 276px;min-height:calc(100vh - 140px)}.collage-assets-panel,.collage-properties-panel{background:#fff;padding:18px;overflow-y:auto;max-height:calc(100vh - 140px)}.collage-assets-panel{border-right:1px solid #dfe2e8}.collage-properties-panel{border-left:1px solid #dfe2e8}.collage-panel-heading{justify-content:space-between;margin-bottom:18px}.collage-upload-button{cursor:pointer}.collage-photo-dropzone{display:grid;justify-items:center;gap:7px;padding:18px 12px;border:2px dashed #c7ccd6;border-radius:6px;background:#f8f9fb;color:#505866;text-align:center;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.collage-photo-dropzone>svg{color:#e5322d}.collage-photo-dropzone strong{color:#20242c;font-size:.92rem}.collage-photo-dropzone>span{font-size:.76rem}.collage-photo-dropzone .collage-upload-button{margin-top:4px}.collage-photo-dropzone.is-dragging{border-color:#e5322d;background:#fff1f0;box-shadow:0 0 0 3px rgba(229,50,45,.12)}.collage-upload-help,.collage-canvas-hint{color:#687080;font-size:.78rem}.collage-photo-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 22px}.collage-photo-thumb{aspect-ratio:1;border:1px solid #d9dde5;padding:0;background:#f8f9fb;overflow:hidden;border-radius:6px;cursor:grab}.collage-photo-thumb img{width:100%;height:100%;object-fit:cover}.collage-photo-empty{grid-column:1/-1;padding:20px 8px;border:1px dashed #c7ccd6;border-radius:6px;text-align:center;color:#687080;font-size:.8rem}.collage-assets-section,.collage-property-section{border-top:1px solid #eaecf0;padding-top:16px;margin-top:16px}.collage-assets-section h3,.collage-property-section h3{margin:0 0 12px;font-size:.82rem}.collage-asset-actions button,.collage-shape-actions button,.collage-property-buttons button{min-height:40px;border:1px solid #d9dde5;background:#fff;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.collage-asset-actions button{flex:1}.collage-shape-actions{display:grid;grid-template-columns:repeat(4,1fr)}.collage-canvas-panel{min-width:0;padding:16px 24px 24px;display:flex;flex-direction:column}.collage-canvas-meta{display:flex;justify-content:space-between;gap:12px;color:#687080;font-size:.78rem;margin-bottom:10px}.collage-canvas-meta span{display:inline-flex;align-items:center;gap:5px}.collage-canvas-stage{flex:1;min-height:480px;display:grid;place-items:center;overflow:auto;padding:24px;background-color:#e4e6eb;background-image:linear-gradient(45deg,#d9dce2 25%,transparent 25%),linear-gradient(-45deg,#d9dce2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9dce2 75%),linear-gradient(-45deg,transparent 75%,#d9dce2 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.collage-canvas{width:min(72vh,100%);max-width:900px;aspect-ratio:var(--canvas-ratio,1/1);background:var(--collage-background,#fff);box-shadow:0 10px 34px rgba(32,36,44,.18);position:relative;overflow:hidden}.collage-layout-root,.collage-layer-root{position:absolute;inset:0}.collage-split-node{width:100%;height:100%;display:grid;position:relative}.collage-split-node--column{grid-template-columns:var(--split-ratio) 4px minmax(0,1fr)}.collage-split-node--row{grid-template-rows:var(--split-ratio) 4px minmax(0,1fr)}.collage-split-first,.collage-split-second{min-width:0;min-height:0;overflow:hidden}.collage-divider{padding:0;border:0;background:transparent;z-index:3}.collage-divider:hover,.collage-divider:focus-visible{background:#e5322d}.collage-editor-cell{width:100%;height:100%;position:relative;overflow:hidden;padding:calc(var(--collage-spacing,10px)/2);background:var(--collage-background,#fff);outline:none}.collage-editor-cell.selected{box-shadow:inset 0 0 0 3px #e5322d;z-index:2}.collage-cell-media{width:100%;height:100%;border:var(--collage-border-width,0) solid var(--collage-border-color,#fff);border-radius:var(--collage-corner-radius,8px);overflow:hidden;background:#fff;display:grid;place-items:center}.collage-cell-media img{width:100%;height:100%;transform-origin:center}.collage-cell-empty{font-size:2rem;color:#a0a6b2}.collage-cell-actions{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:none;gap:4px}.collage-editor-cell:hover .collage-cell-actions,.collage-editor-cell:focus-within .collage-cell-actions,.collage-editor-cell.selected .collage-cell-actions{display:flex}.collage-cell-actions button{border:0;border-radius:4px;padding:6px 8px;color:#fff;background:rgba(32,36,44,.88);font-size:.72rem}.collage-layer{position:absolute;transform:translate(-50%,-50%);border:1px dashed transparent;background:transparent;cursor:move}.collage-layer:focus{border-color:#e5322d}.collage-shape-layer{background:var(--shape-color)}.collage-shape-layer--circle{border-radius:50%}.collage-property-section label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:12px 0;font-size:.78rem;font-weight:600}.collage-property-section label input[type=range]{grid-column:1/-1;width:100%;accent-color:#e5322d}.collage-property-section output{color:#687080;font-weight:500}.collage-segmented{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #d9dde5;border-radius:6px;overflow:hidden}.collage-segmented button,.collage-segmented label{border:0;margin:0;min-height:38px;display:grid;place-items:center;background:#fff;cursor:pointer}.collage-segmented button[aria-pressed=true],.collage-segmented label:has(input:checked){background:#20242c;color:#fff}.collage-segmented input{position:absolute;opacity:0}.collage-property-buttons{display:grid;grid-template-columns:repeat(2,1fr)}.collage-property-buttons button.danger{color:#bd2823}.collage-mobile-tabs{display:none}.collage-layout-chooser{position:fixed;inset:0;z-index:50;padding:28px;background:rgba(24,27,34,.62);overflow:auto}.collage-layout-chooser[hidden]{display:none}.collage-layout-dialog{max-width:1100px;margin:0 auto;background:#fff;border-radius:8px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.collage-layout-dialog header,.collage-export-dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.collage-layout-dialog h2,.collage-export-dialog h2{margin:4px 0}.collage-layout-dialog p{color:#687080;margin:0}.collage-blank-option{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-align:left;padding:16px;margin:20px 0;border:1px solid #e5322d;background:#fff7f6;border-radius:6px}.collage-blank-option span{display:grid}.collage-blank-option small,.collage-layout-options small{color:#687080}.collage-layout-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.collage-layout-options button{padding:8px;border:1px solid #dfe2e8;background:#fff;border-radius:6px;text-align:left}.collage-layout-options button:hover,.collage-layout-options button:focus-visible{border-color:#e5322d}.collage-layout-options img{width:100%;height:auto;display:block;background:#f4f5f8}.collage-layout-options span{display:grid;padding:9px 4px 4px;gap:3px}.collage-layout-options small{font-size:.72rem;line-height:1.3}.collage-export-dialog{width:min(480px,calc(100% - 28px));border:0;border-radius:8px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.3)}.collage-export-dialog::backdrop{background:rgba(24,27,34,.62)}.collage-export-dialog form{display:grid;gap:18px;padding:24px}.collage-export-dialog fieldset{border:0;padding:0;margin:0}.collage-export-dialog legend{font-weight:700;margin-bottom:8px}.collage-export-dialog>form>label,.collage-custom-size label{display:grid;gap:7px;font-weight:600}.collage-export-dialog select,.collage-export-dialog input[type=number]{min-height:44px;border:1px solid #cbd0da;border-radius:6px;padding:8px 10px}.collage-custom-size{grid-template-columns:1fr 1fr;gap:12px}.collage-custom-size:not([hidden]){display:grid}.collage-checkbox{grid-template-columns:auto 1fr!important;align-items:center}.collage-checkbox small{grid-column:2;color:#687080}.collage-export-error{color:#bd2823;margin:0}.collage-toast{position:fixed;right:20px;bottom:20px;z-index:80;max-width:360px;background:#20242c;color:#fff;padding:12px 15px;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.24)}
@media(max-width:1100px){.collage-editor-workspace{grid-template-columns:210px minmax(0,1fr) 240px}.collage-private-note{display:none}.collage-layout-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.collage-editor-toolbar{grid-template-columns:1fr auto auto}.collage-editor-title div{display:none}.collage-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:68px;z-index:14;background:#fff;border-bottom:1px solid #dfe2e8}.collage-mobile-tabs button{min-height:48px;border:0;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px}.collage-mobile-tabs button[aria-pressed=true]{color:#e5322d;box-shadow:inset 0 -2px #e5322d}.collage-editor-workspace{display:block;min-height:calc(100vh - 188px)}.collage-editor-workspace [data-editor-panel]{display:none}.collage-editor-workspace[data-active-panel=assets] [data-editor-panel=assets],.collage-editor-workspace[data-active-panel=canvas] [data-editor-panel=canvas],.collage-editor-workspace[data-active-panel=properties] [data-editor-panel=properties]{display:block}.collage-assets-panel,.collage-properties-panel{max-height:none;border:0}.collage-canvas-panel{min-height:calc(100vh - 188px)}.collage-canvas-stage{min-height:430px;padding:16px}.collage-canvas{width:min(62vh,100%)}.collage-layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.collage-editor-toolbar{padding:8px 10px;gap:6px}.collage-history-controls{gap:2px}.collage-toolbar-actions .button{padding-inline:12px;font-size:0}.collage-layout-chooser{padding:0;background:#fff}.collage-layout-dialog{min-height:100%;border-radius:0;padding:18px 14px}.collage-layout-options{grid-template-columns:1fr 1fr;gap:8px}.collage-layout-options small{display:none}.collage-canvas-panel{padding:10px}.collage-canvas-stage{min-height:360px;padding:10px}}
.site-main:has(.collage-creator)>.breadcrumb-band,body:has(.collage-creator) .pre-footer-content,body:has(.collage-creator) .site-footer{display:none}.collage-asset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.collage-asset-actions button{width:100%;min-width:0}.collage-shape-symbol{display:block;width:18px;height:18px;border:2px solid currentColor}.collage-shape-symbol--circle{border-radius:50%}.collage-shape-symbol--line{width:20px;height:0;border-width:1px 0 0}.collage-layer-root{pointer-events:none}.collage-layer{pointer-events:auto}.collage-layer.selected,.collage-layer:focus{border-color:#e5322d;box-shadow:0 0 0 2px rgba(229,50,45,.2)}.collage-layer-delete{width:100%;min-height:42px;border:1px solid #efc2c0;border-radius:6px;background:#fff;color:#bd2823;display:flex;align-items:center;justify-content:center;gap:7px}.collage-layer-properties input[type=text]{grid-column:1/-1;width:100%;min-height:40px;border:1px solid #cbd0da;border-radius:6px;padding:7px 9px}