:root{font-family:Arial,Helvetica,sans-serif;color:#1c1917;background:#fafaf9;font-synthesis:none;--line:#e7e5e4;--muted:#78716c;--accent:#d97706;--surface:#fff;--ink:#1c1917}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,select{font:inherit}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}.desk{max-width:1280px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;min-height:100px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.65px;gap:10px}.mark{font-size:36px;line-height:1;color:var(--accent)}.brand-divider{height:20px;width:1px;background:var(--line);margin:0 7px}.brand [data-copy]{font-size:16px;font-weight:400;letter-spacing:0}.tools{display:flex;align-items:center;gap:16px}.tools select{background:var(--surface);border:1px solid var(--line);padding:9px 6px;color:inherit;border-radius:6px;min-height:40px}.mode{font-size:12px;color:var(--muted);text-align:right}main{padding-top:28px}.status-line{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:24px;min-height:20px}.connection{font-size:13px;display:flex;align-items:center;gap:8px}.connection:before{content:"";width:8px;height:8px;border-radius:50%;background:#a8a29e}.connection[data-status=connected]:before{background:#0f766e}.connection[data-status=error]:before,.connection[data-status=offline]:before,.connection[data-status=denied]:before{background:#d97706}.source{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px}.current{border-radius:18px;background:var(--ink);color:#fafaf9;min-height:380px;display:flex;flex-direction:column;padding:34px;position:relative;overflow:hidden}.cue-meta{display:flex;justify-content:space-between;gap:16px;font-size:15px;color:#d6d3d1}.cue-meta span:first-child{overflow-wrap:anywhere}.type{font-size:12px;padding:5px 8px;border:1px solid #57534e;border-radius:6px;align-self:start;max-width:50%;overflow-wrap:anywhere}.type:empty{display:none}h1{font-size:clamp(34px,5vw,64px);line-height:1.06;letter-spacing:-2px;font-weight:700;margin:47px 0 28px;max-width:14ch;overflow-wrap:anywhere}.empty{font-size:15px;line-height:1.55;color:#d6d3d1;max-width:48ch;margin:0 0 30px}.cue-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:20px;font-size:13px;color:#d6d3d1}.presentation{display:flex;gap:8px;align-items:center}.presentation:before{content:"";width:7px;height:7px;background:#fbbf24;border-radius:50%}.presentation:empty{display:none}.blank{position:absolute;inset:0;background:#1c1917f5;align-items:center;justify-content:center;display:flex;font-size:24px}.blank[hidden]{display:none}.history{padding-top:4px}h2{font-size:17px;line-height:1.3;font-weight:650;margin:0 0 6px;letter-spacing:-.3px}.aside-note,.muted{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 26px}.history ol{list-style:none;margin:0;padding:0}.history li{position:relative;border-left:2px solid var(--line);padding:0 0 22px 21px;min-height:50px}.history li:before{content:"";position:absolute;top:4px;left:-5px;background:#d6d3d1;border:2px solid #fafaf9;border-radius:50%;width:8px;height:8px}.history li:last-child{border-color:transparent}.history li.is-current:before{background:#d97706;box-shadow:0 0 0 3px #fef3c7}.history li.is-current .history-name{color:var(--accent)}.history-name{font-size:14px;font-weight:600;display:block;line-height:1.35;overflow-wrap:anywhere}.history-time{font-size:11px;color:var(--muted);margin-top:5px;display:block}.event-strip{display:flex;gap:35px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px;padding:22px 0}.event-strip>div:first-child{flex:1}.event-strip h2{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.event-strip p{font-size:14px;margin:7px 0 0}.event-strip div>span{font-size:12px;color:var(--muted);display:block}.event-strip strong{font-size:15px;font-weight:500;display:block;margin-top:7px}button{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);min-height:44px;padding:8px 13px;cursor:pointer;font-size:12px}button:hover{border-color:#a8a29e}.footnote{font-size:12px;line-height:1.6;color:var(--muted);max-width:85ch;margin:18px 0 30px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-size:12px;color:var(--muted)}footer a{color:var(--accent);text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:850px){.desk{padding:0 24px}.stage{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.current{padding:28px;min-height:350px}h1{letter-spacing:-1.3px}.brand [data-copy]{display:none}.brand-divider{display:none}.event-strip{gap:22px}}@media(max-width:620px){.desk{padding:0 18px}header{min-height:76px;gap:8px}.brand{font-size:17px;gap:6px}.mark{font-size:29px}.tools{gap:8px}.mode{max-width:85px;line-height:1.3;font-size:10px}main{padding-top:20px}.status-line{margin-bottom:17px}.stage{display:flex;flex-direction:column;gap:27px}.current{min-height:330px;padding:25px;border-radius:13px}h1{font-size:44px;letter-spacing:-1.7px;margin-top:42px}.history ol{display:flex;gap:15px;overflow-x:auto;padding:3px 3px 8px}.history li{border-left:0;border-top:2px solid var(--line);padding:15px 0 0;min-width:125px;max-width:150px}.history li:before{top:-5px;left:0}.history li:last-child{border-color:var(--line)}.aside-note{margin-bottom:13px}.event-strip{gap:18px;flex-wrap:wrap;margin-top:24px;padding:20px 0}.event-strip>div:first-child{flex-basis:100%}.event-strip p{font-size:13px}.event-strip button{margin-left:auto}footer{font-size:11px;gap:17px;line-height:1.5}.source{max-width:39%}}@media(prefers-color-scheme:dark){:root{background:#1c1917;color:#fafaf9;--ink:#fafaf9;--surface:#292524;--line:#44403c;--muted:#a8a29e;--accent:#fbbf24}.current{background:#292524;border:1px solid #44403c;color:#fafaf9}.history li:before{border-color:#1c1917}.history li.is-current:before{box-shadow:0 0 0 3px #78350f}.blank{background:#292524fa}.history li.is-current .history-name{color:#fbbf24}.tools select{color:#fafaf9}button{color:#fafaf9}.connection[data-status=connected]:before{background:#5eead4}}
/* The control pad reuses the existing stone surfaces and amber primary action. */
.desk{max-width:1000px}.current{min-height:330px}h1{max-width:22ch;margin-top:35px;font-size:clamp(34px,5vw,58px)}.controls{padding-top:24px}.navigation-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.navigation-controls button{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:68px;padding:18px 24px;font-size:19px;font-weight:650}.navigation-controls button.primary{background:#d97706;border-color:#d97706;color:#fff}.output-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-top:14px}.output-controls button{font-size:14px;min-height:48px}button:disabled{opacity:.45;cursor:not-allowed}#command-status{font-size:13px;line-height:1.6;min-height:42px;color:var(--muted);margin:14px 0 0}.event-strip{margin-top:10px}.event-strip strong{font-size:13px}.footnote{max-width:none}.blank{pointer-events:none}@media(max-width:620px){.navigation-controls{gap:12px}.navigation-controls button{padding:16px 18px;min-height:65px;font-size:17px}.output-controls{grid-template-columns:1fr 1fr;gap:10px}.output-controls button:last-child{grid-column:1/-1}.current{min-height:300px}h1{font-size:40px}.event-strip{gap:15px}.event-strip>div:first-child{flex-basis:auto}.controls{padding-top:18px}#command-status{min-height:60px}}@media(prefers-color-scheme:dark){.navigation-controls button.primary{background:#fbbf24;border-color:#fbbf24;color:#1c1917}}

.preview-toggle{margin-top:14px}.current.has-slide{min-height:0}.current.has-slide h1{font-size:22px;line-height:1.3;margin:18px 0;letter-spacing:-.5px;max-width:none}.slide-preview{max-height:320px;background:#000;color:#fff;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative;overflow:auto}.slide-preview p{font-size:clamp(20px,3vw,36px);line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.slide-preview #slide-secondary{font-size:clamp(16px,2.2vw,25px);color:#d6d3d1}.slide-preview #slide-reference{font-size:14px;color:#d6d3d1}.slide-preview img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.has-slide .cue-footer{padding-top:18px}.has-slide .blank{position:static;min-height:60px;padding:14px;background:transparent;font-size:17px}@media(max-width:620px){.slide-preview{aspect-ratio:auto;min-height:210px;padding:18px}.slide-preview p{font-size:24px}.current.has-slide{padding:20px}}