:root{--white:#ffffff;--black:#111111;--line:#e9e9e9;--muted:rgba(17,17,17,0.92);--faint:rgba(17,17,17,0.75);--serif:"Collier","Georgia","Times New Roman",serif;--sans:"Neue Haas Grotesk Display Pro","Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#16181d url(/hero_transfer.jpg) 50%/cover no-repeat;color:var(--black);font-family:var(--sans);font-weight:300;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}@media (min-width:641px) and (hover:hover){body{background-attachment:fixed}}.stage{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px clamp(24px,7vw,110px);gap:14px}@media (max-width:640px){.stage{align-items:center;padding:32px 20px}}.panel{background:var(--white);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.28);padding:26px;width:100%;max-width:340px}.panel-logo{height:15px;width:auto;display:block;margin-bottom:20px}.panel-wide{max-width:720px}.preview-frame{display:flex;justify-content:center;background:#f5f5f4;border-radius:10px;overflow:hidden}.preview-media{max-width:100%;max-height:65vh;display:block}.preview-doc{width:100%;height:65vh;border:none;display:block;background:var(--white)}.kicker{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}h1.display{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.25}.lede{margin-top:6px;font-size:13px}.label,.lede{color:var(--muted)}.label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px;display:block}input::placeholder,textarea::placeholder{color:rgba(17,17,17,.8);opacity:1}input[type=password],input[type=text],select,textarea{font-family:var(--sans);font-weight:300;font-size:13px;color:var(--black);background:var(--white);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:1.5px solid var(--black);outline-offset:-1px}.field{margin-bottom:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.btn,button{font-family:var(--sans);cursor:pointer;border:none;border-radius:999px;font-size:13px}.btn-primary{background:var(--black);color:var(--white);padding:12px 24px;letter-spacing:.04em;width:100%}.btn-primary:hover{background:#333}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--black);padding:8px 16px}.btn-ghost:hover{border-color:var(--black)}.btn-small{background:transparent;border:1px solid var(--line);padding:4px 11px;font-size:11px;color:var(--black)}.btn-danger:hover,.btn-small:hover{border-color:var(--black)}.btn-danger:hover{background:var(--black);color:var(--white)}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:12px;color:var(--black)}.tab.active{background:var(--black);color:var(--white);border-color:var(--black)}.dropzone{border:1.5px dashed #d6d6d6;border-radius:12px;padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .15s}.dropzone.drag,.dropzone:hover{border-color:var(--black)}.dropzone .big{font-family:var(--serif);font-size:16px;font-style:italic}.dropzone .sub{font-size:11px;color:var(--muted);margin-top:2px}.filerow{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:13px}.filerow:first-child{border-top:none}.filerow .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerow .size{font-size:11px;color:var(--muted);flex:none}.progress{height:3px;background:#efefef;border-radius:2px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:var(--black);transition:width .2s}.linkbox{display:flex;gap:8px;align-items:center;background:var(--white);border:1px solid var(--black);border-radius:10px;padding:10px 11px}.linkbox input{border:none;background:transparent;flex:1 1;font-size:11px;padding:0}.linkbox input:focus{outline:none}.shareitem{border-top:1px solid var(--line);padding:11px 0}.shareitem:first-of-type{border-top:none}.sharetop{display:flex;align-items:center;gap:8px}.sharetop .title{flex:1 1;min-width:0;font-weight:400;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharebottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;flex-wrap:wrap}.sharebottom .sub{font-size:12px;color:var(--muted)}.badge{font-size:8px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);flex:none}.badge.request{border-color:var(--black);color:var(--black)}.badge.expired{color:var(--faint);text-decoration:line-through}.actions{display:flex;gap:5px;flex:none}.error{color:var(--black);background:#f3f3f3;border-radius:8px;padding:8px 11px;font-size:12px;margin-top:10px}.center{text-align:center}.mt{margin-top:14px}