.converter-drop{border:1px dashed var(--line-bright);width:calc(100% - 32px);min-height:150px;color:var(--text);background:var(--ink-1);cursor:pointer;overflow-wrap:anywhere;border-radius:5px;gap:10px;margin:16px;padding:24px;display:grid}.converter-drop span,.converter-controls p,.converter-preview p{color:var(--text-soft);font-size:12px;line-height:1.6}.converter-drop:disabled{cursor:wait;opacity:.6}.converter-preview{text-align:center;padding:0 16px}.converter-preview img{object-fit:contain;max-width:min(100%,300px);max-height:240px;image-rendering:pixelated}.converter-controls{gap:8px;padding:16px;display:grid}.converter-controls label{font-size:13px;font-weight:700}.converter-controls select{border:1px solid var(--line-bright);width:100%;min-height:42px;color:var(--text);background:var(--ink-1);font:inherit;border-radius:5px;padding:8px 10px}.converter-controls p{margin:0}.converter-warnings{border:1px solid var(--line-bright);border-left:3px solid var(--gold);color:var(--text-soft);background:var(--ink-1);margin:0 16px 16px;padding:14px;font-size:12px;line-height:1.6}.converter-warnings ul{margin:8px 0 0;padding-left:18px}.converter-status{color:var(--mint);margin:0;padding:0 16px 12px;font-size:12px}.converter-status:empty{padding:0}.converter-page :is(button,select,a):focus-visible{outline:2px solid var(--aqua);outline-offset:3px}