/* Scenario chrome is separate from the two product footprints. Subscription
   anatomy follows story-lab-apps.js; fixture actions are isolated here. */
.scenario-workbench{background:#f1f1f1;min-height:100%;background-image:radial-gradient(#0000000d .7px,transparent .7px);background-size:14px 14px;display:flex;flex-direction:column}.scenario-toolbar{padding:12px 24px;display:flex;align-items:center;gap:16px;background:#f7f7f7;border-bottom:1px solid #ddd;flex-wrap:wrap}.scenario-toolbar label{display:flex;align-items:center;gap:8px;font-size:11px;color:#666}.scenario-toolbar select{font-size:12px;background:linear-gradient(#fff,#f8f8f8);box-shadow:var(--raised);min-height:34px}.scenario-simulation{margin-left:auto;font-size:10px;color:#666}.scenario-sources{padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;background:#fafafa;border-bottom:1px solid #ddd}.scenario-source{padding:16px;border:1px solid #ddd;background:#fff;border-radius:12px}.scenario-source>div{display:flex;justify-content:space-between;gap:10px;color:#666;font-size:10px}.scenario-source h3{font-size:14px;font-weight:500;margin:12px 0 5px}.scenario-source small{font-size:10px;color:#666}.scenario-source p{font-size:12px;line-height:1.6;color:#555;margin:12px 0 0}.scenario-lane-controls{padding:12px 24px;display:flex;justify-content:flex-end;gap:10px}.scenario-mobile-tabs{display:none}.scenario-lane-controls .segmented button{min-width:68px}.scenario-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:0 30px 24px;max-width:1000px;width:100%;margin:0 auto}.scenario-lane{display:flex;flex-direction:column;align-items:center;min-width:0}.scenario-lane-label{font-size:11px;color:#666;margin:0 0 15px}.scenario-product-stage{display:flex;justify-content:center;align-items:center;width:100%;flex:1}.scenario-lane .full-app-frame,.scenario-lane .original-app{width:min(100%,330px);aspect-ratio:402/874}.scenario-chat .app-body{padding:24px 20px!important}.scenario-chat-feed{display:flex;flex-direction:column;gap:18px}.scenario-chat-feed .story-message{font-size:16px}.scenario-thread{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:16px;background:linear-gradient(#fff,#f6f6f6);border:1px solid #ddd;border-radius:20px;box-shadow:inset 0 1px #fff,0 3px 10px #00000008;min-height:75px}.scenario-thread>span:first-child{width:34px;height:34px;border:1px solid #ddd;border-radius:11px;display:grid;place-items:center;background:linear-gradient(#fff,#eaeaea)}.scenario-thread>span:nth-child(2){flex:1}.scenario-thread b{font-size:16px;font-weight:500;display:block}.scenario-thread small{display:block;font-size:12px;color:#666;margin-top:4px}.scenario-thread>.icon{width:17px;height:17px}.scenario-unsurfaced{display:grid;place-items:center;width:211px;height:211px;border:1px dashed #c9c9c9;border-radius:28px;color:#777;font-size:12px}.scenario-original-widget{width:235px;height:235px;aspect-ratio:1;border:0;flex:none}
.scenario-transport{position:sticky;bottom:0;padding:16px 24px;background:#fafafa;border-top:1px solid #d9d9d9;z-index:2;margin-top:auto}.scenario-playback{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scenario-playback>span{font-size:11px;color:#666;margin-left:8px}.scenario-playback .btn{display:flex;align-items:center;min-height:36px}.scenario-beats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:16px 0 0;padding:0;gap:7px}.scenario-beats li{font-size:11px;color:#777;display:flex;align-items:center;gap:7px;border-top:2px solid #ddd;padding:10px 0 0}.scenario-beats li>span{font-size:10px}.scenario-beats li[aria-current=step]{border-color:var(--blue);color:var(--blue)}.scenario-run-note{margin:13px 0 0;font-size:12px;line-height:1.5;color:#666}
.scenario-tile{width:211px;height:211px;aspect-ratio:1;flex:none;border-radius:28px;padding:18px;display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#eee);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #0001,0 12px 20px #00000012;border:1px solid #fff;overflow:hidden;color:#202020}.scenario-tile-title{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;width:100%;text-align:left;min-height:20px}.scenario-tile-title>span{color:#777}.scenario-tile-value{font-size:37px;font-family:Kalice,Georgia;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:9px;line-height:1.05}.scenario-tile-value small{font:10px Selecta;margin-left:3px;color:#666;letter-spacing:0}.scenario-tile p{font-size:11px;line-height:1.4;margin:7px 0;color:#555}.scenario-tile-status{font-size:10px;color:#555}.scenario-tile-action{margin-top:auto;border:1px solid #ddd;border-radius:12px;box-shadow:var(--raised);background:linear-gradient(#fff,#f8f8f8);font-size:11px;padding:8px 4px;min-height:36px;width:100%}.scenario-tile .season-value{font-size:32px}.scenario-product{color:#252525;--accent:#246bfe}.scenario-product .screen-title{margin:18px 0 12px;font:500 31px/1.12 Selecta;letter-spacing:-.8px}.scenario-product .subscription-detail>.service-mark{width:56px;height:56px;background:#242424;color:#fff;border-radius:17px;font-size:29px;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff44,0 3px 6px #0001}.scenario-product .subscription-detail>strong{display:block;font-size:26px;font-weight:400;margin:15px 0 7px}.scenario-product .subscription-detail>strong small{font-size:14px;color:#666}.scenario-facts{margin:24px 0;font-size:13px}.scenario-facts>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ddd;padding:13px 0;align-items:flex-start}.scenario-facts dt{color:#666}.scenario-facts dd{margin:0;text-align:right;max-width:60%;overflow-wrap:anywhere}.scenario-outcome{background:#f2f5fa;border:1px solid #d5deeb;border-radius:15px;padding:16px;margin-top:20px;font-size:14px;line-height:1.5}.scenario-outcome b{font-weight:500}.scenario-outcome p{margin:7px 0 0;color:#515151}.scenario-pending{padding:14px 0;font-size:14px;color:#555}.scenario-evidence{border:1px solid #ddd;border-radius:14px;margin-top:18px;background:#ffffff8c;padding:0 15px}.scenario-evidence summary{padding:16px 0;cursor:pointer;font-size:14px}.scenario-evidence p{font-size:13px;line-height:1.6;color:#555;margin:12px 0 18px}.scenario-evidence b,.scenario-evidence time{display:block;font-size:12px;margin:0 0 7px}.scenario-evidence time{color:#666}.scenario-account{margin:20px 0}.scenario-product .primary{background:radial-gradient(ellipse at 50% 0%,#565656,#242424 80%);border:1px solid #222;color:#fff;box-shadow:inset 0 1px 1px #ffffff55,0 2px 3px #0002,0 6px 12px #0001;min-height:48px;border-radius:24px}.scenario-product .primary:active{filter:brightness(.9);transform:none}.scenario-product .secondary{background:linear-gradient(#fff,#eee);color:#333;border:1px solid #ddd;min-height:48px}.scenario-product button{transition:none;transform:none!important}
.view-bar>.segmented{max-width:100%;overflow-x:auto;flex-shrink:1;scrollbar-width:none}.view-bar>.segmented button{flex:none}.scenario-workbench button:active{transform:none!important}.scenario-workbench button{transition:none}.scenario-workbench .btn:active,.scenario-thread:active,.scenario-tile-action:active{filter:brightness(.95)}
@media(max-width:1050px){.scenario-comparison{padding-inline:18px;gap:18px}.scenario-toolbar{gap:12px}.scenario-simulation{display:none}.scenario-lane .full-app-frame,.scenario-lane .original-app{border-radius:37px}}
@media(max-width:740px){.scenario-toolbar{padding:12px 16px;gap:10px}.scenario-toolbar label{flex:1;flex-direction:column;align-items:flex-start;font-size:11px}.scenario-toolbar select{font-size:16px;max-width:100%;width:100%;min-height:42px}.scenario-toolbar>.btn{align-self:flex-end;min-height:42px}.scenario-sources{padding:16px;grid-template-columns:minmax(0,1fr)}.scenario-lane-controls{padding:14px 16px;justify-content:space-between}.scenario-mobile-tabs{display:flex}.scenario-lane-controls .segmented button{min-height:36px;min-width:58px}.scenario-comparison{display:block;padding:0 16px 24px}.scenario-workbench[data-mobile-lane=chat] .scenario-result,.scenario-workbench[data-mobile-lane=product] .scenario-chat{display:none}.scenario-lane .full-app-frame,.scenario-lane .original-app{width:min(100%,365px);border-radius:44px}.scenario-lane-label{display:none}.scenario-product-stage{min-height:340px}.scenario-transport{position:static;padding:16px}.scenario-playback>.btn{min-height:44px}.scenario-playback>span{font-size:11px}.scenario-beats{gap:5px}.scenario-beats li{font-size:10px;gap:4px}.scenario-beats li>span{display:none}.scenario-tile-action{min-height:44px}.scenario-tile-status{font-size:9px}.scenario-tile p{margin-block:5px}.scenario-tile-value{margin-top:7px}}
@media(forced-colors:active){.scenario-tile,.scenario-thread,.scenario-outcome{border:1px solid ButtonText}.scenario-beats li[aria-current=step]{border-color:Highlight;color:Highlight}}
@media(min-width:741px){.scenario-lane .full-app-frame,.scenario-lane .original-app{width:min(100%,330px,max(220px,calc((100dvh - 440px)*402/874)))}.scenario-lane .full-app-frame,.scenario-lane .original-app{border-radius:38px}}
/* Never let replay chrome cover the app's bottom navigation. */
.scenario-transport{position:static}
@media(max-width:740px){.scenario-simulation{display:block;flex-basis:100%;margin:0;font-size:10px;text-align:right}}

/* Keep recovery controls comfortably usable inside the logical app canvas. */
.scenario-current-pass .primary{margin-bottom:16px}.scenario-account .form-error:empty{display:none}.scenario-account input[aria-invalid=true]{border-color:#4b4b4b}.scenario-product .text-button{min-height:44px}.scenario-tile-action{min-height:44px}.scenario-tile-title{min-height:24px}.scenario-product .screen-description{margin-bottom:20px}