:root{--ink:#15181c;--panel:#20252b;--line:#3c444e;--paper:#f1f3f5;--muted:#9fa8b2;--blue:#67b7ff;--blue2:#dff0ff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,Segoe UI,Arial,sans-serif;display:flex;min-height:100vh}aside{background:var(--ink);color:#fff;width:280px;flex:none;padding:32px 18px;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;letter-spacing:.13em;font-size:22px;font-weight:800;margin:0 14px 42px}.brand span{color:var(--blue)}.label,.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--blue);margin:0 14px 12px}nav{display:grid;gap:4px}nav a{padding:11px 14px;border-radius:5px;color:#dce2e8;text-decoration:none}nav a:hover,nav a.active{background:#2a333d;color:#fff}.retention{margin:auto 14px 0;color:var(--muted);font-size:12px}main{width:min(1440px,100%);padding:55px 6vw}header{max-width:720px;margin-bottom:32px}h1{font-size:38px;letter-spacing:-.04em;margin:2px 0 8px}h2{font-size:18px;margin:0 0 14px}.layout{display:grid;grid-template-columns:minmax(390px,1fr) minmax(300px,1fr);gap:22px}.card{background:#fff;border:1px solid #dfe3e7;border-radius:10px;padding:24px;box-shadow:0 2px 7px #00000008}.help{color:#53606c;margin:0 0 20px}label{font-weight:700;font-size:13px;display:block;margin:16px 0 7px}textarea{width:100%;height:510px;border:1px solid #bfc7d0;border-radius:6px;padding:13px;background:#192028;color:#e6f3ff;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}input[type=file]{width:100%;border:1px dashed #90a0b0;padding:12px;border-radius:6px;background:#fafcff}button{border:0;background:#126bb2;color:#fff;border-radius:5px;font-weight:700;padding:12px 19px;margin-top:23px;cursor:pointer}button:hover{background:#075795}.empty{color:#67737f;min-height:220px}.files{display:grid;gap:16px}.files article{border-bottom:1px solid #e5e8eb;padding-bottom:14px}.files img{display:block;max-width:100%;max-height:290px;object-fit:contain;background:#111;margin-bottom:9px}.download{color:#075fa9;font-weight:700;word-break:break-word}.notice{border-radius:6px;padding:12px 15px;margin-bottom:20px}.notice.error{background:#fee8e8;color:#8c1d1d}@media(max-width:900px){body{display:block}aside{width:auto;min-height:auto;padding:20px}.brand{margin-bottom:20px}.retention{display:none}nav{grid-template-columns:repeat(2,1fr)}main{padding:35px 20px}.layout{grid-template-columns:1fr}}
