:root{color:#171512;background:#f4f0e8;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{grid-template-columns:1fr 1fr;gap:32px;max-width:1160px;margin:auto;padding:56px 24px;display:grid}header{text-align:center;grid-column:1/-1;margin-bottom:20px}header span{letter-spacing:.3em;font-size:12px}h1{margin:18px 0 8px;font:400 42px Georgia,serif}header p{color:#716b61}.panel,.result{background:#fbf9f4;border:1px solid #d9d2c7;padding:28px}.secret{gap:8px;font-size:13px;display:grid}.secret input{background:#fff;border:1px solid #bdb5a9;padding:13px}fieldset{border:0;margin:28px 0;padding:0}legend{margin-bottom:12px;font:20px Georgia,serif}.options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.options button{color:#171512;cursor:pointer;background:#fffdf8;border:1px solid #d8d0c3;min-height:46px}.options button.selected{background:#fffdf8;border:1.5px solid #171512;box-shadow:inset 0 0 0 2px #fffdf8}.colors button:before{content:"";background:#ddd;border-radius:50%;width:13px;height:13px;margin-right:8px;display:inline-block}.colors [data-color=Pink]:before{background:#e8b5bd}.colors [data-color=Blue]:before{background:#9fc5d6}.colors [data-color=Yellow]:before{background:#ead077}.colors [data-color=Green]:before{background:#a9c1a2}.colors [data-color=Champagne]:before{background:#cfb58f}.generate{color:#fff;cursor:pointer;background:#191713;border:0;width:100%;padding:16px}.generate:disabled{opacity:.45}.result{text-align:center;flex-direction:column;justify-content:center;gap:15px;min-height:560px;display:flex}.result img{width:100%;height:auto}.result a{color:#171512}.result small,.result p{color:#746e64}.error{color:#9b2f25;font-size:14px}@media (max-width:760px){main{grid-template-columns:1fr;padding:30px 16px}h1{font-size:34px}.result{min-height:360px}}