#dropzone{border:2px dashed var(--control);border-radius:12px;padding:1rem;background:var(--bg)}#dropzone.drag{background:var(--soft)}#dropzone p{font-size:.85rem;margin-bottom:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.fields label{display:grid;align-content:start;gap:.5rem}.fields .check{display:flex;align-items:center}.check input{width:20px;min-height:20px}.fields input[type=color]{width:100%;height:44px}progress{width:100%;margin-top:1rem}.photo-result{margin:1rem 0;border:1px solid var(--line);border-radius:10px;padding:1rem;overflow-wrap:anywhere}.photo-result img{width:160px;max-height:120px;object-fit:contain;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px}.photo-result h3{margin:.4rem 0}.photo-result dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;font-size:.85rem}.photo-result dt{font-weight:bold}.photo-result dd{margin:0}.photo-result a{display:inline-flex;min-height:44px;align-items:center;padding:.6rem;border:1px solid var(--control);border-radius:8px}.selected-file{font-size:.85rem;overflow-wrap:anywhere}.meter{height:7px;background:var(--line);border-radius:4px;margin:.8rem 0}.meter span{display:block;max-width:100%;height:100%;background:var(--accent);border-radius:4px}#selected{margin:.8rem 0}@media(max-width:500px){.fields{grid-template-columns:minmax(0,1fr)}.photo-result dl{grid-template-columns:1fr}.photo-result dd{margin-bottom:.4rem}}

.fields>label{min-width:0}.fields select,.fields input:not([type=checkbox]){width:100%;min-width:0;max-width:100%}.fields input[type=range]{margin-inline:0}