/* Styles shared by the PDF tool pages under pdf/. Loaded after /assets/site.css. */
main{max-width:800px}
.lab{font-size:12px;color:var(--mu);letter-spacing:.06em;margin:24px 0 10px}
.hint{color:var(--mu);font-size:13px}
.err{color:var(--err)}
.dropzone{display:block;border:1px solid var(--fg);border-radius:6px;padding:2rem 1rem;text-align:center;cursor:pointer}
.dropzone.over,.dropzone:focus-within{outline:2px solid var(--fg);outline-offset:2px}
.file-list{list-style:none;padding:0;margin:0}
.file-list li{min-width:0;display:flex;gap:8px;align-items:center;min-height:48px;border-bottom:1px solid var(--ln)}
.file-list .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.file-list .size{color:var(--mu);font-size:12px;white-space:nowrap}
.file-list button{width:44px;height:44px;border:0;background:transparent;color:var(--mu);cursor:pointer}
.file-list button:disabled{opacity:.3;cursor:default}
.opts{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.opts label{display:grid;gap:4px;text-align:left;min-width:0}
.opts select,.opts input[type=text],.opts input[type=number]{width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
.opts label.inline{display:flex;gap:8px;align-items:center}
.opts input[type=color]{width:64px;height:44px;border:1px solid var(--ln2);border-radius:6px;background:var(--field);padding:4px}
.actions{display:flex;gap:8px;margin-top:24px}
#process{flex:1;height:52px;border:0;border-radius:6px;background:var(--ab);color:var(--af);font-weight:700;font-size:16px;cursor:pointer}
#clear{height:52px;padding:0 20px;border:1px solid var(--ln2);border-radius:6px;background:transparent;cursor:pointer}
button:disabled{opacity:.5;cursor:default}
progress{width:100%;margin-top:12px;accent-color:var(--fg)}
#status{margin-top:12px;min-height:1.5em}
#status,.results a,.hint{overflow-wrap:anywhere}
.results>div{margin:8px 0}
.results a{display:block;margin:4px 0}
.results button{height:44px;padding:0 16px;border:1px solid var(--ln2);border-radius:6px;background:transparent;cursor:pointer}

@media (max-width:560px){
  .opts input[type=text],.opts input[type=number],.opts select{font-size:16px}
}