.portrait-image-submit{display:grid;gap:1rem;max-width:42rem}.portrait-image-submit label,.portrait-crop-review label{display:grid;gap:.5rem}.portrait-image-submit input,.portrait-image-submit select{width:100%;min-width:0;background:var(--panel,#161e16);color:var(--text,#e7e8db);border:1px solid var(--line,#424a3d);padding:.75rem}.portrait-upload-preview{width:15rem;max-width:100%;max-height:22rem;object-fit:contain}.portrait-image-history{display:grid;gap:1rem}.portrait-image-history article{display:flex;align-items:flex-start;gap:1rem;border-top:1px solid var(--line,#424a3d);padding-top:1rem}.portrait-image-history img{width:6rem;height:7.5rem;object-fit:contain}.portrait-image-history p{margin:.35rem 0}.portrait-crop-review{min-width:0;border:1px solid var(--line,#424a3d);padding:1rem}.portrait-crop-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:1.25rem}.portrait-crop-layout canvas{width:100%;height:auto;background:#090f0b;border:1px solid var(--line,#424a3d)}.portrait-crop-layout>div{display:grid;align-content:start;gap:.75rem}.portrait-crop-layout input[type=range]{width:100%;accent-color:var(--gold,#c3b27b)}.portrait-crop-layout output{font-variant-numeric:tabular-nums}.portrait-image-submit button:disabled{opacity:.6}@media(max-width:650px){.portrait-crop-layout{grid-template-columns:1fr}.portrait-crop-layout canvas{max-width:300px}.portrait-image-history article{gap:.65rem}}