.loft-room{max-width:1080px;margin-inline:auto}.loft-room h1{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:500}.loft-room button,.loft-room select,.loft-room a.secondary{min-height:44px}.loft-room p{max-width:72ch}.loft-room :focus-visible{outline:3px solid #695477;outline-offset:4px}.loft-main-stage{max-width:830px;margin:24px auto;text-align:center}.loft-proscenium{padding:15px 19px 24px;background:#c3a77b;border:3px solid #8b643b;border-radius:26px 26px 5px 5px;box-shadow:0 5px 0 #8b643b}.loft-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2/1;border:2px solid #183f39;background:#edf3ef}.loft-stage>svg{position:absolute;inset:0;width:100%;height:100%}.loft-curtain{position:absolute;inset:0;pointer-events:none;border-top:28px solid #695477;border-inline:25px solid #695477;box-shadow:inset 8px 0 #51425f88,inset -8px 0 #51425f88}.loft-curtain:after{content:'';position:absolute;top:-2px;left:0;right:0;height:3px;background:#e9b84a}.loft-puppet{position:absolute;width:22%;height:70%;left:26%;bottom:-3%;display:flex;align-items:flex-start;justify-content:center}.loft-puppet>svg{position:relative;z-index:1;width:100%;height:83%;object-fit:contain;flex-shrink:0}.loft-rod{position:absolute;left:50%;top:55%;height:70%;width:7px;background:#8b643b;border-inline:1px solid #183f39}.loft-prop{position:absolute;left:61%;width:17%;bottom:8%}.loft-prop svg{width:100%;height:auto;max-height:none}.loft-thought{position:absolute;left:49%;top:18%;background:#fffef9;color:#183f39;font-size:clamp(1rem,3vw,2.5rem);border:2px solid #183f39;padding:0 12px;border-radius:40%}.loft-action-carries .loft-prop,.loft-action-offers .loft-prop{left:44%;bottom:20%;width:14%}.loft-action-wonders .loft-prop{left:61%;bottom:20%}.loft-caption{margin:18px auto 10px;font-size:clamp(1.05rem,2.3vw,1.45rem);line-height:1.5;color:#183f39;max-width:60ch}.loft-starter-note{font-size:.9rem;color:#52675e;margin:20px auto}.loft-tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.loft-ticket{appearance:none;background:#fffef9;border:2px solid #b8c9bf;border-radius:3px;padding:10px;text-align:left;color:#183f39;cursor:pointer;font:inherit;display:grid;align-content:start;gap:9px;min-width:0}.loft-ticket[aria-pressed=true],.loft-onstage{border-color:#695477;box-shadow:0 0 0 2px #695477}.loft-ticket:disabled{opacity:1;cursor:default}.loft-ticket-number{font-size:.85rem;font-weight:700}.loft-ticket>span:last-child{font-size:.85rem;line-height:1.4}.loft-mini{padding:3px;border-width:1px;box-shadow:none;border-radius:7px 7px 2px 2px;pointer-events:none;min-width:0}.loft-mini .loft-curtain{border-top-width:8px;border-inline-width:8px}.loft-mini .loft-stage{border-width:1px}.loft-mini .loft-rod{width:2px}.loft-mini .loft-thought{font-size:.7rem;padding:0 4px;border-width:1px}.loft-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px}.loft-edit-heading h2{margin:0}.loft-reorder{display:flex;gap:8px;flex-wrap:wrap}.loft-choice-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.loft-choice-groups fieldset{padding:14px 0 6px;border:0;border-top:1px solid #b8c9bf;margin:0;min-width:0}.loft-choice-groups legend{padding:0 12px 0 0;font-size:1.1rem;font-weight:700}.loft-choices{display:flex;gap:8px;flex-wrap:wrap}.loft-choice{min-width:66px;max-width:100px;flex:1 1 68px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:8px 6px;background:#fffef9;border:2px solid #cbd6d0;border-radius:9px;color:#183f39;font:inherit;font-size:.85rem;cursor:pointer}.loft-choice[aria-pressed=true]{border-color:#695477;background:#eee8f2;box-shadow:inset 0 -3px #695477}.loft-choice svg{width:54px;height:48px;max-width:100%;object-fit:contain}.loft-choice[data-loft-part=place] svg{width:65px}.loft-action-mark{font:2rem/48px Georgia,serif;height:48px}.loft-kind-note{color:#52675e;margin-block:22px}.loft-main-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0 36px}.loft-main-actions .primary{font-size:1.1rem}.loft-main-actions>span{font-size:.9rem;color:#52675e}.loft-performance-controls{max-width:830px;margin:24px auto}.loft-audience{margin:30px 0}.loft-audience select{display:block;width:min(100%,400px);margin:8px 0 18px;font:inherit;background:#fffef9;color:#183f39;border:1px solid #695477;border-radius:7px;padding:9px}.loft-audience-question{font:1.25rem/1.5 Georgia,serif}.loft-reflection{padding:14px 20px;border-left:5px solid #e9b84a;background:#f8f2df;margin:16px 0}.loft-ideas{border-block:1px solid #b8c9bf;padding:18px 0;margin:32px 0}.loft-ideas>summary{font-size:1.2rem;font-weight:700;cursor:pointer;padding:8px 0;min-height:44px}.loft-invitation-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:20px 0}.loft-invitation{background:none;border:0;border-bottom:3px solid #c3a77b;text-align:left;padding:0 0 12px;display:flex;flex-direction:column;gap:10px;cursor:pointer;color:#183f39;font:inherit;min-width:0}.loft-invitation strong{font:1.1rem/1.3 Georgia,serif}.loft-invitation>span{font-size:.85rem;line-height:1.4}.loft-shelf{margin:40px 0}.loft-shelf-shows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.loft-saved-show{background:#fffef9;border:0;border-bottom:8px solid #c3a77b;box-shadow:0 3px 0 #8b643b;padding:10px;color:#183f39;font:inherit;text-align:left;cursor:pointer;min-width:0}.loft-saved-show:disabled{opacity:.7;cursor:default}.loft-saved-show strong,.loft-saved-show small{display:block;margin-top:9px}.loft-saved-show small{color:#52675e;line-height:1.4}.loft-grownups{font-size:.9rem;color:#52675e;margin-bottom:30px}.loft-grownups summary{cursor:pointer;padding:12px 0;min-height:44px}.loft-acted.loft-action-carries .loft-puppet,.loft-acted.loft-action-carries .loft-prop{animation:loft-carry 1.1s ease-in-out 1}.loft-acted.loft-action-plays .loft-prop{animation:loft-play .8s ease-out 1}.loft-acted.loft-action-finds .loft-prop{animation:loft-find .8s ease-out 1}.loft-acted.loft-action-offers .loft-prop{animation:loft-offer .8s ease-out 1}@keyframes loft-carry{0%{transform:translateX(-28px)}100%{transform:translateX(0)}}@keyframes loft-play{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(12deg)}}@keyframes loft-find{0%{transform:scale(.8)}100%{transform:scale(1)}}@keyframes loft-offer{0%{transform:translateX(-15px)}100%{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.loft-room *{animation:none!important;transition:none!important}}@media(max-width:700px){.loft-choice-groups{grid-template-columns:1fr}.loft-invitation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.loft-shelf-shows{grid-template-columns:repeat(2,minmax(0,1fr))}.loft-edit-heading{align-items:flex-start;flex-direction:column}.loft-tickets{gap:7px}.loft-ticket{padding:6px}.loft-proscenium:not(.loft-mini){padding:9px 9px 14px;border-radius:15px 15px 3px 3px}.loft-proscenium:not(.loft-mini) .loft-stage{aspect-ratio:1.6/1}.loft-ticket>span:last-child{font-size:.75rem}.loft-main-actions>span{max-width:30ch}.loft-curtain{border-inline-width:14px;border-top-width:18px}.loft-room .page-heading{margin-bottom:18px}}@media(max-width:400px){.loft-ticket>span:last-child{font-size:.7rem}.loft-ticket-number{font-size:.75rem}.loft-shelf-shows{grid-template-columns:1fr}}

.loft-workbench{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}.loft-workbench .loft-main-stage{position:sticky;top:16px;width:100%;margin:0;z-index:2;background:#fafbf8}.loft-workbench .loft-choice-groups{grid-template-columns:1fr}.loft-workbench .loft-edit-heading{flex-wrap:wrap}.loft-workbench .loft-starter-note{margin-top:0}.loft-making{min-width:0}@media(max-width:999px){.loft-workbench{grid-template-columns:1fr;gap:16px}.loft-workbench .loft-main-stage{top:0;max-width:none;padding:8px 0 10px;border-bottom:1px solid #b8c9bf}.loft-workbench .loft-main-stage>.loft-proscenium{max-width:330px;margin:auto}.loft-workbench .loft-caption{font-size:1rem;margin:7px auto;max-width:42ch}.loft-workbench .loft-choice,.loft-workbench .loft-ticket,.loft-workbench h2{scroll-margin-top:330px}.loft-workbench .loft-choice-groups{grid-template-columns:1fr 1fr}}@media(max-width:700px){.loft-workbench .loft-choice-groups{grid-template-columns:1fr}.loft-workbench .loft-main-stage>.loft-proscenium{max-width:280px}.loft-workbench .loft-caption{font-size:.95rem;margin:5px auto}}

@media(max-height:550px){.loft-workbench .loft-main-stage{position:static}}

/* One task at a time, with the stage and scene selection close at hand. */
.loft-edit-pages{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.loft-edit-pages [aria-pressed=true]{background:#eee8f2;border:2px solid #695477}.loft-picture-step{border:0;padding:0;margin:18px 0;min-width:0}.loft-picture-step legend{font:1.25rem Georgia,serif;margin-bottom:12px}.loft-scene-picker{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.loft-scene-picker select{font:inherit;padding:8px;max-width:100%;background:#fffef9;color:#183f39}.loft-room textarea{display:block;width:100%;box-sizing:border-box;font-family:inherit;font-size:1.15rem;line-height:1.5;padding:12px;border:2px solid #695477;border-radius:8px;resize:vertical;min-height:120px;margin-top:8px}.loft-dialogue{margin:12px auto;padding:12px 16px;background:#fffef9;border:2px solid #695477;border-radius:18px;color:#183f39;text-align:left;max-width:55ch;overflow-wrap:anywhere;white-space:pre-wrap}.loft-dialogue[hidden]{display:none}.loft-dialogue strong{display:block;margin-bottom:5px}.loft-dialogue span{font:1.15rem/1.5 Georgia,serif}.loft-remove{margin:16px 0}.loft-room summary{cursor:pointer;min-height:44px;padding:8px 0}.loft-main-stage .loft-dialogue{max-height:180px;overflow:auto}.loft-workbench .loft-main-stage{position:static}.loft-workbench #loft-edit-title{scroll-margin-top:20px}.loft-workbench{gap:22px}.loft-room .page-heading{margin-bottom:18px}.loft-main-stage{margin:12px auto}.loft-shelf,.loft-journeys,.loft-ideas{margin:20px 0}.loft-edit-heading{margin-top:12px}@media(max-width:999px){.loft-workbench .loft-main-stage{padding-top:0}.loft-workbench .loft-main-stage>.loft-proscenium{max-width:260px}.loft-main-stage .loft-dialogue{max-height:110px;font-size:.95rem}.loft-room .loft-caption{font-size:.95rem}.loft-workbench{gap:8px}}@media(max-height:550px){.loft-workbench{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}