:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17151e;background:#f3f1f7;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 920px)/2));background:#fff;border-bottom:1px solid #ded9e8}.brand{color:#17151e;text-decoration:none;font-weight:800;font-size:20px}.brand span{color:#7247e8}main{max-width:920px;margin:0 auto;padding:72px 24px}.card{background:#fff;border:1px solid #ded9e8;border-radius:20px;padding:clamp(28px,6vw,64px);box-shadow:0 20px 60px rgba(34,20,64,.08)}h1{font-size:clamp(38px,7vw,68px);line-height:1.02;letter-spacing:-.045em;max-width:780px;margin:.25em 0}h2{font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#7247e8}.lede{color:#625b70;max-width:620px}form{margin-top:40px}label{display:block;font-weight:700;margin:18px 0 8px}.slug{display:flex;align-items:center;border:1px solid #b8b0c6;border-radius:10px;overflow:hidden}.slug:focus-within{outline:3px solid #d8cafa}.slug input{border:0;outline:0;flex:1;min-width:80px;padding:14px;font:inherit}.slug span{padding-right:14px;color:#625b70}#drop-zone{border:2px dashed #a58ecf;border-radius:14px;padding:44px 20px;text-align:center;cursor:pointer;background:#faf8ff}#drop-zone span{display:block;font-weight:400;color:#625b70;margin-top:4px}#bundle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button,.button{display:inline-block;border:0;border-radius:9px;background:#17151e;color:#fff;padding:13px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin-top:20px}.quiet{background:transparent;color:#42384f;border:1px solid #b8b0c6;margin:0}.status{margin-top:28px;padding:16px;border-radius:10px;background:#f3efff}.status.error{background:#fff0f0;color:#8c1717}.warning{margin-top:20px;padding:20px;border:1px solid #d8cafa;border-radius:12px;background:#faf8ff}.warning h2{margin-top:0}.actions{display:flex;align-items:center;gap:12px}.actions button{margin-top:8px}dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px}dt{font-weight:700}dd{margin:0}input:not(#bundle){font:inherit;padding:12px;border:1px solid #b8b0c6;border-radius:8px}@media(max-width:600px){main{padding:32px 16px}.card{padding:28px 20px}.slug{align-items:stretch;flex-direction:column}.slug span{padding:0 14px 12px}.actions{align-items:stretch;flex-direction:column}.actions button{width:100%;margin-top:4px}}
