.pi-page{gap:var(--space-6);flex-direction:column;max-width:1400px;display:flex;container-type:inline-size}.pi-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.pi-form{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.pi-fields{gap:var(--space-5);flex-direction:column;display:flex}.pi-logo{gap:var(--space-2);flex-direction:column;display:flex}.pi-legs{gap:var(--space-3);border:0;flex-direction:column;margin:0;padding:0;display:flex}.pi-leg-list{border-top:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pi-leg{gap:var(--space-3) var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid}.pi-leg-art{aspect-ratio:5/3;border-radius:var(--radius-md);background:var(--surface-media);max-width:240px;overflow:hidden}.pi-leg-fields{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.pi-leg-scene{font-family:var(--font-mono);font-size:var(--text-mono-meta);line-height:var(--text-mono-meta--line-height);color:var(--ink-muted);margin:0}.pi-preview{min-width:0}.pi-preview-fold{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}.pi-preview-summary{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);min-height:44px;padding:var(--space-3) var(--space-4);cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}.pi-preview-summary::-webkit-details-marker{display:none}.pi-preview-summary h2{margin:0}.pi-preview-summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-lg)}.pi-preview-note{color:var(--ink-muted)}.pi-preview-frame{border-top:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);max-height:70vh;overflow:auto}.pi-preview-frame:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.pi-preview-page{zoom:var(--pi-zoom,.4);pointer-events:none;width:1280px;position:relative}.pi-preview-page .hp-skip{display:none}@container (width>=640px){.pi-leg{grid-template-columns:200px minmax(0,1fr)}}@container (width>=960px){.pi-layout{gap:var(--space-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.pi-preview{top:var(--space-4);position:sticky}.pi-preview-frame{max-height:calc(100vh - 140px)}}.pi-choice{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.pi-upload{gap:var(--space-3);flex-direction:column;display:flex}.pi-leg-img{object-fit:cover;width:100%;height:100%;display:block}