*{box-sizing:border-box}body{margin:0;background:#f3efe5;color:#292d28;font-family:ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid #cfcfc0}.brand{display:flex;gap:14px;align-items:center;font-family:Georgia,serif;font-size:28px}.brand span,.edition,.eyebrow{font:11px system-ui;letter-spacing:2px}.brand span{font-weight:700}.edition{color:#747b68}main{max-width:1450px;margin:auto;padding:40px 5vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;align-items:end;margin-bottom:32px}.intro .eyebrow{grid-column:1/-1;color:#6b765b}h1{font:clamp(34px,4.4vw,63px)/1.05 Georgia,serif;margin:13px 0 0;font-weight:400}p{font-size:14px;line-height:1.7;color:#646b5b}.intro p{max-width:450px;margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid #c9caba;border-radius:14px;overflow:hidden;background:#e2e5d8;box-shadow:0 20px 60px #33332212}.view{position:relative;min-width:0;height:620px;background:#1d2927}canvas{display:block;width:100%;height:100%;touch-action:none}.view-top,.view-bottom{position:absolute;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fbf5e5;font-size:11px;pointer-events:none}.view-top{top:18px}.view-top span{background:#1e2927b5;padding:8px 11px;border-radius:20px}.view-bottom{bottom:18px;font-size:9px;letter-spacing:1px}.view-bottom button{pointer-events:auto;background:#f7f1e6;color:#313d33;border:0;border-radius:20px;padding:10px 14px;font-size:11px;letter-spacing:0}aside{padding:22px;background:#faf7ee}.control-heading{display:flex;justify-content:space-between;align-items:center}.control-heading .eyebrow{font-size:9px}.control-heading button{font-size:10px;border:0;background:none;text-decoration:underline}h2{font:26px Georgia,serif;margin:12px 0 16px}.presets{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.presets button{font-size:11px;border:1px solid #d1d6c3;padding:9px;border-radius:7px;background:#f7f7ed}.presets button[aria-pressed=true]{background:#344c3f;color:#fff;border-color:#344c3f}label{display:block;font-size:12px;margin:14px 0;color:#4e5a4b}select{display:block;width:100%;margin-top:7px;padding:9px;border:1px solid #d1d6c3;border-radius:6px;background:#fffdf5;color:#334338;font-size:12px}input[type=range]{display:block;width:100%;accent-color:#55785a;margin:9px 0 0}output{float:right;color:#8a6b4e;font-size:10px}.invitation{border-top:1px solid #d9ddcc;margin-top:18px;padding-top:16px}.invitation p{font-size:12px;line-height:1.5;min-height:36px;margin:9px 0}.invitation button{background:#e7ebdc;border:0;border-radius:5px;padding:8px 12px;font-size:11px}#progress{float:right;font-size:14px;padding-top:5px;color:#688157}.note{display:flex;gap:26px;align-items:center;max-width:800px;margin:44px auto 0}.note img{width:115px;border:5px solid #e2d5bb;box-shadow:0 4px 10px #33443320}.note h2{margin:0 0 9px}.note p{font-size:12px;margin:4px 0}footer{font-size:10px;border-top:1px solid #cfcfc0;border-bottom:0;gap:14px;line-height:1.8}a{color:inherit}#error{position:absolute;inset:35%;background:#fff4e0;padding:20px;color:#a43b2f;inset:20% 10%;height:max-content}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c57a45;outline-offset:3px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.view{height:440px}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.control-heading,h2,.presets,.invitation{grid-column:1/-1}.intro{gap:20px}.edition{display:none}}@media(max-width:500px){main{padding:28px 16px}.intro{display:block}.intro p{margin-top:18px}.view{height:390px}.view-top{font-size:9px}.view-bottom{font-size:8px;left:12px;right:12px}aside{padding:20px}.note{gap:15px}.note img{width:85px}.note h2{font-size:22px}footer{display:block}footer span{display:block}.brand span{font-size:10px}}