.sample-page-intro{text-align:center;margin-bottom:38px}.sample-page-intro .display-title{margin-top:15px}.sample-page-intro>p:last-child{color:#687064;margin:18px auto 0;max-width:520px;font-size:16px;line-height:1.7}.sample-page-outro{text-align:center;margin:38px auto 0}.sample-page-outro p{color:#687064;font-size:14px;margin-bottom:18px}.sample-studio{position:relative;background:#343d31;padding:20px;border-radius:13px;box-shadow:0 22px 50px #34402d1c}.sample-studio-top{display:flex;justify-content:space-between;align-items:center;padding:0 2px 18px;font-size:9px;font-weight:600;letter-spacing:.15em;color:#c2cbb9}.sample-studio-top>span:first-child{display:flex;align-items:center;gap:7px}.sample-studio-top i{width:5px;height:5px;border-radius:50%;background:#b7c799}.sample-paper{padding:27px 27px 20px;border-radius:5px;background:#fffdf7;color:#222720}.sample-title-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #deded4;padding-bottom:19px}.sample-title-row .eyebrow{font-size:8px;letter-spacing:.11em}.sample-title-row h2{font-family:var(--font-display);font-size:28px;line-height:1.25;letter-spacing:-.04em;margin-top:6px;font-weight:400}.sample-page-number{font-family:var(--font-script);color:#687064;font-size:11px}.sample-scene-heading{font-family:var(--font-script);font-size:9px;font-weight:500;letter-spacing:-.02em;margin-top:22px}.sample-stage-direction{margin-top:9px;font-family:var(--font-script);font-size:10px;line-height:1.8;color:#687064}.sample-dialogue{list-style:none;padding:0;margin-top:18px}.sample-cue{margin-inline:-10px;border-radius:4px}.sample-cue button{width:100%;display:block;text-align:left;padding:9px 10px;border-radius:4px}.sample-cue button:disabled{cursor:default;opacity:1}.sample-cue button:hover:not(:disabled){background:#efefe5}.sample-cue.is-speaking{background:#e8ebdd;box-shadow:inset 2px 0 #71805e}.sample-character{display:flex;align-items:center;gap:7px;color:#596b48;font:500 9px var(--font-script);letter-spacing:.08em}.cue-dot{height:5px;width:5px;border-radius:50%;background:currentColor}.sample-character-eli{color:#9b603e}.sample-line{display:block;padding-left:12px;margin-top:5px;font-family:var(--font-script);font-size:10px;line-height:1.8}.sample-full-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #deded4;margin-top:13px;padding-top:13px;font-size:10px;color:#687064}.sample-control-bar{display:flex;align-items:center;gap:13px;padding:20px 1px 8px;color:#fffdf7}.sample-play{display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;background:#efc5a7;color:#2d3529;border-radius:50%}.sample-play:hover:not(:disabled){background:#f8d9bd}.sample-play:focus-visible{outline-color:#efc5a7}.sample-control-label{min-width:0}.sample-control-label strong{display:block;font-size:11px;font-weight:500}.sample-control-label span{display:block;margin-top:4px;color:#c2cbb9;font-size:10px}.sample-wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:32px;padding-left:10px;opacity:.8}.sample-wave i{width:2px;background:#a8b692;border-radius:2px}.sample-wave.is-playing i{animation:waveform .7s ease-in-out infinite alternate}.sample-disclosure{margin:8px 3px 0;max-width:380px;color:#c2cbb9;font-size:9px;line-height:1.6}.sample-expanded{max-width:730px;margin-inline:auto;padding:26px}.sample-expanded .sample-paper{padding:40px}.sample-expanded .sample-title-row h2{font-size:38px}.sample-expanded .sample-scene-heading{font-size:11px}.sample-expanded .sample-line,.sample-expanded .sample-stage-direction{font-size:13px}.sample-expanded .sample-character{font-size:11px}.sample-expanded .sample-cue button{padding-block:13px}.sample-expanded .sample-control-label strong{font-size:14px}.sample-expanded .sample-control-label span,.sample-expanded .sample-disclosure{font-size:11px}.sample-expanded .sample-disclosure{max-width:none}@keyframes waveform{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media(max-width:500px){.sample-studio{padding:16px}.sample-paper{padding:22px 19px 18px}.sample-wave{display:none}.sample-expanded .sample-paper{padding:24px}.sample-expanded .sample-title-row h2{font-size:30px}}.sample-view-switch{display:flex;align-items:center;gap:4px;margin:0 0 13px}.sample-view-switch button{border-radius:4px;color:#c2cbb9;padding:7px 11px;font-size:11px}.sample-view-switch button[aria-pressed=true]{background:#53604b;color:#fffdf7}.sample-view-switch button:focus-visible{outline-color:#efc5a7}.sample-view-switch>span{margin-left:auto;font-size:8px;color:#c2cbb9;letter-spacing:.08em}.sample-room{border-radius:5px;overflow:hidden;background:#eeebdf}.sample-room-loading{display:grid;place-items:center;min-height:360px;color:#566446;font-size:13px}.sample-live-line{background:#fffdf7;padding:20px 25px;min-height:110px}.sample-live-line span{font:500 9px var(--font-script);letter-spacing:.09em;color:#566446}.sample-live-line p{font-family:var(--font-display);font-size:20px;line-height:1.4;margin-top:8px}.sample-paper[hidden]{display:none}@media(max-width:500px){.sample-view-switch>span{display:none}.sample-live-line{padding:16px 20px}}