:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#060409;color:#f5edff;font:14px system-ui,sans-serif}header,main{max-width:1100px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #392248}h1{font-size:clamp(30px,5vw,52px);letter-spacing:-2px}h2{color:#c6a4fb}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#cba6ff}section,form#login{padding:24px;margin:24px 0;background:#100b19;border:1px solid #35213e;border-radius:16px}form#login{max-width:460px}label{display:grid;gap:8px;margin:16px 0}input,textarea,select,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #51336c;background:#08050e;color:inherit}input,textarea,select{width:100%}button{background:#7638bb;cursor:pointer}button:disabled{opacity:.4;cursor:wait}.row{padding:16px 0;border-bottom:1px solid #35213e;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.row>div{flex:1;min-width:180px}article{border-top:1px solid #392248;padding:18px 0}article p{line-height:1.7;color:#b9adc6}.actions{display:flex;gap:12px;flex-wrap:wrap}#message:not(:empty){padding:16px;background:#2c173d;border-radius:8px}#generate{display:flex;gap:16px;align-items:end;flex-wrap:wrap}#generate label{margin:0}#download{padding:16px 0}.muted{color:#b9adc6}details{margin:18px 0}summary{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #dfc3ff;outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){header,main{padding:18px}section{padding:18px}h1{letter-spacing:-1px}}