.fold-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:44px;height:44px;border:0;border-radius:50%;background:#efe4c83b;color:#9a7753;font:31px Georgia;cursor:pointer}.fold-seed:hover,.fold-seed:focus-visible,.fold-seed[data-discovering=true]{background:#fff0d3b0;box-shadow:0 0 0 1px #a78e6155}
#fold-theatre{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;border:0;overflow:hidden;background:radial-gradient(ellipse at 40% 35%,#faf0d9,#ddc9aa);color:#6d604b}#fold-theatre::backdrop{background:#ddc9aa}#fold-theatre header{position:absolute;top:25px;left:70px;right:70px;text-align:center}#fold-theatre header p{font:10px system-ui;letter-spacing:.19em;margin:0 0 11px;color:#9e8567}#fold-theatre h2{font:italic 31px Georgia;margin:0}.fold-close{position:absolute;right:25px;top:23px;border:1px solid #9c805955;border-radius:50%;width:43px;height:43px;background:#f3e7ce;color:#927b57;font:28px Georgia;cursor:pointer}.fold-view{position:absolute;left:0;right:270px;top:100px;bottom:187px;touch-action:none;cursor:ew-resize}.fold-view canvas{display:block;outline:none}.fold-view canvas:focus-visible{outline:1px dashed #91735b44;outline-offset:-12px}#fold-theatre aside{position:absolute;right:35px;top:155px;width:215px}.fold-eyebrow{font:10px system-ui;letter-spacing:.18em;color:#947b59}.fold-pieces{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}#fold-theatre button{cursor:pointer}.fold-pieces button,#fold-theatre aside>button{border:1px solid #b29a7655;background:#f6e9ce;color:#716347;font:12px Georgia;padding:8px;border-radius:3px}.fold-pieces button[aria-pressed=true]{background:#8a7556;color:#fff1d7}#fold-theatre aside label{display:block;font:italic 15px Georgia;margin-top:19px}#fold-theatre input{accent-color:#9b7c4d;cursor:pointer}#fold-theatre aside input{display:block;width:100%;margin:10px 0}.fold-size{font:11px Georgia;color:#937d5f;margin:12px 0 25px}.fold-note{font:italic 15px/1.6 Georgia;color:#958164;margin-top:24px}#fold-theatre footer{position:absolute;bottom:17px;left:3%;right:3%;text-align:center}.fold-opening{display:flex;align-items:center;gap:20px;justify-content:center;font:italic 16px Georgia}.fold-opening input{width:340px}.fold-opening output{font:13px Georgia;width:35px}.fold-response{font:italic 14px Georgia;min-height:17px;margin:12px 0}.fold-controls{display:flex;justify-content:center;gap:8px}.fold-controls button{font:12px Georgia;color:#786347;background:#f6e9ce;border:1px solid #b29a7655;padding:8px 10px;border-radius:3px}.fold-controls button[aria-pressed=true]{background:#8a7556;color:#fff1d7}#fold-theatre button:disabled{opacity:.4;cursor:default}#fold-theatre details{font:11px/1.6 system-ui;max-width:700px;margin:13px auto 0}#fold-theatre summary{list-style:none;cursor:pointer}#fold-theatre details[open]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:680px;padding:18px 22px;background:#f7ecd6;text-align:left;box-shadow:0 0 30px #785b3a33}#fold-theatre details[open] summary{text-align:center}#fold-theatre a{color:#587b74}

@media(max-height:800px){#fold-theatre aside{top:120px}.fold-note{display:none}.fold-pieces{margin-bottom:14px}#fold-theatre aside label{margin-top:12px}.fold-size{margin:10px 0 16px}}