@import url('/styles.css');
:root{--ink:#20342c;--muted:#62716a;--line:#dce4de;--green:#244f3c;--wash:#f6f8f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--wash);font-family:Inter,Segoe UI,sans-serif}.topbar{max-width:none;padding:20px 5%;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-weight:700;text-decoration:none;color:var(--ink)}nav{display:flex;align-items:center;gap:24px}a{color:var(--green)}main{max-width:1240px;margin:auto;padding:52px 32px}h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:14px 0 20px}h2{font-size:24px;letter-spacing:-.6px;margin:10px 0 16px}h3{margin:10px 0}p{line-height:1.65}.eyebrow,.step{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted)}.lede{font-size:17px;max-width:620px;color:var(--muted)}.intro{margin-bottom:42px}.panel{border:1px solid var(--line);background:white;border-radius:18px;padding:30px}.login{display:grid;grid-template-columns:1fr 1fr;gap:60px}.login aside{background:#edf2e6;padding:26px;border-radius:12px}.login aside .step:not(:first-child){display:block;margin-top:30px}.small{font-size:13px;color:var(--muted)}.button,button{font:inherit;cursor:pointer}.button{display:inline-flex;justify-content:center;gap:24px;border:0;background:var(--green);color:white!important;border-radius:9px;padding:14px 22px;text-decoration:none;font-weight:600}.button:hover{background:#32654d}.button[aria-disabled=true],button:disabled{opacity:.5;cursor:not-allowed}.button[aria-disabled=true]{pointer-events:none}.quiet{border:1px solid var(--line);border-radius:8px;padding:9px 14px;background:white;color:var(--ink)}.account{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.account h2{margin:6px 0}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:32px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid var(--line);padding:12px;border-radius:7px;background:#fcfdfb;color:var(--ink);font:inherit;margin-top:8px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #c3d9ba;outline-offset:2px}.drop{border:1px dashed #9db6a6;padding:25px;border-radius:12px;background:#f6f9f2}.drop span{display:block;font-weight:400;font-size:12px;margin-top:10px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.5}.check input{margin-top:4px}.previews,.thumbs{display:flex;gap:10px;overflow:auto}.preview{min-width:100px;width:100px}.preview img{width:100px;height:120px;object-fit:cover;border-radius:6px}.preview button{padding:2px 8px;margin:4px 2px}.thumbs img{width:76px;height:96px;object-fit:cover;border-radius:6px}.queue-heading{display:flex;justify-content:space-between;align-items:center}.pill{border-radius:30px;background:#e7efdf;padding:5px 12px;font-size:12px}.post{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;margin:18px 0}.post h3{overflow-wrap:anywhere}.post .caption{font-size:13px;color:var(--muted);white-space:pre-wrap;max-height:100px;overflow:auto}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.status{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.8px;background:#edf2e6;border-radius:5px;padding:6px 9px}.post[data-status=failed_manual_review] .status{background:#fff0dc}.danger{margin-top:40px}.danger-button{color:#8c3834}#message{border:1px solid #adc4b4;border-radius:10px;padding:16px;background:#edf5ec;margin:20px 0;white-space:pre-wrap}#message[data-error=true]{background:#fff0e9;border-color:#e4b49b}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:26px 32px;display:flex;justify-content:space-between;font-size:13px}[hidden]{display:none!important}@media(max-width:850px){.workspace-grid,.login{grid-template-columns:1fr;gap:24px}.topbar{padding:16px}.topbar nav{gap:12px;font-size:12px}.brand span{font-size:13px}main{padding:32px 18px}.panel{padding:22px}footer{padding:22px 18px}footer nav{gap:12px}}

/* Keep the refresh control reachable and give its pending state a clear affordance. */
.account{gap:16px;flex-wrap:wrap}.account>div{min-width:0;flex:1}#reload{position:relative;z-index:1;flex-shrink:0;min-height:44px;touch-action:manipulation;pointer-events:auto}#reload:not(:disabled){cursor:pointer}#reload:disabled{cursor:wait}

.topbar .brand img{width:64px;height:64px;flex-shrink:0}