[data-examples].ex-root{min-height:100vh;position:relative;overflow:hidden}[data-examples] .ex-plane{z-index:1;min-height:100vh;position:relative}[data-examples] .ex-shell{box-sizing:border-box;max-width:1180px;min-height:100vh;margin:0 auto;padding:12px 14px}[data-examples] .ex-cmdbar{box-sizing:border-box;grid-column:1/-1;align-items:center;display:flex}[data-examples] .ex-cmdbar-spacer{flex:auto}[data-examples] .ex-cmdbar-count{align-items:center;min-height:24px;padding:0 4px;display:inline-flex}[data-examples] .ex-rail{box-sizing:border-box;width:52px;min-height:100%;overflow:hidden}[data-examples] .ex-rail-spacer{flex:auto;min-height:8px}[data-examples] .ex-main{min-width:0;min-height:0}[data-examples] .ex-screen{align-content:start;gap:12px;min-width:0;display:grid}[data-examples] .ex-placeholder{align-content:start;gap:8px;max-width:60ch;display:grid}[data-examples] .ex-page{box-sizing:border-box;max-width:1180px;min-height:100vh;margin:0 auto;padding:24px 48px}[data-examples] .ex-gallery{box-sizing:border-box;gap:24px;max-width:1180px;margin:0 auto;padding:32px 24px 64px;display:grid}[data-examples] .ex-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}[data-examples] .ex-gallery-card{align-content:start;gap:6px;min-height:96px;padding:14px 16px;display:grid}@media (width<=900px){[data-examples] .ex-stack{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}}@media (width<=1179px){[data-examples] .ex-canvas{min-width:1180px}[data-examples] .ex-main{overflow-x:auto}}[data-examples] .ex-home{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:12px;min-width:0;display:grid}[data-examples] .ex-home-left{grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}[data-examples] .ex-home-card{width:100%}[data-examples] .ex-home-continue{grid-column:span 2}[data-examples] .ex-home-right{align-content:start;gap:12px;min-width:0;display:grid}[data-examples] .ex-home-tile{align-items:center;gap:14px;min-width:0;display:flex}[data-examples] .ex-home-tile-body{align-content:start;gap:6px;min-width:0;display:grid}[data-examples] .ex-home-flame{flex:none;width:44px;height:44px}[data-examples] .ex-home-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}[data-examples] .ex-home-continue-body{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:14px;min-width:0;display:grid}[data-examples] .ex-home-media{min-width:0;position:relative}[data-examples] .ex-home-media-readout{position:absolute;top:8px;left:8px}[data-examples] .ex-home-media-bar{position:absolute;bottom:10px;left:10px;right:10px}[data-examples] .ex-home-due{gap:4px;min-width:0;display:grid}[data-examples] .ex-home-due-row{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}[data-examples] .ex-home-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}@media (width<=900px){[data-examples] .ex-home,[data-examples] .ex-home-left,[data-examples] .ex-home-continue-body{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}[data-examples] .ex-home-continue{grid-column:auto}}[data-examples] .ex-lesson{box-sizing:border-box;height:100%;min-height:100%;position:relative;overflow:hidden}[data-examples] .ex-lesson-grid{z-index:1;box-sizing:border-box;align-content:start;min-height:100%;position:relative}[data-examples] .ex-lesson-strip{grid-column:1/-1;min-width:0}[data-examples] .ex-lesson-pane{width:100%;min-width:0;min-height:0;overflow:hidden}[data-examples] .ex-lesson-code,[data-examples] .ex-lesson-tutor{max-height:100%;overflow:auto}[data-examples] .ex-lesson-track{flex:auto;min-width:0}[data-examples] .ex-lesson-spacer{flex:auto}[data-examples] .ex-lesson-checkpoint{min-width:0}[data-examples] .ex-panel{width:100%}[data-examples] .ex-explore-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}[data-examples] .ex-explore-board{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;display:grid}[data-examples] .ex-explore-meter{width:200px}[data-examples] .ex-explore-media{aspect-ratio:1}@media (width>=1180px){[data-examples] .ex-explore-board{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}[data-examples] .ex-explore-hero{grid-row:1/3;height:100%}}[data-examples] .ex-cardbar{justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;display:flex}[data-examples] .ex-empty{align-content:start}@media (width>=1180px){[data-examples] .ex-empty{grid-template-columns:minmax(0,1fr) 330px;align-items:start}}[data-examples] .ex-empty-body{align-content:start;gap:10px;min-width:0;display:grid}[data-examples] .ex-empty-state{justify-items:center;gap:10px;padding:28px 0 24px;display:grid}[data-examples] .ex-shimmer{grid-template-columns:repeat(8,12px);grid-auto-rows:12px;gap:4px;display:grid}[data-examples] .ex-shimmer>*{width:12px;min-width:0;height:12px}[data-examples] .ex-theater{box-sizing:border-box;height:100%;min-height:100%;position:relative;overflow:hidden}[data-examples] .ex-theater-stage{position:absolute;inset:0}[data-examples] .ex-theater-frame,[data-examples] .ex-theater-image{width:100%;height:100%}[data-examples] .ex-theater-plane{z-index:1;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 340px;gap:12px;height:100%;min-height:100%;padding:12px;display:grid;position:relative}[data-examples] .ex-theater-topbar{grid-column:1/-1;min-width:0}[data-examples] .ex-theater-readout{grid-area:2/1;place-self:start;max-width:260px}[data-examples] .ex-theater-caption{grid-area:2/1;align-self:end;max-width:640px}[data-examples] .ex-theater-drawer{grid-area:2/2;width:100%;min-height:0;overflow:hidden}[data-examples] .ex-theater-drawer-body{grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;display:grid}[data-examples] .ex-theater-panels{min-height:0;max-height:100%;overflow:auto}[data-examples] .ex-theater-ask{flex:auto;min-width:0}[data-examples] .ex-theater-chrome{grid-column:1/-1;min-width:0}[data-examples] .ex-theater-track{flex:auto;min-width:0}[data-examples] .ex-theater-spacer{flex:auto}[data-examples] .ex-profile{position:relative}[data-examples] .ex-profile-grid{grid-template-columns:250px minmax(0,1fr) 220px;align-items:start;gap:48px;min-width:0;padding:40px 48px;display:grid;position:relative}[data-examples] .ex-profile-who,[data-examples] .ex-profile-work,[data-examples] .ex-profile-carry,[data-examples] .ex-profile-body{align-content:start;justify-items:start;gap:10px;min-width:0;display:grid}[data-examples] .ex-profile-work,[data-examples] .ex-profile-carry,[data-examples] .ex-profile-body{justify-items:stretch;gap:12px}[data-examples] .ex-profile-portrait{width:176px;height:176px;overflow:hidden}[data-examples] .ex-profile-portrait>*{width:100%;height:100%}[data-examples] .ex-profile-actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}[data-examples] .ex-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}[data-examples] .ex-profile-stat{align-content:start;gap:2px;min-width:0;display:grid}[data-examples] .ex-profile-card{min-width:0}[data-examples] .ex-profile-row{justify-content:space-between;align-items:center;gap:8px;display:flex}[data-examples] .ex-profile-months{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}[data-examples] .ex-profile-journey{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;display:grid}[data-examples] .ex-profile-thumb{width:56px;height:40px;overflow:hidden}[data-examples] .ex-profile-thumb>*{width:100%;height:100%}[data-examples] .ex-profile-journey-body{gap:2px;min-width:0;display:grid}[data-examples] .ex-profile-journey-bar{justify-items:end;display:grid}[data-examples] .ex-profile-badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}[data-examples] .ex-profile-badge{justify-items:center;gap:2px;min-width:0;display:grid}[data-examples] .ex-profile-flame{width:32px;height:32px}[data-examples] .ex-profile-flame>*{width:100%;height:100%}@media (width<=900px){[data-examples] .ex-profile-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}}[data-examples] .ex-pg{grid-template-columns:minmax(0,1.6fr) 330px;align-items:start;gap:12px;min-width:0;display:grid}[data-examples] .ex-pg-left{gap:12px;min-width:0;display:grid}[data-examples] .ex-pg-head{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-examples] .ex-pg-viewport{min-width:0;position:relative}[data-examples] .ex-pg-readout-top{z-index:1;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:20px;left:20px;right:20px}[data-examples] .ex-pg-readout-bottom{z-index:1;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}[data-examples] .ex-pg-track{flex:1;min-width:0}[data-examples] .ex-pg-right{align-content:start;gap:12px;min-width:0;display:grid}[data-examples] .ex-pg-params{gap:10px;display:grid}@media (width<=900px){[data-examples] .ex-pg{grid-template-columns:minmax(0,1fr)}}[data-examples] .ex-land{align-content:start;display:grid;position:relative;overflow:hidden}[data-examples] .ex-land-frame{z-index:1;min-width:0;position:relative}[data-examples] .ex-land-inner{gap:32px;min-width:0;padding:24px;display:grid}[data-examples] .ex-land-spacer{flex:1;min-width:0}[data-examples] .ex-land-hero{grid-template-columns:minmax(0,620px) 330px;justify-content:space-between;align-items:start;gap:32px;min-width:0;padding-top:48px;padding-bottom:32px;display:grid}[data-examples] .ex-land-pitch{align-content:start;gap:20px;min-width:0;display:grid}[data-examples] .ex-land-field{flex:1;min-width:180px}[data-examples] .ex-land-journeys{min-width:0}@media (width<=900px){[data-examples] .ex-land-hero,[data-examples] .ex-land-journeys{grid-template-columns:minmax(0,1fr)}}[data-examples] .ex-live{box-sizing:border-box;height:100%;min-height:100%;position:relative;overflow:hidden}[data-examples] .ex-live-stage{position:absolute;inset:0}[data-examples] .ex-live-frame,[data-examples] .ex-live-image{width:100%;height:100%}[data-examples] .ex-live-plane{z-index:1;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:300px minmax(0,1fr) 340px;gap:12px;height:100%;min-height:100%;padding:12px;display:grid;position:relative}[data-examples] .ex-live-topbar{grid-column:1/-1;min-width:0}[data-examples] .ex-live-readout{grid-area:2/2;place-self:start;max-width:280px}[data-examples] .ex-live-poll{grid-area:2/1;align-self:start;width:100%}[data-examples] .ex-live-poll-body{gap:8px;min-width:0;display:grid}[data-examples] .ex-live-meter{width:100%}[data-examples] .ex-live-chat{grid-area:2/3;width:100%;min-height:0;overflow:hidden}[data-examples] .ex-live-chat-body{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;display:grid}[data-examples] .ex-live-log{min-height:0;max-height:100%;overflow:auto}[data-examples] .ex-live-log>*{width:max-content;min-width:100%}[data-examples] .ex-live-say{flex:auto;min-width:0}[data-examples] .ex-live-chrome{grid-column:1/-1;min-width:0}[data-examples] .ex-live-track{flex:auto;min-width:0}[data-examples] .ex-live-spacer{flex:auto}[data-examples] .ex-settings{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}[data-examples] .ex-settings-card{min-width:0}[data-examples] .ex-settings-body,[data-examples] .ex-settings-side{align-content:start;gap:10px;min-width:0;display:grid}[data-examples] .ex-settings-row{justify-content:space-between;align-items:center;gap:8px;display:flex}[data-examples] .ex-rc{gap:6px;min-width:0;display:grid}[data-examples] .ex-rc-line{align-items:center;gap:12px;min-width:0;min-height:24px;display:flex}[data-examples] .ex-rc-num{flex:0 0 18px;justify-content:flex-end;width:18px;display:flex}[data-examples] .ex-rc-key{min-width:200px}[data-examples] .ex-rc-field{width:200px}[data-examples] .ex-rc-blank{height:8px}[data-examples] .ex-rc-note{margin-left:auto;padding-left:12px}[data-examples] .ex-settings-trio{flex-wrap:wrap;gap:8px;display:flex}[data-examples] .ex-settings-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}[data-examples] .ex-settings-swatch{justify-items:center;gap:2px;min-width:0;display:grid}@media (width<=900px){[data-examples] .ex-settings{grid-template-columns:minmax(0,1fr)}[data-examples] .ex-rc-key{min-width:0}[data-examples] .ex-rc-field{width:auto}}