html{overflow-anchor:none}
/* One canvas: the widget and conversation, beside the expanded app. */
.main .main-head{min-height:60px}
.main-head .surface-controls{min-height:0}
.main-head .surface-controls select{max-width:240px;min-width:165px}
.original-story-stage{height:auto;min-height:0}
.original-story{height:calc(100dvh - 118px);min-height:560px}
.paired-workbench{min-height:100%;background:#f4f4f4}
.paired-workbench .paired-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;max-width:960px;width:100%;padding:28px 32px;margin:0 auto}
.paired-workbench .paired-comparison .story-lane,.paired-workbench .paired-comparison .scenario-lane{display:flex!important;height:auto;align-items:center;justify-content:center;min-width:0}
.paired-workbench .paired-comparison :is(.full-app-frame,.original-app){width:min(100%,365px,calc((100dvh - 292px)*402/874))}
.paired-workbench .scenario-product-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:0}
.paired-conversation .device-screen>.mini-app{overflow:hidden}
.paired-conversation .device-screen>.mini-app>.app-body{display:flex;flex-direction:column;gap:0;height:100%;min-height:0;padding:12px 0 0;overflow:hidden}
.paired-widget{display:flex;align-items:center;justify-content:center;flex:none;width:100%;padding:4px 12px 16px}
.paired-widget .preset-tile{width:235px;padding:0}
.paired-widget .square-widget{width:235px;height:235px}
.paired-widget .scenario-tile{width:235px;height:235px;min-height:235px;aspect-ratio:1;padding:20px;box-sizing:border-box}
.paired-widget .scenario-original-widget{width:235px;height:235px;flex:none;border:0}
.paired-conversation .story-messages,.paired-conversation .scenario-chat-feed{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 24px 20px;display:flex;flex-direction:column;gap:18px}
.paired-conversation .story-compose{flex:none;margin:8px 24px 12px}
.paired-workbench .story-lane-switch,.paired-workbench .scenario-lane-controls{display:none!important}
.paired-product .app-more{display:none}
@media(max-width:900px){
 .paired-workbench .paired-comparison{gap:24px;padding:24px 16px}
}
@media(max-width:560px){
 .paired-workbench .paired-comparison{grid-template-columns:minmax(0,1fr);gap:36px}
 .paired-workbench .paired-comparison :is(.full-app-frame,.original-app){width:min(100%,340px)}
 .main:has(.paired-workbench){overflow:visible;display:block}
 .main:has(.paired-workbench) #content{overflow:visible}
 .main>.story-transport,.main>.scenario-transport{position:static}
}
@media(max-width:560px){
 .main .main-head:not(:has(select)){display:none}
 .main .main-head:has(select){padding:10px 16px}
 .main-head .surface-controls select{width:100%;max-width:none;min-height:44px}
 .paired-workbench .paired-comparison :is(.full-app-frame,.original-app){width:min(100%,340px)}
}

@media(min-width:561px) and (max-width:900px){.paired-workbench .paired-comparison{gap:16px;padding:20px 16px}}