:root{font-family:Segoe UI,system-ui;color:#3b2615;background:radial-gradient(circle at top,#fffdf8,#f2e5d1);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{max-width:920px;margin:auto;padding:18px}header{display:flex;align-items:center;gap:14px;margin-bottom:20px}header img{width:64px;height:64px;object-fit:contain}h1,h2,h3,p{margin:0}header p{color:#9b6b2a}header .ghost{margin-left:auto}.card,.drop,.files{background:#ffffffb8;border:1px solid #e8c98e;border-radius:22px;box-shadow:0 14px 40px #7f54151a;backdrop-filter:blur(18px)}.pair{max-width:460px;margin:12vh auto;padding:28px;display:grid;gap:14px}.pair p{color:#725b45}.pair input,dialog input{width:100%;padding:14px;border:1px solid #dec49c;border-radius:12px;font-size:16px}button,.upload{border:0;border-radius:12px;padding:12px 17px;background:linear-gradient(135deg,#e3ad42,#aa6806);color:white;font-weight:600;cursor:pointer;text-align:center}.ghost,nav button{background:#fff8eb;color:#8d5805;border:1px solid #e7c98e}nav{display:flex;gap:8px;overflow:auto;margin-bottom:14px}nav button.active{background:#b97812;color:white}.toolbar{padding:14px;display:flex;gap:10px;align-items:center}.upload input{display:none}select{padding:11px;border-radius:10px;border:1px solid #dec49c}.drop{margin:14px 0;padding:28px;text-align:center;border-style:dashed;color:#8d6e43}.drop.over{background:#fff1ce}.files{overflow:hidden}.file{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #f0dfc5}.file:last-child{border:0}.meta{font-size:12px;color:#846b52}.file a{color:#a46608;text-decoration:none}.danger{background:#fff2ed;color:#a53b21;border:1px solid #efc0b3;padding:8px}.hidden{display:none!important}#status{padding:14px;color:#7e612f}dialog{border:1px solid #e1bf82;border-radius:18px;padding:24px}dialog form{display:grid;gap:14px}dialog form div{display:flex;justify-content:flex-end;gap:8px}@media(max-width:600px){.shell{padding:12px}.file{grid-template-columns:1fr auto}.file .danger{grid-column:2}.toolbar{flex-wrap:wrap}header img{width:52px;height:52px}}