.layout-toggle{position:fixed;right:20px;bottom:146px;z-index:10002;padding:8px 12px;border:1px solid #b8a6d0;border-radius:12px;background:#28262d;color:#ece5fa;font:12px Arial;cursor:pointer}
.layout-panel{position:fixed;right:24px;top:96px;z-index:10003;width:min(320px,calc(100vw - 48px));max-height:calc(100dvh - 192px);overflow:auto;padding:16px;border:1px solid #ffffff30;border-radius:16px;background:#28262df5;color:#ece5fa;font:12px/1.5 Arial;box-shadow:0 8px 32px #0003}
.layout-panel[hidden]{display:none}.layout-actions{display:flex;flex-wrap:wrap;gap:8px}.layout-actions button{padding:8px 12px;border:1px solid #b8a6d055;border-radius:8px;background:#ece5fa;color:#28262d;cursor:pointer}.layout-actions button:disabled{opacity:.35;cursor:default}
.layout-panel textarea{box-sizing:border-box;width:100%;height:128px;margin-top:12px;padding:8px;border:1px solid #b8a6d055;border-radius:8px;background:#19191f;color:#ece5fa;font:11px/1.4 monospace}
.layout-handle{display:none}.layout-item{transform-origin:center}
/* Keep the same underlying transform before, during and after editing. */
.about-icon-grid>.about-tile.layout-item:hover{transform:translate(-50%,-50%)}
.layout-editing .layout-item{touch-action:none;cursor:move;transition:none;outline:1px dashed #7255ed55}
.layout-editing .layout-item>.layout-handle{display:block;position:absolute;right:16%;bottom:16%;width:16px;height:16px;padding:0;border:2px solid white;border-radius:50%;background:#7255ed;cursor:nwse-resize;z-index:5;clip-path:none}
.layout-editing .about-caption>.layout-handle{right:0;bottom:0}
@media print{.layout-toggle,.layout-panel,.layout-handle{display:none!important}}
.layout-editing .layout-item.layout-selected{outline:2px solid #7255ed;outline-offset:4px}
.portrait-tools{display:grid;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #ffffff25}
.portrait-tools button{padding:8px 12px;border:1px solid #b8a6d055;border-radius:8px;background:#ece5fa;color:#28262d;cursor:pointer}
.portrait-tools button[aria-pressed="true"]{background:#7255ed;color:white}
.portrait-tools label{display:grid;gap:4px}.portrait-tools input{width:100%;accent-color:#7255ed}
.layout-editing.portrait-editing .about-center-photo{cursor:grab;outline:2px solid #7255ed;outline-offset:4px}
.about-center-photo img{pointer-events:none}