/* Tools stay in the document; the poster stays in view while they scroll. */
.layout{align-items:start}
.preview-pane{position:sticky;top:12px;align-self:start;overflow:visible}
.actions:empty{display:none}
.p-chip{position:absolute;z-index:3;cursor:grab;touch-action:none;user-select:none;line-height:1.3;font-weight:700;padding:17px 23px 19px;border:0;border-radius:22px 7px 22px 7px;box-shadow:0 6px 0 rgba(30,43,26,.14);transform-origin:center;}
.p-chip.detail-yellow{background:#F5C93E;color:#1E2B1A}
.p-chip.detail-cream{background:#FAF3E8;color:#1A5E55}
.p-chip.detail-green{background:#155f55;color:#fffdf7}
.p-chip.detail-terra{background:#a84529;color:#fffdf7}
.detail-caption{display:block;font-family:"Inter",sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;opacity:.8}
.detail-content{display:block;white-space:pre-wrap}
.p-chip:focus-visible,.p-chip:hover{outline:3px dashed #1E2B1A;outline-offset:6px}
.p-chip.dragging{cursor:grabbing;outline:3px dashed #1E2B1A;outline-offset:6px}
.poster.capturing .p-chip{outline:none!important}
.detail-options{margin-top:8px;border-top:1px solid var(--cream2);padding-top:6px}
.detail-options summary{font-size:12px;font-weight:700;color:var(--green);cursor:pointer;padding:8px 0}
.detail-options .hint{margin:4px 0 12px}
.detail-option{display:flex;align-items:center;justify-content:space-between;gap:12px}
.field .detail-option label{margin:0;letter-spacing:0;text-transform:none;font-size:12px}
.detail-option select{font:inherit;font-size:12px;border:1px solid var(--cream2);border-radius:7px;background:#FCFAF6;padding:9px;color:var(--ink)}
.detail-auto{font:inherit;font-size:12px;font-weight:600;color:var(--green);border:1px solid var(--cream2);background:#fff;border-radius:7px;padding:10px 12px;margin-top:8px;cursor:pointer}
.detail-options :focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:900px){
  .preview-pane{grid-row:1;top:0;z-index:10;background:#E8E2D8;padding:12px;gap:8px;border-bottom:1px solid #cfc6b8;box-shadow:0 5px 14px rgba(30,43,26,.08)}
  .form{grid-row:2;min-width:0}
  .preview-pane .note{display:none}
  #poster-layout-status{font-size:11px;padding:5px 9px;line-height:1.35;max-width:100%}
}