@import url('./demo-play-forms.css');
@import url('./demo-marketplace.css');
@import url('./demo-maps.css');
.showcase-grid{position:relative;height:460px;isolation:isolate}
.orbit-card{position:absolute;transform-origin:0 0;min-width:0;overflow:hidden;border:1px solid #dce5df;border-radius:12px;background:#fff;box-shadow:0 12px 26px -14px #233e3557,0 2px 7px -2px #20352c21}
.orbit-card.is-focus{z-index:3;border-color:#c9dbcf;box-shadow:0 17px 35px -18px #233e3566,0 3px 8px -3px #20352c26}
.scene-select{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0;background:none;color:var(--ink);text-align:left}
.scene-select[hidden]{display:none}.scene-select:focus-visible{outline-offset:-4px}
.scene-heading{height:44px;flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 15px;background:#fff}
.scene-heading h2,.scene-title{font-size:14px;font-weight:500;line-height:1.3}
.scene-heading>span:not(.scene-title){font-size:10px;white-space:nowrap;color:#5a6c60}
.scene-heading svg{color:#6f8377}.scene-select:hover .scene-heading svg{color:#166344}
.is-focus .scene-heading{background:#f1f6f2}
.focus-content{display:none}.is-focus .focus-content{display:block}
.mini-visual{position:relative;display:block;width:100%;flex:1;min-height:0;overflow:hidden;container:scene-preview / size}
.mini-visual *{animation:none!important;transition:none!important}
.scene-note{display:block;width:100%;padding:10px 13px;font-size:11px;color:#626964;line-height:1.4}
.demo-viewport{height:330px;position:relative;overflow:hidden;background:#f4f5f4}
.demo-canvas{transform-origin:0 0;height:390px}
.demo-conversation{height:87px;padding:9px 15px;border-top:1px solid #e3e9e5;overflow:hidden}
.demo-prompt{font-size:11px;line-height:1.45;color:#515d56;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.demo-agent{display:flex;align-items:center;gap:8px;margin-top:6px;min-height:22px}.demo-agent img{flex-shrink:0}
.demo-status{font-size:11px;line-height:1.4;color:#166344}




.scene-player[data-paused=true] .demo-canvas *{animation-play-state:paused!important}
.showcase-legend{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding-top:7px;font-size:11px;color:#626964}.showcase-legend p{line-height:1.4}
.showcase-motion{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-height:44px;padding:0;background:transparent;border:0;color:#496253;font-size:11px;white-space:nowrap}.showcase-motion:hover{color:#104e35}
/* Compact scenes expose the action at a readable size, rather than shrinking a whole browser. */
.mini-form{height:100%;background:#f3effa;padding:12px 20px;color:#443458;font-size:10px}.mini-form-title{font-weight:600;font-size:12px;margin-bottom:8px}.mini-form>span{display:block;color:#71677d;font-size:9px;margin:6px 0 3px}.mini-input{display:flex;justify-content:space-between;padding:6px 9px;border:1px solid #ded4eb;border-radius:4px;background:white;font-size:11px}.mini-input b{color:#568165}.mini-ready{margin-top:8px;font-size:9px;color:#655671}.mini-input:nth-of-type(2){animation:form-highlight 3s 1s 2}.mini-avito{height:100%;background:#f5f8fa;padding:11px 15px}.mini-avito-brand{display:flex;align-items:center;gap:3px}.mini-avito-brand i{height:8px;width:8px;border-radius:50%;background:#a169f7}.mini-avito-brand i:nth-child(2){background:#00aaff}.mini-avito-brand i:nth-child(3){background:#04d96e}.mini-avito-brand i:nth-child(4){background:#ff6163}.mini-avito-brand b{font-size:18px;letter-spacing:-.7px;margin-left:4px}.mini-bikes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}.mini-bikes>div{min-width:0}.mini-bikes svg{display:block;width:100%;height:81px;background:#edf1ec;border-radius:5px}.mini-bikes>div:nth-child(2) svg{background:#f3ece6}.mini-bikes strong{display:block;font-size:12px;margin-top:5px;font-weight:600}.mini-bikes span{display:block;font-size:9px;color:#697069;margin-top:3px}.mini-map{height:100%;position:relative;overflow:hidden;background:#eeeade}.mini-map .map-drawing{position:absolute;width:145%;height:125%;left:-39%;top:-12%}.mini-map-search{position:absolute;top:10px;left:12px;right:12px;background:#fff;padding:8px 10px;border-radius:6px;box-shadow:0 2px 8px #39403412;font-size:10px}.mini-map-search b{color:#e23a37;font-size:15px;margin-right:7px}.mini-map-route{position:absolute;bottom:12px;right:12px;border-radius:5px;background:#fff;padding:7px 10px;color:#3568ad;font-size:10px;box-shadow:0 2px 8px #39403412}.mini-map .walking-route{stroke-dasharray:240;animation:route-reveal 5s ease-out both}.mini-game{position:relative;background:radial-gradient(ellipse at 50% 40%,#39795d,#24553f);height:100%;color:#e5f3e8;overflow:hidden}.mini-game-name{position:absolute;left:14px;top:11px;font-size:10px}.mini-card-pair{position:absolute;width:155px;height:130px;left:calc(50% - 69px);top:29px}.mini-card-pair .dc-pair{position:relative;left:0;top:0;transform:none}.mini-card-pair .dc-card{width:59px;height:84px;position:absolute;left:10px;top:0;transform:rotate(-12deg)}.mini-card-pair .dc-cover{left:62px;top:13px;transform:rotate(13deg);animation:card-cover 1.3s 2s both}.mini-card-pair .dc-corner{font-size:14px}.mini-card-pair .dc-pip{font-size:12px}.mini-game-note{position:absolute;bottom:10px;left:14px;font-size:10px}
.mini-form,.mini-avito{display:flex;flex-direction:column;justify-content:center}
.mini-card-pair{top:50%;transform:translateY(-50%)}
.mini-product{height:100%;padding:14px;background:#f2f6fc}.mini-seller{display:flex;align-items:center;gap:9px}.mini-seller>b{font-size:22px;color:#005bff;letter-spacing:-.04em}.mini-seller>span{font-size:14px;font-weight:600;color:#9029bb}.mini-product-body{display:flex;align-items:center;gap:10px;margin-top:8px}.mini-product-body>svg{width:90px;height:105px}.mini-product-body>div{min-width:0}.mini-product-body strong{display:block;font-size:11px;font-weight:500}.mini-product-body span{display:block;color:#657489;font-size:9px;margin-top:6px}.mini-product-body b{display:block;font-size:13px;margin-top:8px}.mini-product-body small{display:block;font-size:9px;color:#166344;margin-top:9px}
@media(max-width:1100px) and (min-width:601px){.scene-heading{padding:0 10px;gap:5px}.scene-heading h2,.scene-title{font-size:12px}.scene-heading>span:not(.scene-title){font-size:9px}.mini-form,.mini-avito{padding:10px}.mini-form-title{font-size:11px}.mini-input{font-size:10px;padding:6px}.mini-bikes svg{height:65px}.mini-bikes strong{font-size:10px}.mini-bikes span{font-size:8px}.scene-note{font-size:10px;padding:10px}.mini-map-search{font-size:9px;padding:7px;left:7px;right:7px}.mini-product{padding:10px}.mini-product-body{gap:5px}.mini-product-body>svg{width:55px;height:80px}.mini-product-body strong{font-size:9px}.mini-product-body span,.mini-product-body small{font-size:8px}}
@media(max-width:820px) and (min-width:601px){.scene-heading{padding:0 8px}.scene-heading h2,.scene-title{font-size:11px}.scene-heading>span:not(.scene-title){display:none}.scene-heading svg{width:13px}.mini-form-title{font-size:10px}.mini-input{font-size:9px}.mini-ready{font-size:8px}.mini-bikes svg{height:55px}.mini-avito-brand b{font-size:16px}.mini-avito-brand i{width:6px;height:6px}.mini-product-body{flex-direction:column;align-items:flex-start;gap:2px}.mini-product-body>svg{width:65px;height:65px}.mini-product-body span,.mini-product-body small{display:none}.demo-prompt,.demo-status{font-size:10px}}
@media(max-width:600px){
.showcase-grid{height:1000px}.orbit-card{border-radius:8px}
.scene-heading{height:31px;padding:0 9px;gap:4px}.scene-heading h2,.scene-title{font-size:10px}.scene-heading>span:not(.scene-title){font-size:9px}.scene-heading svg{width:13px;height:13px}
.demo-viewport{height:143px}.demo-conversation{height:39px;padding:6px 10px}.demo-prompt{display:none}.demo-agent{margin:0;gap:7px;min-height:26px}.demo-status{font-size:10px}

.scene-note{padding:5px 8px;font-size:9px;height:25px}
.mini-form{padding:3px 8px}.mini-form-title,.mini-form>span,.mini-ready{display:none}.mini-input{padding:4px 7px;margin:3px 0;font-size:9px}
.mini-avito{padding:3px 8px}.mini-avito-brand b{font-size:12px}.mini-avito-brand i{width:5px;height:5px}.mini-bikes{margin-top:0;gap:8px}.mini-bikes svg{height:28px}.mini-bikes strong{font-size:9px;margin-top:2px}.mini-bikes span{display:none}
.mini-map-search{top:5px;left:6px;right:6px;padding:4px 6px;font-size:9px}.mini-map-search b{font-size:12px}.mini-map-route{bottom:6px;right:6px;padding:4px 6px;font-size:9px}.mini-map .map-drawing{height:160%;width:140%;top:-30%;left:-34%}
.mini-game-name,.mini-game-note{display:none}.mini-card-pair{scale:.62;transform-origin:top center;top:2px;transform:none}
.mini-product{padding:4px 8px}.mini-seller>b{font-size:13px}.mini-seller>span{font-size:10px}.mini-product-body{margin:0;gap:6px}.mini-product-body>svg{width:42px;height:42px}.mini-product-body strong{font-size:9px}.mini-product-body b{font-size:10px;margin-top:4px}.mini-product-body span,.mini-product-body small{display:none}
.showcase-legend{align-items:flex-start;gap:10px;font-size:10px}.showcase-legend p{padding-top:9px;max-width:210px}.showcase-motion{font-size:10px;max-width:115px;white-space:normal;line-height:1.4;text-align:left}
/* Compact the actual focused scene; keep its scripted actions and status. */
:is(.main-player,.snapshot-player) .demo-marketplace,:is(.main-player,.snapshot-player) .demo-avito,:is(.main-player,.snapshot-player) .demo-forms,:is(.main-player,.snapshot-player) .demo-maps,:is(.main-player,.snapshot-player) .demo-durak{height:143px;min-height:0}
:is(.main-player,.snapshot-player) .dm-seller-header{height:30px;padding:0 10px}:is(.main-player,.snapshot-player) .dm-seller-brand b{font-size:20px}:is(.main-player,.snapshot-player) .dm-seller-brand>span{font-size:11px}:is(.main-player,.snapshot-player) .dm-seller-nav,:is(.main-player,.snapshot-player) .dm-title-row,:is(.main-player,.snapshot-player) .dm-seller-footer,:is(.main-player,.snapshot-player) .dm-fields h4,:is(.main-player,.snapshot-player) .dm-fields>.dm-field:last-child,:is(.main-player,.snapshot-player) .dm-product-photo>span,:is(.main-player,.snapshot-player) .dm-photo-actions{display:none}:is(.main-player,.snapshot-player) .dm-seller-content{padding:6px 9px}:is(.main-player,.snapshot-player) .dm-seller-form{padding:6px;grid-template-columns:64px minmax(0,1fr);gap:10px}:is(.main-player,.snapshot-player) .dm-product-photo>svg{height:73px}:is(.main-player,.snapshot-player) .dm-two-fields{grid-template-columns:1.3fr 1fr;gap:6px}:is(.main-player,.snapshot-player) .dm-field{margin-bottom:4px}:is(.main-player,.snapshot-player) .dm-field>span{font-size:8px;margin-bottom:2px}:is(.main-player,.snapshot-player) .dm-field>div{height:24px;font-size:9px}:is(.main-player,.snapshot-player) .demo-pointer{width:17px}:is(.main-player,.snapshot-player) .demo-pointer>svg{width:17px;height:20px}
:is(.main-player,.snapshot-player) .demo-forms{padding:34px 12px 5px}:is(.main-player,.snapshot-player) .df-topbar{height:28px;font-size:10px}:is(.main-player,.snapshot-player) .df-form-title,:is(.main-player,.snapshot-player) .df-action-row,:is(.main-player,.snapshot-player) .df-review-note{display:none}:is(.main-player,.snapshot-player) .df-fields{padding:5px 10px}:is(.main-player,.snapshot-player) .df-field-label{font-size:9px}:is(.main-player,.snapshot-player) .df-input{height:24px;font-size:10px}:is(.main-player,.snapshot-player) .df-field-row{margin-top:4px}:is(.main-player,.snapshot-player) .df-question{padding:9px 10px}:is(.main-player,.snapshot-player) .df-question>p{font-size:11px}:is(.main-player,.snapshot-player) .df-question-note{display:none}:is(.main-player,.snapshot-player) .df-options{display:flex;flex-wrap:wrap;gap:2px 12px}:is(.main-player,.snapshot-player) .df-option{font-size:9px;min-height:24px;gap:5px}:is(.main-player,.snapshot-player) .df-radio{width:12px;height:12px}
:is(.main-player,.snapshot-player) .da-topline,:is(.main-player,.snapshot-player) .da-filters,:is(.main-player,.snapshot-player) .da-results-heading,:is(.main-player,.snapshot-player) .da-example-label,:is(.main-player,.snapshot-player) .da-location{display:none}:is(.main-player,.snapshot-player) .da-header{height:29px;padding:0 10px;gap:10px}:is(.main-player,.snapshot-player) .da-logo>b{font-size:18px}:is(.main-player,.snapshot-player) .da-logo-dots{scale:.65;width:20px;height:20px}:is(.main-player,.snapshot-player) .da-categories{font-size:8px;padding:4px 7px}:is(.main-player,.snapshot-player) .da-search-row{padding:0 10px 6px}:is(.main-player,.snapshot-player) .da-search{height:23px}:is(.main-player,.snapshot-player) .da-search>span{font-size:9px}:is(.main-player,.snapshot-player) .da-search>b{font-size:8px}:is(.main-player,.snapshot-player) .da-content{padding:0 10px}:is(.main-player,.snapshot-player) .da-listings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:is(.main-player,.snapshot-player) .da-listing{display:block}:is(.main-player,.snapshot-player) .da-photo{height:46px}:is(.main-player,.snapshot-player) .da-listing h4,:is(.main-player,.snapshot-player) .da-listing p,:is(.main-player,.snapshot-player) .da-distance{display:none}:is(.main-player,.snapshot-player) .da-listing>strong{display:block;font-size:9px;margin-top:4px}:is(.main-player,.snapshot-player) .da-comparison-heading,:is(.main-player,.snapshot-player) .da-compare-labels,:is(.main-player,.snapshot-player) .da-compare-product small,:is(.main-player,.snapshot-player) .da-comparison-note{display:none}:is(.main-player,.snapshot-player) .da-compare-row{min-height:23px;padding:3px 5px}:is(.main-player,.snapshot-player) .da-compare-product b{font-size:9px}:is(.main-player,.snapshot-player) .da-compare-row>strong,:is(.main-player,.snapshot-player) .da-compare-row>span{font-size:9px}
:is(.main-player,.snapshot-player) .maps-panel{left:6px;top:6px;bottom:6px;width:145px;padding:6px}:is(.main-player,.snapshot-player) .maps-brand,:is(.main-player,.snapshot-player) .maps-filters,:is(.main-player,.snapshot-player) .maps-place:nth-child(n+2),:is(.main-player,.snapshot-player) .maps-list-note,:is(.main-player,.snapshot-player) .maps-example,:is(.main-player,.snapshot-player) .maps-zoom{display:none}:is(.main-player,.snapshot-player) .maps-search{font-size:8px;height:25px;padding:0 5px}:is(.main-player,.snapshot-player) .maps-place{padding:5px 0;gap:6px}:is(.main-player,.snapshot-player) .maps-place svg{width:25px;height:28px}:is(.main-player,.snapshot-player) .maps-place b{font-size:10px}:is(.main-player,.snapshot-player) .maps-place small,:is(.main-player,.snapshot-player) .maps-place div>span{font-size:8px;margin-top:3px}:is(.main-player,.snapshot-player) .maps-route{margin-top:3px;padding:5px;gap:5px}:is(.main-player,.snapshot-player) .maps-route b,:is(.main-player,.snapshot-player) .maps-route small{font-size:8px}:is(.main-player,.snapshot-player) .map-drawing{width:100%;height:100%;left:0}:is(.main-player,.snapshot-player) .map-result-tag{right:7px;bottom:7px;font-size:9px;padding:5px}:is(.main-player,.snapshot-player) .maps-welcome{margin-top:12px;font-size:12px}:is(.main-player,.snapshot-player) .maps-welcome p{display:none}:is(.main-player,.snapshot-player) .maps-categories{margin-top:9px}
:is(.main-player,.snapshot-player) .demo-durak{--card-w:28px;--card-h:40px}:is(.main-player,.snapshot-player) .dc-game-top{padding:6px 10px}:is(.main-player,.snapshot-player) .dc-game-name{font-size:9px}:is(.main-player,.snapshot-player) .dc-table-type,:is(.main-player,.snapshot-player) .dc-opponent,:is(.main-player,.snapshot-player) .dc-deck>span,:is(.main-player,.snapshot-player) .dc-discard>span{display:none}:is(.main-player,.snapshot-player) .dc-deck{left:14px;top:49%}:is(.main-player,.snapshot-player) .dc-table-play{top:24%;gap:20px}:is(.main-player,.snapshot-player) .dc-player-hand{bottom:15px}:is(.main-player,.snapshot-player) .dc-hand-slot{margin-left:-5px}:is(.main-player,.snapshot-player) .dc-turn-label{font-size:8px;bottom:51px}:is(.main-player,.snapshot-player) .dc-round-complete{font-size:9px;bottom:62px}:is(.main-player,.snapshot-player) .dc-game-bottom{padding:4px 10px;font-size:8px}:is(.main-player,.snapshot-player) .dc-game-bottom b{font-size:10px}:is(.main-player,.snapshot-player) .dc-card{border-radius:3px}:is(.main-player,.snapshot-player) .dc-corner{font-size:7px;left:2px;top:2px}:is(.main-player,.snapshot-player) .dc-bottom{left:auto;top:auto;right:2px;bottom:2px}:is(.main-player,.snapshot-player) .dc-pip{font-size:6px}:is(.main-player,.snapshot-player) .dc-court{inset:10px 6px}:is(.main-player,.snapshot-player) .dc-court b{font-size:10px}:is(.main-player,.snapshot-player) .dc-court svg{width:12px;height:8px}:is(.main-player,.snapshot-player) .dc-waiting{font-size:9px;margin-top:8px}:is(.main-player,.snapshot-player) .dc-card-pointer{width:15px;height:19px}:is(.main-player,.snapshot-player) .dc-discard{right:20px;top:35%}
}
@media(prefers-reduced-motion:reduce){.demo-canvas *{animation:none!important;transition:none!important}}

@media(max-width:600px){:is(.main-player,.snapshot-player) .dc-turn-label{left:73%;right:3%;bottom:47px;font-size:7px}:is(.main-player,.snapshot-player) .dc-round-complete{left:20%;right:9%;bottom:62px;font-size:9px}}

/* Keep the removed carousel caption row as quiet, non-interactive space. */
.showcase-placeholder{height:51px;min-height:51px;padding:0;pointer-events:none}
@media(max-width:360px){.showcase-placeholder{height:58px;min-height:58px}}

/* One foreground scene, four quiet previews. The empty caption slot stays put. */
.showcase-grid .orbit-card{transform-origin:center;overflow:hidden}
.showcase-grid .orbit-card:not(.is-focus){background:#f4f7f2;border-color:#e0e8df;box-shadow:0 2px 5px #25493405}
.showcase-grid .orbit-card:not(.is-focus) .mini-visual{opacity:.88;filter:saturate(.9);transform:scale(.94);transition:opacity .167s,filter .167s,transform .2s}
.showcase-grid .orbit-card:not(.is-focus) .scene-title{color:#50675c}
.showcase-grid .orbit-card:not(.is-focus):hover .mini-visual,.showcase-grid .orbit-card:focus-within .mini-visual{opacity:1;filter:none;transform:scale(1)}
.showcase-grid .orbit-card.is-focus{box-shadow:0 12px 34px -16px #145c493d;border-color:#a9ceba}
.cinema-outgoing{position:absolute;z-index:4;pointer-events:none;overflow:hidden;transform-origin:center;border:1px solid #bcd9c7;border-radius:14px;background:white;box-shadow:0 12px 34px -16px #145c493d}
.cinema-outgoing *{animation-play-state:paused!important}
.demo-viewport{height:326px}



.demo-click-ring{position:absolute;left:4px;top:4px;width:26px;height:26px;border:1.5px solid #17845b;border-radius:50%;background:#44aa771a;pointer-events:none}
.demo-canvas .demo-pointer{transition:none;z-index:8}
.demo-canvas .routine-result{animation:none}
@media(max-width:600px){
 .demo-viewport{height:183px}

 .scene-note{padding-top:2px;padding-bottom:7px}
 .showcase-grid .orbit-card:not(.is-focus) .mini-visual{transform:scale(.96)}
}
@media(prefers-reduced-motion:reduce){
 .showcase-grid .orbit-card .mini-visual{transition:none}
}
.demo-written-value{display:inline-block;vertical-align:bottom;max-width:100%;white-space:nowrap;overflow:hidden}
@media(max-width:600px){
 :is(.main-player,.snapshot-player) .demo-marketplace{height:183px}
 :is(.main-player,.snapshot-player) .dm-seller-footer{display:flex;height:32px;padding:0 10px}
 :is(.main-player,.snapshot-player) .dm-saved,:is(.main-player,.snapshot-player) .dm-not-published,:is(.main-player,.snapshot-player) .dm-save,:is(.main-player,.snapshot-player) .dm-back{font-size:8px}
 :is(.main-player,.snapshot-player) .dm-seller-content{height:118px}
}

.cinema-outgoing .scene-heading{background:#f1f6f2}

/* The active application sits in the middle; previews stay small and quiet. */
.mini-interface{position:absolute;inset:0;display:block;overflow:hidden}
.mini-interface-canvas{position:absolute;display:block;width:780px;height:390px;transform-origin:0 0;pointer-events:none}
.mini-interface-canvas .demo-pointer{display:none!important}
.mini-interface-canvas .dm-workspace{grid-template-columns:100px minmax(0,1fr) 116px}
.mini-interface-canvas .routine-demo,.mini-interface-canvas .demo-marketplace{height:390px}
.mini-interface-canvas .routine-result{display:none}

.scene-note{height:auto;flex-shrink:0}
@media(max-width:600px){.scene-note{min-height:34px;line-height:1.25;padding-top:3px;padding-bottom:5px}}

/* The file a task carries sits beside its prompt, as in the extension's chat. */
.demo-request{display:flex;align-items:flex-start;gap:8px}
.demo-request .demo-prompt{flex:1;min-width:0}
.demo-file{display:inline-flex;align-items:center;gap:4px;flex:none;max-width:45%;padding:2px 8px;border:1px solid #d5dfd8;border-radius:999px;background:#f1f6f2;color:#3d4b43;font-size:11px;line-height:1.45}
.demo-file svg{flex:none;color:#6f8377}
.demo-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* On a phone a case scene keeps the full 390px window height at its own scale. */
@media(max-width:600px){
  .orbit-card[data-case-scene].is-focus .scene-heading{height:40px}
  .orbit-card[data-case-scene].is-focus .main-player{height:calc(100% - 40px);display:flex;flex-direction:column}
  .orbit-card[data-case-scene].is-focus .demo-viewport{flex:none;height:390px}
  .orbit-card[data-case-scene].is-focus .demo-conversation{height:auto;flex:1;min-height:0;padding:8px}
  .orbit-card[data-case-scene].is-focus .demo-request{flex-direction:column;gap:4px}
  .orbit-card[data-case-scene].is-focus .demo-file{max-width:100%}
  .orbit-card[data-case-scene].is-focus .demo-prompt{display:-webkit-box;flex:none;font-size:11px;-webkit-line-clamp:4}
  .orbit-card[data-case-scene].is-focus .demo-status{font-size:11px}
}

@media(max-width:600px){.showcase-grid.case-loading{height:928px}}

@media(max-width:600px){.orbit-card[data-case-scene].is-focus .scene-heading h2{font-size:11px}}
.orbit-card:not([data-case-scene]).is-focus .main-player{display:flex;flex-direction:column;height:calc(460px - 44px)}
.orbit-card:not([data-case-scene]).is-focus .demo-conversation{height:auto;flex:1;padding:8px 16px}
.orbit-card:not([data-case-scene]).is-focus .demo-prompt{-webkit-line-clamp:3}
.showcase-placeholder{height:8px;min-height:8px}
@media(max-width:600px){
 .scene-heading{height:40px;padding:4px 8px}.scene-heading h2,.scene-title{font-size:11px}
 .scene-note{font-size:11px;min-height:28px;padding:4px 8px}
 .orbit-card:not([data-case-scene]).is-focus .main-player{height:calc(640px - 40px)}
 .orbit-card:not([data-case-scene]).is-focus .demo-conversation{padding:8px}
 .orbit-card:not([data-case-scene]).is-focus .demo-prompt{display:block;font-size:11px;line-height:1.45}
 .orbit-card:not([data-case-scene]).is-focus .demo-status{font-size:11px}
 .orbit-card:not([data-case-scene]).is-focus .demo-agent{margin-top:8px;min-height:0}
 .orbit-card:not(.is-focus) .scene-heading{height:40px}
}
/* Phone and desktop: the service window takes what the prompt and status leave. */
@media(max-width:600px),(min-width:1001px){
 .orbit-card:not([data-case-scene]).is-focus .demo-viewport{height:auto;flex:1;min-height:0}
 .orbit-card:not([data-case-scene]).is-focus .demo-conversation{flex:none}
}