:root{color-scheme:light;--ink:#182330;--muted:#536273;--edge:#ced6df;--blue:#2448ca;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#f5f7f9;color:var(--ink);min-height:100vh}
header{background:#172434;color:white}
nav{max-width:1184px;height:62px;padding:0 clamp(20px,5vw,64px);margin:auto;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:680;letter-spacing:-.7px;color:white}
.nav-label{border-left:1px solid #576370;padding-left:20px;font-size:13px;color:#cbd5df}
main{width:min(808px,calc(100% - 40px));margin:clamp(40px,8vh,82px) auto 50px}
h1{font-size:clamp(28px,4vw,42px);line-height:1.14;font-weight:640;letter-spacing:-1.6px;margin:0}
.intro{font-size:16px;line-height:1.6;color:var(--muted);margin:12px 0 28px}
.panel{background:#fff;border:1px solid var(--edge);border-radius:6px;overflow:hidden}
.fields{padding:clamp(18px,4vw,32px)}
.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
label{display:block;font-size:14px;font-weight:650}
.mono,.crypto,textarea,input,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.mono,.crypto{color:var(--muted);font-size:12px}
textarea,input,select{border:1px solid #aab7c5;border-radius:4px;background:white;color:var(--ink)}
textarea,input{display:block;width:100%;font-size:14px;line-height:1.55;padding:14px;margin-top:10px}
textarea{min-height:177px;resize:vertical}textarea::placeholder{color:#697789}
.expiry,.actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.expiry{margin-top:24px}
.expiry p,#note{font-size:14px;line-height:1.6;color:var(--muted);margin:4px 0 0}
select{padding:10px 12px;min-width:127px;font:inherit;font-size:14px}
.actions{padding:17px clamp(18px,4vw,32px);border-top:1px solid #dce2e8;background:#f8fafb}
a{color:var(--blue);font-size:14px;text-underline-offset:3px}
button{cursor:pointer;padding:11px 18px;font:600 14px/1.3 system-ui,sans-serif;border-radius:4px;color:var(--ink);border:1px solid #aab7c5;background:white}
.primary{color:white;background:var(--blue);border-color:var(--blue)}
.primary:hover{background:#1a389f}
button:disabled{opacity:.65;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #597de3;outline-offset:2px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;padding:16px;border:1px solid var(--edge);font-size:14px}
.error,noscript{display:block;margin:0;padding:14px 20px;background:#fff1f1;color:#922326;font-size:14px}
[hidden]{display:none!important}
@media(max-width:520px){.expiry,.actions{align-items:stretch;flex-direction:column}.actions a{align-self:start}.crypto{font-size:11px}h1{letter-spacing:-1px}}