.hero{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:36px}.hero-figure{container-type:inline-size}
.meeting-scene{position:relative;display:block;padding:0;overflow:hidden;border:1px solid #d8ded8;border-radius:14px;background:#e4e9e7;height:500px}
.meeting-backdrop{position:absolute;inset:0;display:flex;flex-direction:column;color:#596963;pointer-events:none;user-select:none}
.meeting-topbar{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border-bottom:1px solid #d5dcd7;background:#edf0ed;font-size:12px}
.meeting-window-dots{display:flex;gap:5px;width:39px}.meeting-window-dots i{width:6px;height:6px;border-radius:50%;background:#b6c1bb}
.meeting-topbar>svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.3;fill:none}
.meeting-workspace{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px 14px 0}
.meeting-participants{display:flex;gap:8px;flex-shrink:0;justify-content:center}
.meeting-tile{height:48px;width:166px;min-width:0;border-radius:7px;background:#d4ddd7;display:flex;align-items:center;gap:8px;padding:8px;overflow:hidden}
.meeting-self{background:#dce3dc}.meeting-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#bacbc0;color:#4a6559;font-size:14px;font-weight:500}.meeting-self .meeting-avatar{background:#c6d3c5;color:#5d735c}
.meeting-name{color:#52665b;font-size:12px}.meeting-tile>svg{width:15px;height:15px;flex-shrink:0;margin-left:auto;fill:none;stroke:#6b7d71;stroke-width:1.3;stroke-linecap:round}
.meeting-discussion{display:flex;align-items:center;gap:12px;min-height:80px;flex-shrink:0;padding:10px 14px;border:1px solid #d6dfd7;border-radius:7px;background:#f3f6f0}.meeting-discussion>span{font-size:12px;color:#647769;flex-shrink:0}.meeting-discussion p{font-size:14px;line-height:1.45;color:#40594a;margin:0}
.meeting-presentation{flex:1;min-height:0;padding:20px 24px;border:1px solid #d3dbd3;border-radius:7px;background:#f7f8f3;overflow:hidden}
.presentation-label{font-size:12px;letter-spacing:.04em;color:#65756b;margin:0 0 10px}.presentation-title{font-size:23px;line-height:1.25;letter-spacing:-.5px;color:#40594a;min-height:30px;max-width:335px;margin:0 0 14px}
.presentation-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.presentation-flow>div{min-height:112px;padding:12px;background:#eaf0e7;border:1px solid #dce4d7;border-radius:6px}.presentation-flow span{font-size:12px;line-height:1.5;color:#54684f;display:block;margin-bottom:10px}.presentation-flow i{display:block;height:5px;background:#d6e0d0;border-radius:3px;margin-top:8px;width:76%}.presentation-flow i:last-child{width:53%}
.meeting-bottom-bar{height:66px;flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:9px}
.meeting-tool{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f2f5f0;color:#697b70}.meeting-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.meeting-hangup{background:#cfaaa1;color:#71524c;width:48px;border-radius:18px}
.meeting-scene .widget-shell{position:absolute;width:260px;height:248px;aspect-ratio:auto;max-width:calc(100% - 28px);right:14px;top:auto;bottom:66px;box-shadow:0 16px 36px #173b3130,0 2px 5px #173b3120}
.meeting-scene .native-header{gap:6px;padding-left:4px;padding-right:10px}
.meeting-scene .native-cue-text{font-size:14px;line-height:1.4;letter-spacing:-.2px}.meeting-scene .native-content{padding:7px 9px 6px;gap:5px}.meeting-scene .native-cue{padding:8px 9px}.meeting-scene .native-cue-label{margin-bottom:4px}.meeting-scene .native-quick button{min-height:34px;padding:6px 8px;font-size:11px}
[data-sequence-waiting]{visibility:hidden}
.widget-move-handle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:#b5c6b0;cursor:grab;touch-action:none;user-select:none}
.widget-move-handle svg{width:20px;height:20px;fill:currentColor}.widget-move-handle:hover{background:#ffffff0b}.widget-move-handle:focus-visible{outline:3px solid #d4eeaf;outline-offset:-4px}
.native-grip-mobile{display:none}.widget-shell[data-dragging] .widget-move-handle{cursor:grabbing}.widget-shell[data-dragging]{user-select:none}
.widget-shell[data-intro-held] .widget-move-handle{background:#d4eeaf25;color:#d4eeaf}
.demo-pointer{position:absolute;left:0;top:0;width:22px;height:28px;z-index:5;pointer-events:none;opacity:0;will-change:transform,opacity}.demo-pointer>svg{position:relative;z-index:1;width:22px;height:28px;fill:#f8fbf2;stroke:#274737;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #173b3133)}.demo-pointer-press{position:absolute;width:26px;height:26px;border-radius:50%;left:-12px;top:-12px;background:#a9c79555;border:2px solid #82a66c;opacity:0}.demo-pointer[data-held] .demo-pointer-press{opacity:1}
.widget-position-controls{position:absolute;top:51px;left:8px;z-index:4;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px;padding:8px;background:#203e37;border:1px solid #657f73;border-radius:9px;box-shadow:0 8px 24px #0005}
.widget-position-controls button{display:grid;place-items:center;border:0;border-radius:5px;background:#2d4b40;color:#e3edd6;font-size:12px;padding:0}.widget-position-controls button:hover{background:#3f604b}.widget-position-controls button:focus-visible{outline:2px solid #d4eeaf;outline-offset:1px}.widget-position-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
[data-widget-move=up]{grid-column:2;grid-row:1}[data-widget-move=left]{grid-column:1;grid-row:2}[data-widget-move=reset]{grid-column:2;grid-row:2}[data-widget-move=right]{grid-column:3;grid-row:2}[data-widget-move=down]{grid-column:2;grid-row:3}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:600px}.hero-figure{width:100%;max-width:900px;justify-self:center}.meeting-scene{height:520px}}
@media(max-width:860px){.widget-move-handle{display:none}.native-grip-mobile{display:inline-flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.meeting-scene .widget-shell{right:auto;left:50%;transform:translateX(-50%)}.meeting-scene .native-header{padding-left:8px}}
@media(max-width:720px){.meeting-scene{height:560px}.meeting-workspace{padding:10px 10px 0;gap:10px}.meeting-tile{width:145px;gap:6px}.meeting-presentation{padding:20px 17px}.presentation-title{font-size:21px;margin-bottom:14px}.presentation-flow{gap:7px}.presentation-flow>div{padding:12px 9px;min-height:112px}.presentation-flow span{font-size:12px;margin-bottom:10px}.meeting-scene .widget-shell{width:236px;height:264px}.meeting-scene .native-quick button{min-height:44px}.meeting-scene .native-window-icons{gap:5px}.meeting-discussion{padding:10px;gap:8px}}
@media(max-width:860px){.demo-pointer{display:none!important}}
@media(prefers-reduced-motion:reduce){.meeting-scene .widget-shell{scroll-behavior:auto}.demo-pointer{display:none!important}}

/* Current 0.1.73 panel: true-size Default/Compact, no blanket scaling. */
.meeting-scene{height:660px}
.meeting-scene .widget-shell{width:400px;height:360px;max-width:calc(100% - 28px)}
.meeting-scene .widget-shell[data-preset=compact]{width:340px;height:240px}
.meeting-scene .widget-shell[data-view=compact]{height:240px}
.meeting-scene .native-header{height:43px;min-height:43px;padding:5px 13px 5px 3px;gap:9px}
.meeting-scene .native-header img{width:23px;height:23px}.meeting-scene .native-brand{font-size:11px}
.meeting-scene .widget-move-handle{width:32px;height:32px}.meeting-scene .widget-move-handle svg{width:14px;height:14px}
.native-close{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;border:0;border-radius:6px;color:#b5c6b0;background:transparent;flex-shrink:0}.native-close svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}
.meeting-scene .native-content{padding:11px 13px 8px;gap:8px}
.native-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:46px;flex-shrink:0;gap:5px;font-size:11px;color:#b4c8aa;align-content:center}.native-status>span:first-child{display:flex;align-items:center;gap:6px}.native-status>span:nth-child(2){text-align:right}.native-status .native-status-detail{grid-column:1/-1;font-size:10px;color:#a0b59e}
.native-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5d791;flex-shrink:0}
.native-compact-status{display:none;align-items:center;gap:6px;font-size:11px;background:transparent;border:0;padding:4px;color:#b4c8aa}
.meeting-scene .native-cue{padding:11px 13px;border-radius:12px;background:#203c32;overflow:auto;scrollbar-gutter:stable}
.native-advice-controls{position:sticky;top:-11px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#203c32;color:#b8cab0;font-size:11px;margin-bottom:8px;min-height:28px}
.meeting-scene .native-demo-toggle{display:flex;align-items:center;justify-content:center;position:static;width:auto;min-width:28px;height:28px;margin:0;padding:4px 7px;border:0;border-radius:6px;background:#ffffff0b;color:#dbe4d4;font-size:11px;flex-shrink:0}
.meeting-scene .native-demo-toggle .pause-icon{display:none;width:14px;height:14px}.native-cue-meta{display:flex;gap:8px;justify-content:space-between;align-items:start;min-height:26px;color:#b2cca4;font-size:10px}.native-cue-meta #widget-stage{color:#a0b59e;text-align:right}.meeting-scene .native-cue-label{font-size:9px;line-height:1.3;margin:0;letter-spacing:1px}
.meeting-scene .native-cue-text{font-size:17px;line-height:1.4;letter-spacing:-.3px;font-weight:400;margin:0;color:#ebf0e0;overflow-wrap:anywhere}
.meeting-scene .native-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.meeting-scene .native-quick button{min-width:0;min-height:30px;padding:6px 7px;line-height:1.25;font-size:11px;background:#203a30;color:#c3d4b6;border:1px solid #ffffff24;border-radius:8px}
.native-footer{display:flex;align-items:center;gap:12px;min-height:38px;padding:5px 13px;flex-shrink:0}.native-footer button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:#b5c6b0;font-size:10px;padding:5px 0;min-height:28px;border-radius:6px}.native-footer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.native-footer .native-end{margin-left:auto;color:#ddb2ae;font-size:12px;padding:5px 8px}.native-footer button:hover,.native-close:hover{background:#ffffff0b}
.native-widget button:focus-visible{outline:2px solid #d4eeaf;outline-offset:1px}
.widget-shell[data-view=compact] .native-header{height:37px;min-height:37px;padding:3px 10px 3px 3px;gap:6px}
.widget-shell[data-view=compact] :is(.native-logo,.native-brand,.native-status,.native-quick,.native-cue-meta,#widget-audio,.native-advice-controls>span,.pause-text){display:none}
.widget-shell[data-view=compact] .native-compact-status{display:flex}
.meeting-scene .widget-shell[data-view=compact] .native-content{padding:5px 10px;gap:0}
.meeting-scene .widget-shell[data-view=compact] .native-cue{padding:9px 11px}
.widget-shell[data-view=compact] .native-advice-controls{justify-content:flex-end;top:-9px;margin-bottom:5px}
.meeting-scene .widget-shell[data-view=compact] .native-demo-toggle{width:28px;height:28px;padding:6px}
.meeting-scene .widget-shell[data-view=compact] .native-demo-toggle .pause-icon{display:block}
.widget-shell[data-view=compact] .native-footer{padding:5px 10px}
.show-widget{padding:5px 9px;border:1px solid #ccd6ca;border-radius:5px;background:#fff;color:#40594a;font-size:11px}
@media(max-width:860px){.meeting-scene .native-header{padding-left:8px}.meeting-scene{height:650px}.meeting-scene .widget-shell[data-view=compact]{height:260px}.native-footer button{min-height:36px}.meeting-scene .native-quick button{min-height:36px}}
@media(max-width:420px){.meeting-scene{height:590px}.native-footer{gap:6px}}
.stage-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-tooltip{max-width:300px;width:max-content}.stage-item:nth-child(4n) .stage-tooltip{left:auto;right:0;transform:none}@media(max-width:720px){.stage-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-item:nth-child(2n) .stage-tooltip{left:auto;right:0;transform:none}.stage-tooltip{max-width:min(270px,70vw)}}
.native-footer button:disabled,.native-compact-status:disabled{cursor:default;opacity:.6}

.native-cue-meta{justify-content:flex-start;align-items:center;gap:6px}.native-cue-meta #widget-stage{border-left:1px solid #ffffff24;padding-left:7px;text-align:left}.native-cue-bulb{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4}