.creation-panel{position:relative;z-index:5;box-sizing:border-box;max-width:860px;margin:0 auto;padding:90px 28px 48px;color:#303b32;text-align:center;font:16px/1.8 system-ui,sans-serif;background:#faf8f2}
.creation-panel[hidden]{display:none!important}.creation-overline{font-size:11px;letter-spacing:.2em;color:#858574}.creation-pair{display:flex;justify-content:center;gap:28px;margin:20px auto}.creation-pair img{display:block;width:62px;height:93px;object-fit:cover;border-radius:4px;box-shadow:0 6px 20px #48413018}.creation-pair span{display:block;font-size:11px;margin-top:8px;color:#777568}.creation-title{font-family:serif;font-size:clamp(23px,4vw,34px);font-weight:400;line-height:1.5;margin:28px 0 12px}.creation-status{font-size:13px;color:#777568;max-width:440px;margin:0 auto 26px}.creation-work{margin:20px 0}.work-surface{position:relative;min-height:240px;isolation:isolate;overflow:hidden;background:#f5f1e8}.work-canvas{display:block;width:100%;aspect-ratio:900/650;max-height:560px;object-fit:contain}.work-image{display:block;width:100%;max-height:630px;object-fit:contain}.work-image+.work-canvas{position:absolute;inset:0;width:100%;height:100%;max-height:none}.work-poem{font:clamp(18px,3vw,24px)/2.3 serif;white-space:pre-line;letter-spacing:.08em;padding:44px 24px;margin:0;position:relative}.work-canvas+.work-poem{background:#faf8f2dd}.work-score{padding:65px 28px}.score-bars{display:flex;justify-content:center;align-items:center;gap:5px;min-height:140px}.score-bars i{display:block;background:#7c886a;border-radius:80% 25% 80% 25%;max-width:18px;min-width:2px}.work-touch,.creation-downloads{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px auto 12px}.creation-panel button,.creation-panel .creation-downloads a{appearance:none;box-sizing:border-box;min-height:46px;padding:10px 20px;font:14px/1.5 system-ui,sans-serif;color:#47523c;background:transparent;border:1px solid #a1a28e;border-radius:5px;cursor:pointer;text-decoration:none}.creation-panel button:hover,.creation-panel a:hover{background:#eeeedf}.creation-panel button:focus-visible,.creation-panel a:focus-visible{outline:2px solid #435a36;outline-offset:4px}.creation-panel button:disabled{cursor:default;opacity:.6}.creation-panel .work-play{background:#526448;color:#fff;border-color:#526448}.work-invitation{font-size:12px;color:#78786c}.creation-relation{font:19px/1.9 serif;max-width:560px;margin:36px auto}.creation-details{text-align:left;border-top:1px solid #d8d6c9;padding:18px 0;max-width:620px;margin:20px auto;font-size:14px;color:#68705f}.creation-details summary{cursor:pointer;min-height:30px}.creation-provenance{font-size:12px}.creation-again{margin:24px 6px 0}.creation-retry{margin:24px 6px 0}.creation-retry[hidden]{display:none}body[data-stage=creation]{overflow-y:auto}body[data-stage=creation] .app{height:auto;min-height:100vh}body[data-stage=creation] #scene{display:none}body[data-stage=creation] .topbar{position:absolute;z-index:6}body[data-stage=creation] .brand{z-index:10}@media(max-width:600px){.creation-panel{padding:72px 16px 36px;width:100%}.work-poem{padding:32px 16px;font-size:18px}.work-surface{min-height:210px}.creation-relation{font-size:17px}.creation-downloads button,.creation-downloads a{font-size:13px;padding:10px 14px}}

.creation-save-note{max-width:480px;margin:28px auto 0;padding:16px 20px;border:1px solid #d8d6c9;border-radius:6px;background:#f1f0e6;color:#59644f;font-size:14px;line-height:1.9;white-space:pre-line}

/* The same seed-ended letter construction across titles, stories, instructions and controls. */
@font-face{font-family:'Between Sprout';src:url('./vendor/type/between-sprout.woff2') format('woff2');font-weight:100 900;font-display:swap}
body,.app :is(p,h1,h2,h3,span,strong,b,button,a,summary,label,small),.creation-panel,.creation-panel button,.creation-panel .creation-downloads a,.card-meaning,.card-meaning p,.app .selected-panel .selection-actions button{font-family:'Between Sprout','Avenir Next','PingFang SC',sans-serif}
.creation-title{font-family:'Between Sprout','PingFang SC',sans-serif;font-size:clamp(1.75rem,4vw,2.6rem);line-height:1.65;letter-spacing:.09em;font-weight:400;color:#596448;max-width:640px;margin:24px auto 14px;overflow-wrap:anywhere}
.creation-status{font-size:1rem;line-height:1.9;color:#778068;max-width:480px}
.creation-overline,.creation-pair span{font-size:.8rem}.creation-relation{font-family:'Between Sprout','PingFang SC',sans-serif;line-height:2.1;letter-spacing:.06em;color:#596448}.work-poem{font-family:'Between Sprout','PingFang SC',sans-serif;color:#596448}.work-invitation,.creation-provenance{font-size:.875rem}.creation-details{font-size:1rem;line-height:2}.creation-save-note{font-size:1rem;line-height:2}.creation-panel button,.creation-panel .creation-downloads a{font-size:1rem}
.creation-panel [hidden]{display:none!important}.creation-theatre{position:relative;height:clamp(260px,48vw,440px);width:100%;overflow:hidden}.creation-theatre canvas{display:block;width:100%;height:100%}.creation-printer{position:absolute;inset:0;width:100%;height:100%;border:0;background:#faf8f2}.theatre-fallback:after{content:'◌';display:grid;place-content:center;height:100%;font-size:5rem;color:#778068;animation:theatre-breathe 2s ease-in-out infinite}@keyframes theatre-breathe{50%{opacity:.3;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.theatre-fallback:after{animation:none}}
.app .selected-panel .selection-actions button{font-size:1rem}.card-meaning p{font-size:1.125rem;line-height:2}.app .selected-panel .physical-card-cue{font-size:.9375rem}