:root{--paper:#f6f0e7;--ink:#25213a;--pink:#f2afce;--purple:#6144b4;--line:#2f2550}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}header,footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 5%;border-bottom:1px solid #cfc6cd;font-size:12px}header>a:first-child{font-weight:bold;text-decoration:none}header>span{font:10px monospace;letter-spacing:1px}main{max-width:1500px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;padding:48px 0 44px}.sticker{display:inline-block;padding:6px 12px;border:1px solid var(--ink);background:#dceca6;font:10px monospace;letter-spacing:.8px;transform:rotate(-2deg)}h1{font:700 clamp(60px,6.5vw,104px)/.9 Arial;margin:25px 0 0;letter-spacing:-6px}h1 i{font:normal 1em Georgia,serif;color:var(--purple)}.intro p{max-width:420px;line-height:1.65;margin:0 0 12px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}form{border:2px solid var(--line);box-shadow:6px 6px 0 #c1acd4;background:#fffaf1;min-width:0}.toolbar{display:flex;justify-content:space-between;background:#cec3ee;padding:10px 15px;border-bottom:2px solid var(--line);font:12px monospace}.form-content{padding:26px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:18px}input,select{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid #a69ba9;background:white;color:var(--ink);border-radius:0;font-size:15px}small{font-weight:normal;display:block;font-size:11px;line-height:1.5;margin-top:8px;color:#6b6170}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:center;gap:10px;font-weight:normal}.check input{width:18px;height:18px;margin:0;accent-color:var(--purple)}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.pdf-link{border:1px solid var(--line);background:var(--purple);color:white;padding:13px 17px;font-size:13px;font-weight:bold;box-shadow:3px 3px 0 var(--line)}button:hover{filter:brightness(1.1)}button.secondary{background:#ecd7f0;color:var(--ink)}.privacy{font-size:11px;color:#6b6170;line-height:1.5;margin:20px 0 0}.forget{background:none;border:0;padding:10px 0 0;color:#6b6170;box-shadow:none;font-size:11px;font-weight:normal;text-decoration:underline}.preview{min-width:0;position:sticky;top:24px}.preview-note{font:9px monospace;display:flex;gap:15px;justify-content:space-between;margin-bottom:13px}.preview-note span:last-child{font:italic 13px Georgia}canvas{width:100%;height:auto;display:block;border:1px solid var(--line);box-shadow:9px 9px 0 #cfc7d9}.preview>p{font-size:11px;color:#6b6170;margin-top:20px}.play{margin:60px 0;padding:40px;background:#dcd5ec;border:1px solid var(--line)}h2{font:42px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:25px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:30px 0}.steps b{font:italic 31px Georgia;color:var(--purple)}h3{font:23px Georgia;margin:12px 0}.steps p{font-size:14px}.pdf-link{display:inline-block;text-decoration:none;margin:8px 0;background:#25213a;font-size:12px}footer{border-bottom:0;border-top:1px solid #cfc6cd;font-size:11px}footer span{font-family:Georgia;font-style:italic}dialog{border:2px solid var(--line);padding:30px;background:var(--paper);max-width:530px;width:calc(100% - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#25213acc}dialog h2{font-size:30px;margin:6px 0 20px}dialog img{display:block;max-width:280px;width:100%;margin:auto}dialog a{display:inline-block;background:var(--purple);color:white;padding:12px 20px;margin-top:22px}dialog p{font-size:12px}.close{position:absolute;right:8px;top:5px;background:none;color:var(--ink);box-shadow:none;border:0;font-size:24px;padding:2px 8px}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;font-size:13px;display:none;max-width:90%;z-index:5}#status.show{display:block}@media(max-width:760px){header{flex-wrap:wrap;gap:10px}header>span{display:none}.intro{grid-template-columns:1fr;gap:25px;padding:35px 0}h1{font-size:70px;letter-spacing:-4px}.studio{grid-template-columns:1fr;gap:35px}.preview{position:static}.form-content{padding:22px}.steps{grid-template-columns:1fr;gap:12px}.play{padding:27px;margin:45px 0}h2{font-size:36px}.two{grid-template-columns:1fr}.preview-note{font-size:8px}.preview-note span:last-child{font-size:11px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.top-three{padding:0;border:0;margin:0 0 18px}.top-three legend{font-size:12px;font-weight:bold;margin-bottom:10px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.three label{margin-bottom:0;font-weight:normal;font-size:10px}.three input{font-size:13px;padding:10px 8px}@media(max-width:760px){.three{grid-template-columns:1fr}.three label{font-size:11px}}