*{box-sizing:border-box} :root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#23253e;background:#f7f7fb;font-synthesis:none}body{margin:0}main{max-width:1240px;margin:auto;padding:32px 40px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #e2e3ec}.brand{font-size:23px;letter-spacing:-1px;font-weight:800;color:#292746;text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{letter-spacing:2px;font-size:10px;font-weight:650;color:#767689;border-left:1px solid #ceced9;padding-left:18px}.badge{font-size:11px;padding:7px 11px;background:#eeedf6;border:1px solid #dedceb;border-radius:100px;color:#55516d;white-space:nowrap}.intro{padding:42px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:750;color:#666185}h1{font-size:clamp(32px,4vw,49px);line-height:1.08;letter-spacing:-1.8px;margin:12px 0 17px;font-weight:720}.intro>p:last-child,.viewer-intro>p{font-size:15px;color:#686a7e;line-height:1.6}h2{font-size:17px;letter-spacing:-.3px}.workspace{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.card{background:#fff;border:1px solid #e2e2ec;border-radius:18px;box-shadow:0 4px 20px #29274604;overflow:hidden}.controls{padding:24px}.step{display:flex;gap:12px;font-size:11px;color:#8b7bae;font-weight:750;align-items:center;margin-bottom:22px}.step span{font-size:15px;color:#32334d}label{font-size:12px;font-weight:650;display:block;margin-bottom:8px}.optional{color:#9999a9;font-weight:400;margin-left:5px}input{width:100%;border:1px solid #dbdbe7;border-radius:8px;padding:12px;font:inherit;font-size:13px;background:#fcfcff;color:#34344e}button,.button{border:1px solid #dedde8;background:#f9f8fd;border-radius:9px;padding:10px 14px;font:inherit;font-size:12px;font-weight:650;cursor:pointer;text-decoration:none;color:#34304b;text-align:center}button:hover,.button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8571d7;outline-offset:3px}.primary{background:linear-gradient(105deg,#ffb99d,#c3afe8 55%,#829bf6);border:0;color:#292a45;font-size:14px;padding:14px 20px}.controls>.primary{width:100%;margin-top:8px}.hint{font-size:11px;color:#7b7c90;line-height:1.6}#status{font-size:13px;color:#625780;line-height:1.6;overflow-wrap:anywhere}.danger{color:#b44254;border-color:#f1d7dd;background:#fff6f8}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.actions>*{flex:1;white-space:nowrap}.divider{border-top:1px solid #ebeaf2;margin:20px 0}.preview-heading,.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:12px;color:#727187}.stage{min-height:340px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 80% 10%,#f3e6e5,transparent 60%),linear-gradient(140deg,#f1eef8,#e9edf9);text-align:center}.stage video{width:100%;max-height:530px;object-fit:contain;background:#171725}.screen-icon{margin:auto;width:58px;height:48px;border:2px solid #a49ab9;border-radius:8px;font-size:28px;color:#9283b4;display:grid;place-items:center}#placeholder h2{margin:22px 0 8px;font-weight:600}#placeholder p{font-size:12px;line-height:1.7;color:#888498}.preview-footer{font-size:10px}.history{margin-top:32px;padding-top:14px;border-top:1px solid #e2e3ec}.history-heading{display:flex;align-items:center;justify-content:space-between}.history-heading button{font-size:11px;background:transparent}#history{font-size:12px;color:#77788d;padding:10px 0}.history-row{display:flex;gap:20px;justify-content:space-between;padding:12px 0;border-top:1px solid #e9e8f0}.history-row span:first-child{flex:1;overflow-wrap:anywhere}footer{text-align:center;font-size:10px;color:#9897a8;margin:40px 0 12px}.viewer main{max-width:1500px}.viewer-intro{text-align:center;padding:45px 0 25px}.viewer-intro h1{font-size:38px}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 18px;font-size:12px}.video-scroll{overflow:auto;background:#181824;max-height:80vh;display:flex;align-items:flex-start;justify-content:center}.video-scroll video{display:block;width:100%;object-fit:contain;max-height:80vh}.video-scroll.actual{display:block}.video-scroll.actual video{width:auto;max-width:none;max-height:none}.video-scroll:fullscreen{max-height:100vh}.video-scroll:fullscreen video{max-height:100vh}.viewer.watching .viewer-intro{padding:14px}.viewer.watching .viewer-intro h1,.viewer.watching .viewer-intro>p:first-of-type{display:none}[hidden]{display:none!important}@media(max-width:850px){main{padding:22px}.workspace{grid-template-columns:1fr}.controls{order:0}.stage{min-height:230px}.intro{padding-top:26px}.brand{font-size:20px}.brand span{font-size:8px;letter-spacing:1px;gap:8px;padding-left:10px}.viewer-toolbar{display:block;padding:12px}.history-row{gap:8px;flex-wrap:wrap}.viewer-intro h1{font-size:32px}}@media(prefers-reduced-motion:no-preference){button,.button{transition:filter .15s}}

/* Compact presenter window. Viewer layout above stays responsive. */
.presenter{background:#efeff3}.presenter .share-window{padding:0;max-width:420px;min-height:100vh;background:#fafafa;display:flex;flex-direction:column;border:1px solid #dddde6}.share-brand{padding:12px 14px;background:#232431;color:#f5f3ff;border:0;font-weight:750;font-size:15px;gap:8px}.share-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#bbb6d2;margin-top:3px}.share-brand .badge{font-size:9px;background:#353646;border-color:#494958;color:#d3cfe5;padding:5px 7px}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#555462}.source-grid button{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:77px;border:0;border-radius:0;background:#34343f;color:#f2f0f8;font-size:12px;font-weight:500;padding:12px 6px}.source-grid button:hover:not(:disabled){background:#494453}.source-grid button.selected{background:linear-gradient(115deg,#ffba86,#e8ad52);color:#282432}.source-grid .stop-source:not(:disabled){background:#ae4148;color:white}.source-icon{font-size:23px;line-height:1}.source-toolbar{display:flex;align-items:center;gap:8px;background:#2b2b35;padding:7px 9px;color:#c5c3d1}.source-toolbar button{padding:5px 8px;font-size:10px;background:#43414f;color:#e6e3f2;border-color:#565261}.source-toolbar button.selected{background:#e9b45c;color:#282432}.source-toolbar #source-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:right}.telemetry{display:flex;justify-content:space-between;gap:8px;padding:10px;background:#393844;color:#eeeaf4;font-size:10px}.telemetry #fps{margin-right:6px;color:#bcb5d1}.presenter .preview-card{border-radius:0;border:0}.presenter .stage{min-height:180px;background:#272630}.presenter .stage video{max-height:260px;background:#17171e}.presenter #placeholder{padding:36px 12px;color:#353145;width:100%;background:#fafafa}.presenter #placeholder h1{font-size:19px;letter-spacing:-.4px;margin:18px 0 10px}.presenter #placeholder p{font-size:12px}.viewer-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#44434d;color:#eeeaf4;padding:8px 10px;font-size:10px}.viewer-strip strong{font-size:13px;margin-right:3px}.viewer-strip button{padding:4px 9px;background:transparent;border-color:#a6a0b7;border-radius:3px;color:#f4f0fa;font-size:10px}.presenter #status{padding:0 14px;font-size:11px;margin:12px 0;min-height:32px}.record-bar{display:flex;align-items:center;gap:9px;padding:0 12px 12px;border-bottom:1px solid #e3e0e9}.record-bar button{background:#f3ba58;border:0;color:#282431;font-size:11px;padding:9px 12px}.record-bar button span{color:#c12f41;margin-right:5px}.record-bar button.recording{background:#b6414c;color:#fff}.record-bar button.recording span{color:white}.record-bar>span{font-size:9px;color:#81798c}.meeting-actions{padding:0 14px 12px;border-bottom:1px solid #e3e0e9}.meeting-actions h2{font-size:15px;font-weight:550;margin:16px 0}.presenter label{font-size:11px}.presenter input{padding:9px;font-size:11px}.presenter .hint{font-size:10px;margin:8px 0}.presenter .actions>*{font-size:11px;padding:8px}.presenter details{padding:13px 14px;border-bottom:1px solid #e3e0e9}.presenter details summary{font-size:12px;cursor:pointer;color:#5b536b}.presenter details[open] summary{margin-bottom:14px}.presenter .history{margin-top:0;border-top:0}.presenter .history-row{display:block;font-size:10px}.presenter .history-row span{display:block;margin:3px 0}.presenter footer{margin:auto 0 0;padding:24px 12px 15px;font-size:11px;color:#756a86;line-height:1.7}.presenter footer span{font-size:9px;color:#96909f}#recording-ready{padding:10px 14px;background:#fff3dc}#recording-ready .button,#recording-ready button{font-size:11px;padding:7px}#crop-dialog{width:calc(100% - 24px);max-width:700px;max-height:94vh;overflow:auto;border:1px solid #d8d1e5;border-radius:12px;padding:16px;color:#302a40}#crop-dialog::backdrop{background:#17131fbb}#crop-dialog p{font-size:12px;line-height:1.5;color:#766d85}#crop-surface{position:relative;touch-action:none;cursor:crosshair;background:#17131f;overflow:hidden}#crop-image{width:100%;height:auto;display:block}#crop-selection{position:absolute;border:2px solid #ffd277;box-shadow:0 0 0 1000px #0008;pointer-events:none}.crop-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.crop-fields input{width:100%;min-width:0}.crop-fields label{font-size:10px}.presenter button:disabled{opacity:.4}.presenter .share-window:has(#sharing:not([hidden])) #status{min-height:0}.presenter .share-window:has(#sharing[hidden]) .stage{min-height:240px}