:root{--paper:#f5f3eb;--ink:#22392e;--muted:#59634f;--line:#dedfd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'Segoe UI',sans-serif}main{max-width:850px;margin:0 auto;padding:35px 24px 70px}.back{color:var(--ink);font-size:13px}.eyebrow{margin-top:36px;color:#b35536;font-size:10px;letter-spacing:2px;font-weight:bold}h1{font:52px Georgia;margin:10px 0}.intro{color:var(--muted);font-size:17px}.drop{padding:34px 20px;text-align:center;border:2px dashed #b4bfaa;border-radius:10px;margin:28px 0;background:#edf0e5}.drop.dragover{border-color:var(--ink);background:#dfe7d5}.drop strong{font:25px Georgia}.drop p{color:var(--muted)}.actions,.toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.toolbar{justify-content:flex-start;margin:24px 0 12px}button,.button{font:inherit;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:5px;padding:11px 18px;cursor:pointer;display:inline-block;text-decoration:none}.secondary{background:transparent;color:var(--ink);border-color:#bec5b6}button:disabled{opacity:.45;cursor:default}select{font:inherit;max-width:100%;padding:8px;border:1px solid #bec5b6;background:#fffdf7;border-radius:4px;margin:6px}.settings p,.foot{color:var(--muted);font-size:12px}#service{color:#a43b24}#summary{margin-top:20px;font-weight:600}progress{width:100%;accent-color:var(--ink);height:12px;margin:12px 0}ul{list-style:none;padding:0}.item{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px 15px}.filename{overflow-wrap:anywhere;font-weight:600}.detail{font-size:12px;color:var(--muted);grid-column:1/-1}.state{font-size:12px}.item.error .state,.item.error .detail{color:#a43b24}.item.added .state{color:#36603d}.item progress{grid-column:1/-1}.foot{margin:24px 0}a:focus-visible,button:focus-visible,label:focus-within,select:focus-visible{outline:3px solid #a64727;outline-offset:3px}[hidden]{display:none!important}@media(max-width:480px){main{padding:22px 16px 45px}h1{font-size:43px}.drop{padding:25px 12px}.item{grid-template-columns:1fr}.state{grid-column:1}.toolbar button{flex:1 1 auto}.actions label{flex:1}}

input[type=email],input[type=password]{font:inherit;width:100%;max-width:450px;padding:11px;border:1px solid #bec5b6;border-radius:4px;background:#fffdf7}
