/* Isolated browser adaptation; preserve the approved installed black/gold design. */
.fw-trial-link{margin-left:auto;font-size:12px;color:#7768df;text-decoration:none;border:1px solid #c8cdf638;padding:8px 13px;border-radius:8px;white-space:nowrap}
.fw-trial-link:hover{border-color:#c8cdf6;background:#eeeaff0b}
.formal-web #keyStatus,.formal-web #chatcutFab,.formal-web #chatcutDrawer{display:none!important}
.formal-web .topbar .zlw-actions{flex-shrink:0;margin-left:12px}
.fw-capability-note{border:1px solid #c8cdf640;background:#eeeaff0b;border-radius:12px;padding:13px 17px;color:#7768df;font-size:13px;line-height:1.8;margin:0 0 18px}
.fw-capability-note[hidden]{display:none}
.formal-web #veFields:disabled{opacity:.62}
.formal-web #panel-copy-rewrite:disabled{cursor:not-allowed}
.formal-web #vsGenBtn:disabled{opacity:.5;cursor:not-allowed}
.fw-nav-toggle,.fw-nav-shade{display:none}
.formal-web:focus-visible{outline:2px solid #c8cdf6;outline-offset:4px}
@media(max-width:1100px){.formal-web .topbar{gap:10px;padding-left:18px;padding-right:18px}.formal-web .brand-slogan{display:none}.formal-web .zlw-account{max-width:155px}}
@media(max-width:760px){
  .formal-web,.formal-web body{min-width:0!important;overflow-x:hidden}
  .formal-web header.topbar{position:sticky;top:0;height:66px;padding:0 12px;z-index:130;gap:8px;flex-wrap:nowrap}
  .formal-web .brand{gap:8px;min-width:0}.formal-web .brand h1{font-size:15px;white-space:nowrap}.formal-web .brand .logo{width:30px;height:30px;flex-shrink:0}
  .formal-web .acct-group,.formal-web #hvBell,.formal-web #topbarBalance{display:none!important}.formal-web .topbar .zlw-actions{margin-left:auto}
  .formal-web .zlw-account{font-size:11px;padding:7px 9px;gap:5px}.formal-web .zlw-ver{display:none}.formal-web .zlw-menu{right:0;max-width:calc(100vw - 24px)}
  .fw-nav-toggle{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:32px;height:36px;background:#eeeaff10;border:1px solid #c8cdf630;color:#7768df;border-radius:8px;font-size:18px}
  .formal-web nav.tabs.sidebar{position:fixed!important;display:flex!important;left:0!important;top:66px!important;bottom:0!important;height:calc(100dvh - 66px)!important;width:246px!important;z-index:140;transform:translateX(-102%);transition:transform .2s ease;background:#f7faff!important;border-right:1px solid #c8cdf625}
  .formal-web .fw-nav-open nav.tabs.sidebar{transform:translateX(0)}
  .formal-web .fw-nav-open .fw-nav-shade{display:block;position:fixed;inset:66px 0 0;z-index:135;background:#f7faff99;border:0}
  .formal-web main,.formal-web .content,.formal-web .main,.formal-web .main-content,.formal-web .workspace,.formal-web .main-wrap{margin-left:0!important;width:100%!important;min-width:0!important;padding-left:14px!important;padding-right:14px!important}
  .formal-web .grid-2,.formal-web .ve-layout,.formal-web .sdr-layout,.formal-web .cw-settings-grid{grid-template-columns:minmax(0,1fr)!important}
  .formal-web .panel{min-width:0;max-width:100%}.formal-web .card{min-width:0;max-width:100%;padding:18px}.formal-web .panel h2{font-size:19px;line-height:1.5}
  .formal-web .grid-2>.col{min-width:0}.formal-web video{max-width:100%}.formal-web .topbar .running-wrap{margin-left:0}
  .formal-web .studio-flow,.formal-web .studio-flow-shell{min-width:0!important;max-width:100%!important}
  .fw-capability-note{font-size:12px;padding:12px}
}
@media(prefers-reduced-motion:reduce){.formal-web nav.tabs.sidebar{transition:none}}
@media(max-width:760px){
  html.formal-web,html.formal-web body{height:100dvh!important;overflow:hidden!important}
  html.formal-web header.topbar{height:66px!important;min-height:66px!important}
  html.formal-web main{height:calc(100dvh - 66px)!important;max-height:calc(100dvh - 66px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box;padding-bottom:28px!important}
}

/* The desktop chooser has a 980px preferred size; constrain the grid track, not just the page. */
.mode-select{grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.mode-select:before,.mode-select:after{position:fixed}
.mode-select .mode-card{box-sizing:border-box;min-width:0;width:min(980px,100%);justify-self:center}
.mode-select .mode-option{min-width:0;overflow-wrap:anywhere}
.mode-select:focus-visible{outline:2px solid #c8cdf6;outline-offset:4px}
@media(max-width:760px){
  .mode-select{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:92px 18px 24px}
  .mode-select .mode-card{flex-shrink:0;width:100%;margin:auto 0;padding:25px 22px;border-radius:20px}
  .mode-select .mode-brand{top:25px;left:23px}
  .mode-select .mode-card h1{font-size:27px;letter-spacing:1px;margin:16px 0 12px}
  .mode-select .mode-card>p{font-size:12px;line-height:1.9;margin-bottom:22px}
  .mode-select .mode-grid{gap:12px}
  .mode-select .mode-option{padding:20px}
  .mode-select .mode-option b{font-size:21px;margin-bottom:9px}
  .mode-select .mode-option span{font-size:12px;line-height:1.8}
  .mode-select .mode-option em{margin-top:16px;font-size:13px}
  .mode-select .mode-build{position:static;align-self:flex-end;margin-top:24px;flex-shrink:0}
}