.photo-collage-position-controls{display:flex;flex-direction:column;gap:8px;margin-top:12px}.photo-collage-box-row,.photo-collage-position-row{display:flex;gap:8px}.photo-collage-box-row.is-center,.photo-collage-position-row.is-center{justify-content:center}.photo-collage-box-row.is-center>*,.photo-collage-position-row.is-center>*{width:120px}.photo-collage-box-row.is-space-between,.photo-collage-position-row.is-space-between{justify-content:space-between}.photo-collage-box-row.is-space-between>*,.photo-collage-position-row.is-space-between>*{flex:1}.photo-collage-help-text{color:#757575;font-size:12px;margin-bottom:12px;margin-top:8px}.photo-collage-anchor-control{background:#f0f0f0;border-radius:4px;display:flex;justify-content:center;margin-bottom:16px;padding:12px}.photo-collage-anchor-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100px}.photo-collage-anchor-btn{background:#fff!important;border:1px solid #ccc!important;height:40px!important;justify-content:center;padding:0!important;width:40px!important}.photo-collage-anchor-btn.is-active{background:var(--wp-admin-theme-color,#007cba)!important;border-color:var(--wp-admin-theme-color,#007cba)!important;color:#fff!important}.photo-collage-anchor-btn:hover:not(.is-active){background:#f0f0f0!important}.photo-collage-z-index-control{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.photo-collage-z-index-buttons{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px;margin-top:-8px}.photo-collage-box-control{display:flex;flex-direction:column;gap:12px;margin-top:12px}.photo-collage-box-center{align-items:center;border:2px solid #8c8f94;color:#8c8f94;display:flex;flex-shrink:0;font-size:10px;font-weight:600;height:60px;justify-content:center;width:60px}.photo-collage-box-center.is-dashed{border-style:dashed}.photo-collage-unit-control-small{width:80px}.components-box-control .components-unit-control-wrapper{min-width:70px}.components-box-control .components-unit-control-wrapper input[type=number]{min-width:45px;text-align:center}.components-box-control .components-input-control__input{min-width:40px;text-align:center}.components-panel__body .components-box-control .components-unit-control-wrapper{flex:1;min-width:60px}.wp-block-photo-collage-image{box-sizing:border-box!important;position:relative}.wp-block-photo-collage-image[style*=aspect-ratio]{min-height:unset}.wp-block-photo-collage-image:not([style*=aspect-ratio]){min-height:150px}.wp-block-photo-collage-image.is-selected{outline:2px solid var(--wp-admin-theme-color,#007cba);outline-offset:-2px}.wp-block-photo-collage-image{background-color:rgba(0,0,0,.03);border:none;outline:1px dashed rgba(0,0,0,.1);outline-offset:-1px}.wp-block-photo-collage-image img{display:block;pointer-events:none}.wp-block-photo-collage-image .components-placeholder{align-items:center;background:transparent;display:flex;height:100%!important;justify-content:center;min-height:150px!important;width:100%!important}.wp-block-photo-collage-image .photo-collage-image-figure{height:100%;margin:0;width:100%}.wp-block-photo-collage-image .photo-collage-image-caption:focus{outline:1px solid var(--wp-admin-theme-color,#007cba);outline-offset:2px}.wp-block-photo-collage-image .photo-collage-image-caption[data-is-placeholder-visible=true]{opacity:.62}.wp-block-photo-collage-image .photo-collage-image-caption.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.wp-block-photo-collage-image .photo-collage-image-caption.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.wp-block-photo-collage-image .photo-collage-image-caption.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.wp-block-photo-collage-image .photo-collage-image-caption.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}.wp-block-photo-collage-image .photo-collage-image-caption.has-xx-large-font-size{font-size:var(--wp--preset--font-size--xx-large)!important}.caption-position-control{display:grid;gap:2px;grid-template-columns:28px 1fr 28px;grid-template-rows:28px 1fr 28px;margin:8px auto;width:180px}.caption-position-top{display:flex;gap:2px;grid-column:2;grid-row:1;justify-content:center}.caption-position-left{display:flex;flex-direction:column;gap:2px;grid-column:1;grid-row:2;justify-content:center}.caption-position-center{align-items:center;background:#f0f0f0;border:1px dashed #ccc;border-radius:2px;display:flex;grid-column:2;grid-row:2;justify-content:center;min-height:50px}.caption-position-center-icon{align-items:center;color:#8c8f94;display:flex;justify-content:center}.caption-position-center-icon svg{height:24px;width:24px}.caption-position-right{display:flex;flex-direction:column;gap:2px;grid-column:3;grid-row:2;justify-content:center}.caption-position-bottom{display:flex;gap:2px;grid-column:2;grid-row:3;justify-content:center}.caption-position-btn{background:#f0f0f0!important;border:1px solid #ddd!important;border-radius:2px!important;cursor:pointer;height:28px!important;min-width:28px!important;padding:0!important;transition:background-color .1s ease,border-color .1s ease;width:28px!important}.caption-position-btn:focus{box-shadow:0 0 0 2px var(--wp-admin-theme-color,#007cba)!important;outline:none!important}.caption-position-btn:hover:not(.is-active){background:#e0e0e0!important;border-color:#ccc!important}.caption-position-btn.is-active{background:var(--wp-admin-theme-color,#007cba)!important;border-color:var(--wp-admin-theme-color,#007cba)!important;color:#fff!important}
.photo-collage-parent-notice.components-notice{box-sizing:border-box;font-size:12px;line-height:1.5;margin:0 0 8px;max-width:100%;opacity:1;position:relative;transform:none;z-index:1}.photo-collage-parent-notice.components-notice .components-notice__content{margin:0}
.photo-collage-canvas-controls{--photo-collage-control-size:30px;--photo-collage-resize-transform:translate(50%,50%) rotate(var(--photo-collage-control-counter-rotation,0deg));--photo-collage-resize-cursor:nwse-resize;--photo-collage-resize-grip-border-width:0 2px 2px 0;inset:0;pointer-events:none;position:absolute;z-index:100}.has-photo-collage-canvas-controls{z-index:999999!important}.has-photo-collage-canvas-controls.is-photo-collage-transforming{opacity:1!important}.photo-collage-canvas-control-tooltip{display:block;height:var(--photo-collage-control-size);left:50%;pointer-events:auto;position:absolute;top:0;transform:translate(-50%,-50%) rotate(var(--photo-collage-control-counter-rotation,0deg));width:var(--photo-collage-control-size)}.photo-collage-canvas-control-tooltip--resize{inset:auto 0 0 auto;transform:var(--photo-collage-resize-transform)}.photo-collage-canvas-control{align-items:center;background:var(--wp-admin-theme-color,#007cba);border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.35);color:#fff;display:flex;height:var(--photo-collage-control-size);justify-content:center;margin:0;min-height:var(--photo-collage-control-size);min-width:var(--photo-collage-control-size);padding:0;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:var(--photo-collage-control-size)}.photo-collage-canvas-control:hover{background:var(--wp-admin-theme-color-darker-10,#006ba1)}.photo-collage-canvas-control:focus-visible{box-shadow:0 0 0 4px var(--wp-admin-theme-color,#007cba),0 1px 3px rgba(0,0,0,.35);outline:2px solid #fff;outline-offset:1px}.photo-collage-canvas-control--move{cursor:grab}.photo-collage-canvas-control--move:active{cursor:grabbing}.photo-collage-canvas-control--resize{cursor:var(--photo-collage-resize-cursor);position:relative}.photo-collage-canvas-control--resize:before{border:solid;border-width:var(--photo-collage-resize-grip-border-width);content:"";height:8px;width:8px}.is-photo-collage-interacting{cursor:grabbing;-moz-user-select:none;user-select:none;-webkit-user-select:none}.is-photo-collage-resize{--photo-collage-resize-cursor:nwse-resize;cursor:var(--photo-collage-resize-cursor)}@media(max-width:782px){.wp-block-photo-collage-container.is-stack-on-mobile>.wp-block-photo-collage-frame>.photo-collage-canvas-controls,.wp-block-photo-collage-container.is-stack-on-mobile>.wp-block-photo-collage-image>.photo-collage-canvas-controls{display:none}}@media(forced-colors:active){.photo-collage-canvas-control{background:ButtonFace;border:2px solid ButtonText;color:ButtonText}}
.block-editor-block-inspector [role=tabpanel]:has(.photo-collage-position-size-panel){display:flex;flex-direction:column}.block-editor-block-inspector [role=tabpanel]>:has(.photo-collage-position-size-panel){order:-1}