:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#10151a;color:#eeeae1}*{box-sizing:border-box}body{margin:0;padding:0 6vw}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.8px;color:#8d979d}header{height:100px;border-bottom:1px solid #ffffff14}.brand{font-size:15px;font-weight:700;letter-spacing:3px;color:#eeeae1;text-decoration:none}main{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(350px,1.25fr);align-items:center;gap:7vw;max-width:1400px;margin:56px auto}.eyebrow{font-size:10px;letter-spacing:2px;color:#b1cab8}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,5vw,76px);line-height:1.04;letter-spacing:-3px;margin:23px 0}h1 em{color:#b6e5c5;font-weight:400}.lede{color:#9aa4ac;line-height:1.7;font-size:15px;max-width:345px}form{margin-top:34px;max-width:360px}label,.label-row{display:block;font-size:12px;color:#c1c9cd;margin:19px 0 10px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row label{margin:0}output{color:#b6e5c5;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#b6e5c5;cursor:pointer}select,input[type=number],button{background:#1c242b;border:1px solid #39434b;color:#eeeae1;border-radius:6px;padding:13px;font:inherit;font-size:13px}select{width:100%}.seed-row{display:flex;gap:10px}.seed-row input{width:100px;min-width:0}.seed-row button{flex:1;cursor:pointer}button:hover{border-color:#b6e5c5}.hint{font-size:11px;color:#8d979d;margin:10px 0 22px}.download{display:flex;justify-content:space-between;background:#c0e9cd;color:#14231b;padding:16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:700}.download:hover{background:#d4f7de}.download span{font-size:11px}.frame{border:1px solid #ffffff18;border-radius:50% 50% 8px 8px;overflow:hidden;background:#0b1425;box-shadow:0 24px 80px #0005}.frame img{display:block;width:100%;height:auto}.caption{display:flex;justify-content:space-between;gap:15px;margin-top:23px;font-size:10px;letter-spacing:1.8px;color:#b0bac1}#status{font-size:12px;color:#89949d;min-height:16px}footer{border-top:1px solid #ffffff14;padding:24px 0 30px;letter-spacing:1px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b6e5c5;outline-offset:4px}@media(max-width:760px){body{padding:0 6vw}header{height:76px}header>span{display:none}main{grid-template-columns:1fr;gap:32px;margin:32px auto}.gallery{grid-row:1}.frame{max-width:460px;margin:auto}.intro h1{font-size:48px}.intro .lede,form{max-width:none}.caption{font-size:9px}footer{font-size:9px}footer span:last-child{display:none}}
