body,header,article,article .teleprompter{background:#fff;color:#20231f;font-family:system-ui,-apple-system,sans-serif}header{height:92px;border-bottom:1px solid #dce1d8;align-items:center;padding:8px 18px;gap:16px}header h1{font-size:21px;line-height:1;text-indent:0}header h1 span.clock{color:#20231f;padding:0;font-variant-numeric:tabular-nums}header nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;overflow:visible;height:auto;margin:0;white-space:normal}.colors{display:flex!important;gap:4px}.colors input{height:27px!important;width:27px!important;border:1px solid #dce1d8;border-radius:5px;padding:2px}.sliders{display:flex!important;flex-direction:column;gap:8px;min-width:130px}.sliders label{display:grid;grid-template-columns:33px 31px 100px;align-items:center;gap:3px;width:auto!important}.slider{position:relative;height:6px;width:100px!important;background:#e3e9dd;border-radius:8px;margin:0 0 0 8px!important}.ui-slider-handle{position:absolute;top:-6px;width:17px;height:17px;background:#365741;border:2px solid #fff;border-radius:50%;margin-left:-8px;cursor:grab}.ui-slider-range{position:absolute;height:6px;background:#b9cbb1;border-radius:8px}.buttons{display:flex!important;gap:6px}button,.file-button{font:600 12px system-ui;cursor:pointer;background:#fff;border:1px solid #b7c1b1;border-radius:6px;color:#20231f;padding:8px 10px;text-decoration:none}header nav .button{font:600 13px system-ui;color:#20231f;border:1px solid #b7c1b1;background:#fff;border-radius:6px;padding:9px 11px;margin:0;height:36px;width:auto;line-height:1;box-shadow:none;text-shadow:none;display:inline-block}header nav .button.play{background:#365741;color:#fff;min-width:62px}.button.active{box-shadow:inset 0 0 0 1px #365741}.script-tools{position:fixed;top:92px;width:100%;z-index:9;background:#f6f8f3;display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid #dce1d8;font-size:11px;color:#616a5c}.file-button input{display:none}article .teleprompter{padding:190px 48px 640px!important;font-size:60px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;min-height:100%;outline:none}article .teleprompter:focus{box-shadow:inset 0 0 0 2px #b8c9ae}article .teleprompter.flip-x,article .teleprompter.flip-y,article .teleprompter.flip-xy{padding:190px 48px 640px!important}article .teleprompter p{border:0}.overlay{display:none!important}.marker{display:none!important}button:focus-visible,input:focus-visible,.ui-slider-handle:focus-visible{outline:3px solid #719276;outline-offset:3px}.button:hover,button:hover{filter:brightness(.96)}.playing .script-tools{opacity:.65}.playing #import-script{pointer-events:none}.playing .file-button{opacity:.5}#save-state{line-height:1.4}
header{display:flex}header nav .button{line-height:1!important;overflow:visible}header nav{border-top:0}.buttons,.sliders{float:none;height:auto}.buttons{overflow:visible}.file-button:focus-within{outline:3px solid #719276;outline-offset:3px}.file-button input{display:block;position:absolute;width:1px;height:1px;opacity:0}
@media(max-width:650px){header{height:132px;flex-wrap:wrap;gap:8px;padding:12px}header h1{font-size:18px;width:100%}header nav{width:100%;justify-content:space-between;gap:10px}.sliders{min-width:110px}.sliders label{grid-template-columns:28px 27px 64px}.slider{width:64px!important}.colors{display:none!important}.buttons{gap:4px}header nav .button{padding:9px 8px;font-size:12px}.script-tools{top:132px;padding:8px 12px;flex-wrap:wrap}#save-state{flex-basis:100%}article .teleprompter,article .teleprompter.flip-x,article .teleprompter.flip-y,article .teleprompter.flip-xy{padding:230px 24px 650px!important;font-size:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep the original compact controls in normal flow inside narrow embeds. */
header nav .buttons .button{position:static!important;font-size:12px!important;width:auto!important;height:36px!important;min-width:32px;flex:0 0 auto;padding:8px!important;white-space:nowrap;float:none}
header nav .buttons .play{min-width:52px}header nav .sliders{flex:0 0 auto}header nav .sliders label{margin-top:0!important}header nav .buttons{margin:0!important}