@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&family=Manrope:wght@400;600;700&display=swap');
:root{font-family:Manrope,sans-serif;color:#252525;background:#fff;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header{background:#1b1b1b;color:#efe9de;border-top:4px solid #f4835a;padding:30px 4%;display:flex;justify-content:space-between;gap:20px;align-items:center}a{color:#ad4a26}header a,header a:visited{color:#efe9de}header .brand{text-decoration:none;display:grid;gap:9px}.brand span{font-size:11px;letter-spacing:2.5px}nav{display:flex;align-items:center;gap:24px}nav button{color:#efe9de;border-color:#5e6a60;background:transparent}.private{font-size:13px}main{max-width:1200px;padding:48px 32px 80px;margin:auto;min-height:78vh}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#ad4a26}h1,h2,h3{font-family:'Hanken Grotesk',sans-serif;line-height:1.12;letter-spacing:-.03em}h1{font-size:clamp(34px,4vw,54px);margin:14px 0 20px}h2{font-size:27px}h3{font-size:23px;margin:14px 0}p{max-width:750px}.heading{margin-bottom:42px}.help{font-size:13px;color:#5e6a60}.upload{border-top:1px solid #ded8c8;border-bottom:1px solid #ded8c8;padding:34px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px}form{display:grid;gap:18px}label{display:block;font-weight:600;font-size:14px}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #cbc4af;border-radius:4px;background:white;font:inherit;color:inherit;margin-top:6px}button,.button{font:inherit;cursor:pointer;padding:11px 18px;border:1px solid #cbc4af;border-radius:4px;text-decoration:none;background:#fff;color:#252525;display:inline-block;font-weight:600}.primary,.button:not(.secondary){background:#f4835a;border-color:#f4835a;color:#252525}button:disabled{opacity:.5;cursor:wait}button:hover,.button:hover{filter:brightness(.96)}:focus-visible{outline:3px solid #ad4a26;outline-offset:3px}.library-top,.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px}.library-top label{min-width:150px}#count{font-size:16px;color:#5e6a60;margin-left:12px}#items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border:1px solid #ded8c8;padding:25px;min-width:0}.card p{overflow-wrap:anywhere}.badge{font-size:12px;color:#5e6a60;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.empty{padding:35px;background:#efe9de;grid-column:1/-1}.filemeta{font-size:12px;color:#5e6a60}#message:not(:empty){padding:16px;background:#efe9de;border-left:3px solid #f4835a}#preview{margin-top:20px;border:1px solid #ded8c8}#preview iframe{display:block;width:100%;height:78vh;border:0;background:white}#preview img{max-width:100%;display:block;margin:auto}#preview pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px}footer{background:#efe9de;padding:26px 4%;display:flex;justify-content:space-between;font-size:13px;color:#5e6a60;gap:20px}@media(max-width:700px){header{padding:22px;align-items:flex-start}header img{width:150px;height:auto}nav{gap:10px;flex-direction:column;align-items:flex-end;font-size:12px}main{padding:30px 20px 50px}.upload{grid-template-columns:1fr;gap:16px}#items{grid-template-columns:1fr}.library-top,.viewer-top{align-items:flex-start;flex-direction:column}footer{flex-direction:column}.actions button,.actions .button{flex:1}#preview iframe{height:70vh}}

#access-form{background:#efe9de;padding:24px;margin:24px 0;max-width:760px}#recipients label{display:flex;gap:12px;align-items:center;margin:10px 0;overflow-wrap:anywhere}#recipients input{width:auto;margin:0}
