/* Keep photo controls next to the working area while scrolling long galleries. */
.layout-editor{min-width:0}
.layout-editor .layout-inspector{position:sticky;top:12px;z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin:20px 0 0;padding:15px 18px;background:var(--bg,#10100f);border:1px solid var(--line,#ffffff36);box-shadow:0 7px 22px #0003}
.layout-editor .layout-selection{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
.layout-editor .layout-selection button{padding:5px 0;border:0;background:transparent;color:inherit;font-size:12px;text-decoration:underline;min-height:30px}
.layout-editor .layout-selection button:disabled{opacity:.4;text-decoration:none}
.layout-editor .layout-inspector label{min-width:0;margin:0;font-size:12px;display:block}
.layout-editor .layout-inspector output{float:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.layout-editor .layout-inspector input[type=range]{width:100%;height:28px;padding:0;margin:5px 0 0;border:0;background:transparent;cursor:ew-resize}
.layout-editor .layout-move{background:transparent}
.layout-editor .layout-move img,.layout-rotated-photo{transform:rotate(var(--image-angle,0deg)) scale(var(--image-scale,1))!important;transform-origin:center;transition:none!important}
.composed-gallery .layout-rotated-photo{position:relative}
.color-control{margin:0 0 20px;min-width:0}
.color-control>label{display:block;margin-bottom:8px}
.color-control-inputs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.color-control-inputs [data-color-hex]{flex:1 1 110px;min-width:0!important;width:auto!important;max-width:100%;font-family:var(--mono,monospace)}
.color-control-inputs input[type=color][data-color-picker]{flex:0 0 48px;width:48px!important;height:46px;padding:4px!important;border:1px solid var(--line);background:transparent;cursor:pointer}
.color-control-inputs [data-color-clear]{flex:0 0 auto;min-height:44px;padding:5px 0;border:0;background:transparent;color:inherit;text-decoration:underline;font-size:12px}
.color-control-inputs [data-color-clear]:disabled{opacity:.4;text-decoration:none}
.color-control .form-help{display:block;margin-top:9px}
@media(max-width:600px){.layout-editor .layout-inspector{top:8px;gap:8px 12px;padding:11px 12px}.layout-editor .layout-selection{font-size:12px}.layout-editor .layout-inspector label{font-size:11px}.layout-editor .layout-canvas{margin-top:12px}}
