:root{--paper:#f6f4ed;--ink:#223c2f;--muted:#6f756b;--line:#d8ddce;--lime:#d6f17c;--white:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;letter-spacing:-1px;font-weight:700}.mark{background:var(--ink);color:var(--lime);border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px;font-family:Georgia,serif;font-style:italic}.beta{font-size:9px;letter-spacing:1px;font-weight:400;border:1px solid var(--line);padding:4px 7px;margin-left:8px}.header-note{color:var(--muted);font-size:12px}main{max-width:1240px;margin:auto;padding:70px 40px 60px}#setup{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.intro{padding-top:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(65px,7.8vw,105px);font-weight:400;letter-spacing:-5px;line-height:1.04;margin:25px 0}h1 em{font-weight:400;color:#68844d}.lede{max-width:390px;color:#647060;font-size:17px;line-height:1.8}.sequence{display:flex;gap:15px;align-items:center;font-size:10px;letter-spacing:1px;margin:38px 0 48px}.sequence span{border:1px solid #cad2bf;padding:7px 10px;border-radius:4px}.sequence b{font-size:17px;font-weight:400}.principle{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:22px;max-width:385px;font-size:13px}.principle>span{color:#8c9883;font-size:11px;padding-top:3px}.principle p{margin:0}.principle small{display:block;max-width:280px;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px}.composer{border:1px solid var(--line);background:var(--white);padding:30px;border-radius:12px;box-shadow:0 12px 38px #223c2f06}.panel-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#7e8d71;margin-bottom:28px}label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}textarea{width:100%;min-height:145px;resize:vertical;border:1px solid #d9dfd0;background:#f6f7ef;border-radius:6px;padding:16px;color:var(--ink);font-size:15px;line-height:1.65}textarea::placeholder{color:#87927e}.suggestions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px}.suggestions span{font-size:10px;color:var(--muted);margin-right:4px}.suggestions button{border:1px solid var(--line);background:white;border-radius:20px;padding:4px 8px;font-size:10px;color:#637557}.suggestions button:hover{background:#edf2df}.rule{border-top:1px solid var(--line);margin:26px 0}.range-heading{display:flex;justify-content:space-between;align-items:center}.range-heading label{margin:0}output{font-family:Georgia,serif;font-size:30px}input[type=range]{width:100%;accent-color:var(--ink);margin:16px 0 10px}.range-scale{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#89917e}.hint{font-size:11px;color:var(--muted);line-height:1.7}.code-label{margin-top:24px;font-size:12px}input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--white);font-size:13px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--ink);color:var(--lime);border:0;border-radius:5px;padding:15px 18px;margin-top:25px;font-size:16px}.primary:hover{background:#31513d}.primary span{font-size:24px}button:disabled{opacity:.5;cursor:wait}.fine{font-size:10px;line-height:1.8;color:#8a9183;text-align:center;margin:16px 0 0}.secondary{border:1px solid var(--ink);border-radius:5px;background:transparent;color:var(--ink);padding:10px 16px;font-size:12px}.results-top{display:flex;justify-content:space-between;align-items:end}.results-top h1{font-size:78px}.results-actions{display:flex;gap:20px;align-items:center;margin-bottom:32px}.text-link{font-size:12px}.original{border-left:3px solid #a1bb75;padding:5px 20px;margin:25px 0 35px;background:#edf0e4}.original span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.original p{font-family:Georgia,serif;font-size:22px;margin:8px 0 10px}.progress-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-bottom:22px;font-size:12px}.pill{background:#e3eace;padding:4px 10px;border-radius:20px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.frame{background:var(--white);border:1px solid var(--line);border-radius:9px;overflow:hidden}.frame img{width:100%;aspect-ratio:1;object-fit:contain;display:block;background:#e9ecdf}.frame-body{padding:20px}.frame-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#758866}.frame h2{font-family:Georgia,serif;font-weight:400;margin:8px 0 14px;font-size:24px}.frame p{font-size:13px;color:#6a7562;margin:8px 0}.frame summary{cursor:pointer;font-size:11px;color:#4b6740}.frame details{margin-top:15px}.waiting{aspect-ratio:1;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#eff1e7,#eff1e7 10px,#f4f5ef 10px,#f4f5ef 20px);color:#8a967b;font:italic 25px Georgia,serif}.endnote{text-align:center;color:var(--muted);font-size:12px;margin:45px 0}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--ink);color:white;border-radius:6px;font-size:13px}footer{border-top:1px solid var(--line);margin:20px 5% 0;padding:25px 0;display:flex;justify-content:space-between;color:#89917f;font-size:10px}footer span:first-child{font-weight:700;font-size:13px}footer span:last-child{font-size:8px;letter-spacing:1px}[role=alert]{font-size:12px;color:#a24536}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #88ac48;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){#setup{gap:35px}main{padding:40px 24px}.beta{display:none}h1{font-size:75px}.results-top h1{font-size:65px}.results-actions{flex-direction:column;align-items:start}}@media(max-width:650px){#setup{grid-template-columns:1fr;gap:30px}.intro{padding-top:0}h1{font-size:76px;margin:20px 0}.lede{font-size:15px}.sequence{margin:22px 0}.principle{display:none}.composer{padding:24px}.header-note{font-size:10px}.brand{font-size:20px}header{padding:18px 22px}.gallery{grid-template-columns:1fr}.results-top{align-items:start;flex-direction:column}.results-actions{flex-direction:row;margin:10px 0}.results-top h1{font-size:66px}.original p{font-size:19px}footer span:last-child{display:none}footer{gap:15px}}