:root{color-scheme:light;--ink:#17212b;--muted:#5d6a75;--line:#c9d3dc;--panel:#f7f9fb;--panel-strong:#edf3f7;--accent:#0f7c80;--accent-dark:#075f63;--danger:#a33a3a;--white:#fff}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:#eef3f5;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}main{min-height:100vh;padding:32px 18px}.workspace{width:min(1080px,100%);margin:0 auto}.intro{margin-bottom:22px}.eyebrow{margin:0 0 8px;color:var(--accent-dark);font-size:.85rem;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:2.7rem;line-height:1.05}.intro p:last-child{max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.55}.dropzone{display:grid;min-height:230px;place-items:center;grid-gap:8px;gap:8px;padding:28px;border:2px dashed var(--accent);border-radius:8px;background:var(--white);cursor:pointer;text-align:center;transition:background .2s ease,border-color .2s ease}.dropzone.dragging{background:#e6f3f3;border-color:var(--accent-dark)}.dropzone .camera-input,.dropzone input{display:none}.dropzone strong{font-size:1.45rem}.dropzone small,.dropzone span{color:var(--muted)}.capture-actions{display:flex;align-items:center;gap:12px;margin:14px 0 18px}.capture-actions button{min-width:150px;padding:0 16px;border-color:var(--accent);background:var(--white);color:var(--accent-dark)}.capture-actions button:hover{background:#e6f3f3}.capture-actions span{color:var(--muted);line-height:1.45}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:18px 0}.controls label{display:grid;grid-gap:8px;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-weight:700}input[type=range],select{width:100%}select{min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.summary{display:flex;justify-content:space-between;gap:12px;margin:16px 0;color:var(--muted);font-weight:700}.image-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.image-list li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;min-height:94px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.image-list li.invalid{border-color:#d99b9b;background:#fff7f7}.thumb{display:grid;width:76px;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:8px;background:var(--panel-strong);color:var(--danger);font-weight:800}.thumb img{width:100%;height:100%;object-fit:cover}.file-info{display:grid;grid-gap:5px;gap:5px;min-width:0}.file-info span,.file-info strong{overflow-wrap:anywhere}.file-info span{color:var(--muted)}.invalid .file-info span{color:var(--danger)}.item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}button{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.item-actions button{padding:0 10px}.footer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.footer-actions button{min-width:130px;padding:0 18px}.primary{border-color:var(--accent);background:var(--accent);color:var(--white)}.primary:not(:disabled):hover{background:var(--accent-dark)}.secondary:not(:disabled):hover{background:var(--panel-strong)}.message{margin:14px 0 0;color:var(--accent-dark);font-weight:700}@media (max-width:760px){main{padding:22px 12px}h1{font-size:2.05rem}.controls{grid-template-columns:1fr}.capture-actions{align-items:stretch;flex-direction:column}.capture-actions button{width:100%}.image-list li{grid-template-columns:64px minmax(0,1fr)}.thumb{width:64px}.item-actions{grid-column:1/-1;justify-content:stretch}.item-actions button{flex:1 1}.footer-actions{display:grid;grid-template-columns:1fr}}