:root{
  --bg:#0b1020; --panel:#101827; --panel2:#0f172a; --card:#ffffff; --muted:#94a3b8;
  --text:#e5e7eb; --dark:#0f172a; --line:#223047; --blue:#2563eb; --teal:#14b8a6; --bad:#ef4444;
  --shadow:0 18px 60px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
button,.button{border:1px solid #334155;background:#17233a;color:#e5e7eb;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
button:hover,.button:hover{border-color:#60a5fa}
.primary{background:linear-gradient(135deg,var(--blue),var(--teal));border-color:transparent;color:white}
.full{width:100%}
input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;background:white;color:#0f172a;font:inherit}
textarea{min-height:110px;resize:vertical}
textarea.large{min-height:240px}
label{display:block;font-size:12px;font-weight:900;color:#cbd5e1;margin:13px 0 6px;text-transform:uppercase;letter-spacing:.06em}
.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.sidebar{background:#070b16;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:14px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--teal));display:grid;place-items:center;font-weight:950;box-shadow:0 12px 30px rgba(37,99,235,.25)}
.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.tree{display:flex;flex-direction:column;gap:8px;overflow:auto}
.project-card{border:1px solid var(--line);border-radius:14px;padding:10px;background:#0d1424}
.project-card.active{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.14)}
.project-title{font-weight:900}
.version-chip{display:inline-flex;margin:6px 5px 0 0;padding:4px 7px;border-radius:999px;background:#1e293b;color:#cbd5e1;font-size:12px;cursor:pointer;border:1px solid transparent}
.version-chip.active{background:#dbeafe;color:#1e3a8a;border-color:#93c5fd}
.side-note{margin-top:auto;color:#94a3b8;font-size:12px;line-height:1.45}
.main{min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);background:#0d1424;position:sticky;top:0;z-index:10}
h1,h2,h3,p{margin-top:0}
#title{margin-bottom:4px;font-size:24px}
#subtitle{margin:0;color:var(--muted)}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tabs button{padding:8px 11px;background:#111b2e}
.tabs button.active{background:#e0f2fe;color:#0c4a6e;border-color:#7dd3fc}
.empty-card{max-width:760px;margin:80px auto;background:white;color:var(--dark);border-radius:24px;padding:32px;box-shadow:var(--shadow)}
.form-row{display:flex;gap:10px;align-items:center}
.form-row input{flex:1}
.hidden{display:none!important}
#workArea{padding:22px}
.panel-grid{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(360px,.9fr);gap:18px}
.panel,.right-panel,.preview-panel{background:#111b2e;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.panel label,.right-panel label{color:#cbd5e1}
.hint{color:#94a3b8;font-size:13px;line-height:1.45}
.status{font-size:13px;color:#93c5fd;min-height:18px}
.status.error{color:#fca5a5}
.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.asset-list,.backlog-list,.bundle-history{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.asset-item,.backlog-item,.bundle-item{background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:10px}
.backlog-item{display:grid;gap:6px}
.asset-item strong,.backlog-item strong{display:block}
.backlog-item strong{line-height:1.25}
.backlog-item div{line-height:1.35}
.asset-item small,.backlog-item small{color:var(--muted);line-height:1.35}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;height:calc(100vh - 115px)}
.preview-panel{padding:0;overflow:hidden;display:flex;flex-direction:column}
.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);gap:12px}
#selectionBadge{display:inline-block;margin-left:10px;color:#94a3b8;font-size:12px}
#previewFrame{width:100%;height:100%;border:0;background:#0f172a;color-scheme:dark}
.right-panel{overflow:auto}
.selected-box{background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:12px;color:#cbd5e1;white-space:pre-wrap;font-size:12px;max-height:210px;overflow:auto}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.backlog-item.done{opacity:.55}
.backlog-actions{display:flex;gap:8px;margin-top:4px}
.backlog-actions button{font-size:12px;padding:6px 8px}
.handoff-layout{display:grid;grid-template-columns:minmax(500px,1.25fr) minmax(300px,.75fr);gap:18px}
.prompt-box{min-height:calc(100vh - 260px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45;color:#0f172a;background:#f8fafc}
code{background:#e2e8f0;color:#0f172a;border-radius:6px;padding:2px 5px}
@media (max-width:1000px){
  .app{grid-template-columns:1fr}
  .sidebar{position:static}
  .panel-grid,.workspace,.handoff-layout{grid-template-columns:1fr;height:auto}
  #previewFrame{height:70vh}
  .topbar{position:static;align-items:flex-start;flex-direction:column}
}

.danger{background:#3b1116;border-color:#7f1d1d;color:#fecaca}
.danger:hover{border-color:#ef4444}
.handoff-single{max-width:1100px;margin:0 auto}
.handoff-single .prompt-box{min-height:calc(100vh - 285px)}

.hint.tiny{font-size:12px;line-height:1.35}
.selected-box{min-height:170px}

#pageSelect{min-width:170px;max-width:240px}

#backlogAddStatus{margin-top:8px}

#renameVersionBtn,#deleteVersionBtn{white-space:nowrap}
button:disabled,.button:disabled,select:disabled{opacity:.5;cursor:not-allowed}

.backlog-context{font-size:12px;font-weight:900;color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}

#newAgentBundleBtn{background:#17233a;border-color:#475569}


/* v1.0.13 workspace chrome */
.icon-btn{
  width:auto;
  min-width:38px;
  height:38px;
  padding:0 10px;
  border-radius:11px;
  font-size:13px;
  white-space:nowrap;
}
.brand{position:relative}
.brand-copy{min-width:0}
.sidebar-toggle{margin-left:auto}
body.sidebar-collapsed .sidebar{
  width:68px;
  min-width:68px;
  overflow:hidden;
  padding-left:10px;
  padding-right:10px;
}
body.sidebar-collapsed .brand-copy,
body.sidebar-collapsed .side-note,
body.sidebar-collapsed #projectTree,
body.sidebar-collapsed #newProjectBtn{
  display:none;
}
body.sidebar-collapsed .brand{justify-content:center}
body.sidebar-collapsed .sidebar-toggle{
  position:absolute;
  right:10px;
  top:50px;
  z-index:3;
}
.compact-toolbar{
  gap:10px;
  align-items:center;
}
.preview-title{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:8px;
  overflow:hidden;
}
.preview-title strong{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:420px;
}
#selectionBadge{
  color:#93c5fd;
  font-size:12px;
  white-space:nowrap;
}
.toolbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.toolbar-actions select{
  width:auto;
  min-width:105px;
  max-width:170px;
  height:38px;
  padding:7px 28px 7px 10px;
}
#workspaceModeBtn.active-mode{
  border-color:#14b8a6;
  background:#123037;
}
.menu-wrap{position:relative}
.menu{
  position:absolute;
  right:0;
  top:44px;
  min-width:190px;
  background:#0f172a;
  border:1px solid #334155;
  border-radius:14px;
  box-shadow:var(--shadow);
  padding:8px;
  z-index:30;
}
.menu button{
  width:100%;
  justify-content:flex-start;
  margin:3px 0;
  background:transparent;
}
.right-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
body.right-collapsed .workspace{
  grid-template-columns:1fr 48px;
}
body.right-collapsed .right-panel{
  width:48px;
  min-width:48px;
  padding:10px 6px;
  overflow:hidden;
}
body.right-collapsed .right-panel > *:not(.right-panel-head){
  display:none;
}
body.right-collapsed .right-panel h2{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:12px;
  margin:8px auto;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.right-collapsed #toggleRightPanelBtn2{
  transform:rotate(180deg);
}
.mini-help{
  display:grid;
  gap:8px;
}
.mini-help code{
  display:inline-block;
  background:#0f172a;
  color:#e5e7eb;
  border:1px solid #334155;
  border-radius:10px;
  padding:8px 10px;
}
@media(max-width:1100px){
  .toolbar-actions{flex-wrap:wrap;justify-content:flex-end}
  .preview-title strong{max-width:260px}
  body.right-collapsed .workspace{grid-template-columns:1fr}
  body.right-collapsed .right-panel{display:none}
}


/* v1.0.14 workspace simplification */
.app{
  transition:grid-template-columns .18s ease;
}
body.sidebar-collapsed .app{
  grid-template-columns:68px minmax(0,1fr);
}
body.sidebar-collapsed .main{
  min-width:0;
}
body.sidebar-collapsed .sidebar{
  width:auto;
  min-width:0;
}
.topbar{
  align-items:center;
}
.topbar-left{
  min-width:0;
  display:flex;
  align-items:center;
}
.title-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
#title{
  margin:0;
  line-height:1.1;
}
#subtitle{
  display:none!important;
}
.topbar .icon-btn{
  height:36px;
  min-width:36px;
}
.preview-panel{
  background:#0f172a;
}
.preview-toolbar,
.compact-toolbar,
.workspace-hidden-controls{
  display:none!important;
}
.workspace{
  height:calc(100vh - 82px);
}
#previewFrame{
  min-height:0;
}
body.right-collapsed .workspace{
  grid-template-columns:minmax(0,1fr) 48px;
}
#toggleRightPanelBtn2{
  min-width:32px;
  height:32px;
}
.menu{
  text-align:left;
}
@media(max-width:900px){
  .topbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .tabs{
    width:100%;
  }
}


/* v1.0.15 responsive preview device switcher */
.device-switch{
  display:flex;
  align-items:center;
  gap:4px;
  padding:3px;
  border:1px solid #334155;
  border-radius:13px;
  background:#0f172a;
}
.device-switch .icon-btn{
  min-width:32px;
  width:32px;
  height:30px;
  padding:0;
}
.device-btn.active-device{
  background:#e0f2fe;
  color:#0c4a6e;
  border-color:#7dd3fc;
}
.presentation-history-top{
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid #334155;
  border-radius:13px;
  background:#0f172a;
}
.presentation-history-top.hidden{display:none!important;}
.presentation-history-top .presentation-history-btn{
  min-width:32px;
  width:32px;
  height:30px;
  padding:0;
  display:inline-grid;
  place-items:center;
}
.presentation-history-top .presentation-history-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.presentation-history-top .presentation-history-btn:disabled{opacity:.34;cursor:default;}
.presentation-autosave-status{
  width:28px;height:28px;min-width:28px;padding:0;margin:0 1px;
  display:inline-grid;place-items:center;border-radius:8px;border:1px solid transparent;
  color:#94a3b8;background:transparent;box-sizing:border-box;
}
.presentation-autosave-status svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.presentation-autosave-status.autosave-state-saved{color:#22c55e;}
.presentation-autosave-status.autosave-state-saving{color:var(--blue,#60a5fa);}
.presentation-autosave-status.autosave-state-error{color:#ef4444;border-color:color-mix(in srgb,#ef4444 38%,transparent);background:color-mix(in srgb,#ef4444 9%,transparent);}
.presentation-autosave-status.autosave-retryable{cursor:pointer;}
.presentation-autosave-status.autosave-retryable:hover{background:color-mix(in srgb,#ef4444 15%,transparent);}
.presentation-autosave-status .autosave-pulse{animation:zurroAutosavePulse 1s ease-in-out infinite;}
@keyframes zurroAutosavePulse{0%,100%{opacity:.35}50%{opacity:1}}
.presentation-autosave-status:empty{display:none;}
.preview-panel{
  align-items:center;
  justify-content:stretch;
  background:#111827;
}
.device-desktop #previewFrame{
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
}
.device-tablet #previewFrame{
  width:min(768px, 100%);
  height:100%;
  border-left:1px solid #334155;
  border-right:1px solid #334155;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}
.device-mobile #previewFrame{
  width:min(390px, 100%);
  height:100%;
  border-left:1px solid #334155;
  border-right:1px solid #334155;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}


/* v1.0.16 pages/request polish */
.page-menu{
  min-width:250px;
}
.page-menu #pageMenuList{
  display:grid;
  gap:4px;
}
.page-menu button{
  justify-content:space-between;
  gap:14px;
}
.page-menu button small{
  color:#94a3b8;
  font-size:11px;
  font-weight:700;
}
.page-menu button.active-page{
  background:#e0f2fe;
  color:#0c4a6e;
  border-color:#7dd3fc;
}
.page-menu button.active-page small{
  color:#155e75;
}
.page-menu hr{
  margin:8px 0;
}
body.right-collapsed .right-panel h2{
  font-size:11px;
}

.create-project-row select{max-width:210px}
#projectType{max-width:260px}

#promptBuildBundleBtn{background:#17233a;border-color:#475569}

#assetKindSelect,#assetScopeSelect{max-width:170px}
#taskAssetSelect{margin-bottom:10px}
.asset-item .danger{padding:8px 10px;font-size:12px}

.hidden-file{display:none!important}
#importPromptPackageBtn{background:#17233a;border-color:#475569}

.inline-check{display:inline-flex;align-items:center;gap:7px;width:auto;color:#cbd5e1;font-size:13px;font-weight:800;margin:0}
.inline-check input{width:auto}


/* v1.0.22 asset explorer */
.asset-explorer{
  display:grid;
  grid-template-columns:minmax(180px, 25%) minmax(0, 1fr);
  gap:18px;
  padding:18px;
}
.asset-tree{
  align-self:start;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.asset-tree h2{
  margin-bottom:6px;
}
.asset-tree-item{
  width:100%;
  justify-content:flex-start;
  background:#0f172a;
}
.asset-tree-item.active{
  background:#e0f2fe;
  color:#0c4a6e;
  border-color:#7dd3fc;
}
.asset-detail{
  min-width:0;
}
.asset-detail .asset-list{
  margin-top:14px;
}
@media(max-width:900px){
  .asset-explorer{
    grid-template-columns:1fr;
  }
  .asset-tree{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .asset-tree h2{
    grid-column:1/-1;
  }
}


.asset-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-height:28px;
  margin-bottom:10px;
}
.asset-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  border:1px solid #334155;
  background:#0f172a;
  color:#e5e7eb;
  border-radius:999px;
  padding:5px 9px;
  font-size:12px;
}
.asset-chip small{
  color:#93c5fd;
}
.modal{
  position:fixed;
  inset:0;
  z-index:100;
  background:rgba(2,6,23,.72);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.modal.hidden{
  display:none!important;
}
.modal-card{
  width:min(900px, 96vw);
  max-height:88vh;
  overflow:auto;
  background:#0f172a;
  border:1px solid #334155;
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:18px;
}
.modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.modal-head h2{
  margin-bottom:4px;
}
.modal-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.modal-header>div{min-width:0}
.modal-header>.icon-btn{flex:0 0 auto;margin-left:auto}
.modal-header h3{margin:0 0 4px}
.modal-header p{margin:0}
.asset-picker-filters{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 170px 150px;
  gap:10px;
  margin-bottom:12px;
}
.asset-picker-list{
  display:grid;
  gap:8px;
  max-height:48vh;
  overflow:auto;
  padding-right:4px;
}
.asset-pick-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid #334155;
  background:#111827;
  border-radius:14px;
  padding:10px;
  cursor:pointer;
}
.asset-pick-item input{
  width:auto;
  margin-top:3px;
}
.asset-pick-item span{
  display:grid;
  gap:3px;
  min-width:0;
}
.asset-pick-item strong{
  color:#e5e7eb;
  word-break:break-word;
}
.asset-pick-item small{
  color:#94a3b8;
}
.modal-actions{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
@media(max-width:720px){
  .asset-picker-filters{
    grid-template-columns:1fr;
  }
}


/* v1.0.24 clean UI refresh */
.brand-copy strong{display:block;font-size:15px;line-height:1.15}
.project-search{width:100%;background:#0d1424;border-color:#23324a;color:#e5e7eb}
.project-search-row{display:flex;align-items:center;gap:6px;position:relative}
.project-search-row .project-search{min-width:0;flex:1}
.project-type-filter-wrap{flex:0 0 auto}
.project-type-filter-btn{min-width:42px;max-width:92px;padding:0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-type-filter-menu{left:auto;right:0;top:calc(100% + 6px);width:230px;min-width:230px;padding:8px;z-index:80}
.project-type-filter-menu label{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:36px;padding:7px 8px;border-radius:8px;cursor:pointer;color:var(--text,#e5e7eb)}
.project-type-filter-menu label:hover{background:rgba(148,163,184,.12)}
.project-type-filter-menu input{margin:0;justify-self:center}
body.sidebar-collapsed .project-search-row{display:none}

.tree-empty{padding:10px}
.version-selector-btn{width:100%;justify-content:space-between;margin-top:9px;background:#111b2e;border-color:#334155;color:#cbd5e1;font-size:12px;padding:7px 9px}
.version-selector-btn span{opacity:.75}
.version-selector-btn:disabled{opacity:.55;cursor:not-allowed}
.version-picker-modal{max-width:820px}
.version-picker-list{display:flex;flex-direction:column;gap:8px;max-height:64vh;overflow:auto;padding-right:4px}
.version-pick-row{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px 38px;align-items:stretch;gap:7px;background:#0b1220;border:1px solid #334155;border-radius:14px;padding:5px;margin-left:calc(var(--depth,0) * 22px);width:calc(100% - (var(--depth,0) * 22px))}
.version-pick-main{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:7px 8px;background:transparent;border:0;text-align:left;color:inherit}
.version-pick-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.version-pick-row strong{color:#e5e7eb;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.version-pick-row small{display:block;color:#94a3b8;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.version-pick-row small b{color:#cbd5e1;font-weight:800}
.version-pick-row time{color:#94a3b8;font-size:11px;white-space:nowrap}
.version-pick-branch,.version-pick-delete,.version-pick-info{align-self:stretch;min-width:34px;padding:0;border-radius:10px;background:#111b2e;border-color:#334155;color:#bfdbfe;font-weight:900;font-size:15px}
.version-pick-branch{font-size:20px;line-height:1;color:#bbf7d0}
.version-pick-delete{font-size:20px;line-height:1;color:#fecaca}
.version-pick-branch:hover{background:#143224;border-color:#22c55e;color:#dcfce7}
.version-pick-delete:hover{background:#3b151b;border-color:#ef4444;color:#fee2e2}
.version-pick-row.active{background:#e0f2fe;color:#0c4a6e;border-color:#7dd3fc}
.version-pick-row.active strong,.version-pick-row.active small,.version-pick-row.active small b,.version-pick-row.active time{color:#0c4a6e}
.version-pick-row.active .version-pick-branch,.version-pick-row.active .version-pick-delete,.version-pick-row.active .version-pick-info{background:#bae6fd;border-color:#7dd3fc;color:#075985}
.version-pick-row.active .version-pick-branch{background:#bbf7d0;border-color:#86efac;color:#166534}
.version-pick-row.active .version-pick-delete{background:#fee2e2;border-color:#fecaca;color:#991b1b}
.version-tree-indicators{display:flex;min-height:34px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.version-tree-line{color:#93c5fd;font-weight:900;line-height:1}.version-runtime-play{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#22c55e;color:#052e16;font-size:10px;font-weight:1000;box-shadow:0 0 0 2px rgba(34,197,94,.18)}.version-pick-row.runtime-running{box-shadow:inset 3px 0 0 #22c55e}.version-pick-row.active .version-runtime-play{background:#16a34a;color:#f0fdf4}
.version-detail-card{display:flex;flex-direction:column;gap:14px;text-align:left}
.version-detail-summary{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:12px;border:1px solid #334155;border-radius:12px;background:#0b1220}
.version-detail-summary p{margin:0;color:#e2e8f0;line-height:1.45}
.version-kind-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#172554;color:#bfdbfe;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.version-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.version-detail-meta span{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid #334155;border-radius:10px;background:#0b1220;color:#cbd5e1}
.version-detail-meta b{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}
.version-detail-block{display:flex;flex-direction:column;gap:7px}
.version-detail-block>strong{color:#e2e8f0}
.version-detail-block ul{margin:0;padding-left:20px;color:#cbd5e1}
.version-detail-block li+li{margin-top:5px}
@media(max-width:720px){.version-pick-main{grid-template-columns:18px minmax(0,1fr)}.version-pick-row time{display:none}.version-detail-meta{grid-template-columns:1fr}}
.right-panel-head #toggleRightPanelBtn2{font-size:20px;line-height:1}


/* clean-ui v1.0.24 fixes */
body.sidebar-collapsed #projectSearch{
  display:none!important;
}
body.sidebar-collapsed .sidebar-toggle{
  top:12px;
  right:8px;
}
.version-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}
.version-chip-row .version-chip{
  margin:0;
}
button.version-chip{
  width:auto;
  min-width:0;
  border-radius:999px;
  padding:4px 8px;
  height:auto;
  font-size:12px;
  line-height:1.2;
  background:#1e293b;
  color:#cbd5e1;
  border:1px solid transparent;
}
button.version-chip:hover{
  border-color:#60a5fa;
}
.version-chip.muted{
  opacity:.65;
  cursor:default;
}
.version-selector-btn{
  display:none;
}
.version-picker-modal .modal-actions{
  display:none;
}


/* clean-ui v1.0.26 small sidebar/request fixes */
body.right-collapsed .right-panel-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  height:100%;
}
body.right-collapsed .right-panel h2{
  order:1;
  margin:8px auto 0;
}
body.right-collapsed #toggleRightPanelBtn2{
  order:2;
  margin:0 auto;
  transform:rotate(180deg);
}
.version-chip-row{
  min-height:23px;
}


/* clean-ui v1.0.27 settings badge + collapsed sidebar polish */
.logo-btn{
  border:0;
  color:white;
  padding:0;
  cursor:pointer;
}
.logo-btn:hover{
  border:0;
  filter:brightness(1.08);
}
body.sidebar-collapsed .brand{
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  gap:8px;
  margin-bottom:0;
}
body.sidebar-collapsed .sidebar-toggle{
  position:static;
  top:auto;
  right:auto;
  margin:0 auto;
  min-width:38px;
}
body.sidebar-collapsed .logo{
  flex:0 0 auto;
}
.settings-modal{
  max-width:460px;
}
.settings-placeholder{
  border:1px solid #334155;
  background:#0b1220;
  border-radius:16px;
  padding:14px;
}
.settings-placeholder strong{
  display:block;
  color:#e5e7eb;
  margin-bottom:4px;
}


/* clean-ui v1.0.28 setup flow */
.create-project-stack{
  display:grid;
  gap:10px;
}
.setup-flow .panel h2{
  margin-bottom:8px;
}
.setup-flow #assetInput{
  min-width:0;
}
.setup-flow #setupAssetChips{
  margin-bottom:12px;
}


/* clean-ui v1.0.29 softer dark form theme + asset chooser upload */
input,
textarea,
select{
  background:#0b1220;
  color:#e5e7eb;
  border-color:#334155;
}
input::placeholder,
textarea::placeholder{
  color:#64748b;
}
input:focus,
textarea:focus,
select:focus{
  outline:none;
  border-color:#60a5fa;
  box-shadow:0 0 0 3px rgba(96,165,250,.16);
}
select option{
  background:#0b1220;
  color:#e5e7eb;
}
input[type="file"]{
  color:#cbd5e1;
}
input[type="file"]::file-selector-button{
  margin-right:10px;
  border:1px solid #334155;
  border-radius:10px;
  background:#111b2e;
  color:#e5e7eb;
  padding:8px 10px;
  cursor:pointer;
}
.empty-card{
  background:#111b2e;
  color:#e5e7eb;
  border:1px solid var(--line);
}
.empty-card h2{
  color:#f8fafc;
}
.asset-picker-upload{
  border:1px solid #334155;
  background:#0b1220;
  border-radius:16px;
  padding:12px;
  margin-bottom:12px;
}
.asset-picker-upload label{
  margin-top:0;
}
.asset-picker-upload .status{
  margin:8px 0 0;
}


/* clean-ui v1.0.30 setup asset flow + toast notifications */
.setup-asset-picker-row #setupAssetPickerBtn{
  width:100%;
  justify-content:center;
}
#clearSetupAssetsBtn{
  display:none!important;
}
#setupAssetChips{
  display:none!important;
}
.asset-picker-upload-row{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 170px auto;
  gap:10px;
}
.asset-picker-upload-row input,
.asset-picker-upload-row select,
.asset-picker-upload-row button{
  width:100%;
}
.asset-picker-modal.setup-asset-mode #assetPickerSource,
.asset-picker-modal.setup-asset-mode #assetPickerType,
.asset-picker-modal.setup-asset-mode #assetPickerUploadKind{
  display:none!important;
}
.asset-picker-modal.setup-asset-mode .asset-picker-filters{
  grid-template-columns:1fr;
}
.asset-picker-modal.setup-asset-mode .asset-picker-upload-row{
  grid-template-columns:minmax(180px,1fr) auto;
}
.asset-picker-modal.setup-asset-mode .asset-picker-upload-row #assetPickerUploadBtn{
  min-width:116px;
}
.toast-stack{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1000;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  pointer-events:none;
}
.toast{
  min-width:260px;
  max-width:420px;
  border:1px solid #2563eb;
  background:#0b1220;
  color:#e5e7eb;
  box-shadow:var(--shadow);
  border-radius:16px;
  padding:12px 14px;
  font-size:13px;
  line-height:1.35;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .22s ease, transform .22s ease;
}
.toast.show{
  opacity:1;
  transform:translateY(0);
}
.toast.leaving{
  opacity:0;
  transform:translateY(10px);
}
.toast.error{
  border-color:#ef4444;
  color:#fecaca;
}
@media(max-width:720px){
  .asset-picker-upload-row,
  .asset-picker-modal.setup-asset-mode .asset-picker-upload-row{
    grid-template-columns:1fr;
  }
  .toast-stack{
    left:14px;
    right:14px;
    bottom:14px;
    align-items:stretch;
  }
  .toast{
    min-width:0;
    max-width:none;
  }
}


/* clean-ui v1.0.32 setup layout refinement */
.setup-flow{
  grid-template-columns:minmax(280px,1fr) minmax(0,2fr);
  align-items:start;
}
.setup-left-flow{
  display:grid;
  gap:18px;
}
.setup-baseline-panel textarea.large{
  min-height:380px;
}
.setup-baseline-panel #extraNotes{
  min-height:150px;
}
.setup-asset-picker-row #setupAssetPickerBtn{
  justify-content:center;
}

/* Class is applied to the outer modal, not the modal-card */
.modal.setup-asset-mode #assetPickerSource,
.modal.setup-asset-mode #assetPickerType{
  display:none!important;
}
.modal.setup-asset-mode #assetPickerUploadKind{
  display:block!important;
  opacity:.65;
  cursor:not-allowed;
}
.modal.setup-asset-mode .asset-picker-filters{
  grid-template-columns:1fr;
}
.modal.setup-asset-mode .asset-picker-upload-row{
  grid-template-columns:minmax(180px,1fr) 132px 118px;
}
.modal.setup-asset-mode .asset-picker-upload-row #assetPickerUploadBtn{
  min-width:118px;
}
@media(max-width:1100px){
  .setup-flow{
    grid-template-columns:1fr;
  }
  .setup-baseline-panel textarea.large{
    min-height:280px;
  }
}


/* clean-ui v1.0.33 handoff modal */
.handoff-modal-card{
  width:min(980px, 96vw);
  max-height:90vh;
}
.handoff-modal-card .prompt-box{
  min-height:52vh;
  max-height:62vh;
}

#handoffPromptStatus.error{
  color:#fca5a5;
}
#handoffPrompt{
  tab-size:2;
}


/* clean-ui v1.0.34 import modal + setup-gated navigation */
.tabs button.disabled-tab,
.tabs button:disabled{
  opacity:.42;
  filter:saturate(.55);
  cursor:not-allowed;
  border-color:#1e293b;
  color:#64748b;
  background:#0b1220;
}
.import-modal-card{
  width:min(620px, 96vw);
}
.import-modal-card input[type="file"]{
  width:100%;
}


/* clean-ui v1.0.35 asset inclusion, progress toasts and button colours */
.step-action{
  font-weight:900;
}
.step-green{
  background:linear-gradient(135deg,#059669,#14b8a6);
  border-color:transparent;
  color:white;
}
.step-blue{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  border-color:transparent;
  color:white;
}
.gradient-danger{
  background:linear-gradient(135deg,#b91c1c,#ef4444);
  border-color:transparent;
  color:white;
}
button:disabled.step-action,
button:disabled.gradient-danger{
  opacity:.55;
  filter:saturate(.55);
}
.modal.setup-asset-mode .modal-actions{
  display:none;
}
.asset-view-item{
  cursor:default;
}
.toast.progress{
  display:flex;
  align-items:center;
  gap:10px;
  border-color:#14b8a6;
}
.toast-spinner{
  width:16px;
  height:16px;
  border:2px solid rgba(226,232,240,.35);
  border-top-color:#5eead4;
  border-radius:50%;
  animation:toastSpin .8s linear infinite;
  flex:0 0 auto;
}
.toast-check{
  color:#5eead4;
  font-weight:950;
  margin-right:6px;
}
@keyframes toastSpin{
  to{transform:rotate(360deg)}
}
body.is-busy #promptBuildBundleBtn,
body.is-busy #importPromptPackageBtn,
body.is-busy #firstBuildBundleBtn,


/* clean-ui v1.0.36 stronger action hierarchy */
.auto-prompt-actions{
  margin-top:16px;
}
.setup-final-actions{
  margin-top:22px;
  padding-top:10px;
  border-top:1px solid rgba(51,65,85,.55);
}
button.step-action{
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 26px rgba(15,23,42,.32);
}
button.step-green,
#promptBuildBundleBtn.step-green,
#importPromptPackageBtn.step-green{
  background:linear-gradient(135deg,#047857 0%,#10b981 48%,#14b8a6 100%)!important;
}
button.step-green:hover,
#promptBuildBundleBtn.step-green:hover,
#importPromptPackageBtn.step-green:hover{
  filter:brightness(1.08);
}
button.step-blue,
#firstBuildBundleBtn.step-blue,
button.step-blue:hover,
#firstBuildBundleBtn.step-blue:hover,
button.gradient-danger,
#deleteProjectBtn.gradient-danger{
  background:linear-gradient(135deg,#991b1b 0%,#dc2626 50%,#f97316 100%)!important;
  border-color:transparent!important;
  color:white!important;
  box-shadow:0 12px 26px rgba(127,29,29,.28);
}
#saveSetupBtn.primary{
  box-shadow:0 12px 26px rgba(37,99,235,.25);
}


/* clean-ui v1.0.37 workspace handoff menu + download naming */
#handoffMenuBtn{
  min-width:auto;
  padding-inline:12px;
}
#handoffMenu button{
  min-width:210px;
}


/* clean-ui v1.0.39 backlog logs */
.backlog-flow{
  display:grid;
  gap:18px;
}
.logs-list{
  display:grid;
  gap:10px;
}
.log-item{
  border:1px solid #263449;
  background:#0b1220;
  border-radius:14px;
  padding:12px;
}
.log-title{
  color:#f8fafc;
  font-weight:850;
  margin-bottom:3px;
}
.log-detail{
  color:#cbd5e1;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.log-item small{
  display:block;
  color:#64748b;
  margin-top:6px;
}


/* clean-ui v1.0.40 setup versioning */
.setup-flow{
  display:grid;
  grid-template-columns:1fr!important;
  gap:18px;
  align-items:stretch;
}
.setup-top-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:18px;
  align-items:start;
}
.setup-auto-prompt-panel .auto-prompt-actions{
  display:grid;
  gap:12px;
}
.setup-auto-prompt-panel .auto-prompt-actions button{
  width:100%;
}
.setup-baseline-panel{
  width:100%;
}
.setup-baseline-panel textarea.large{
  min-height:440px;
}
.setup-versions-panel{
  width:100%;
}
.version-create-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  margin:14px 0 18px;
}
.version-create-card{
  border:1px solid #263449;
  background:#0b1220;
  border-radius:16px;
  padding:14px;
}
.version-create-card strong{
  color:#f8fafc;
  display:block;
  margin-bottom:4px;
}
.version-create-card .form-row{
  margin-top:10px;
}
.setup-version-list{
  display:grid;
  gap:8px;
}
.setup-version-row{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px 10px;
  align-items:center;
  text-align:left;
  padding:12px 14px;
  padding-left:calc(14px + (var(--depth,0) * 24px));
  border:1px solid #263449;
  border-radius:14px;
  background:#0b1220;
}
.setup-version-row strong{
  color:#e5e7eb;
}
.setup-version-row small{
  grid-column:2;
  color:#64748b;
}
.setup-version-row.active{
  border-color:#22c55e;
  background:#102019;
}
@media(max-width:980px){
  .setup-top-grid,
  .version-create-grid{
    grid-template-columns:1fr;
  }
  .setup-baseline-panel textarea.large{
    min-height:320px;
  }
}


/* clean-ui v1.0.41 compact inspiration/assets + simplified versions */
.setup-top-grid{
  align-items:stretch;
}
.setup-inspiration-panel,
.setup-auto-prompt-panel{
  min-height:230px;
}
.setup-inspiration-panel{
  display:flex;
  flex-direction:column;
}
.inspiration-assets-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);
  gap:14px;
  align-items:end;
  margin-top:auto;
}
.inspiration-url-block,
.inspiration-assets-block{
  border:1px solid #263449;
  background:#0b1220;
  border-radius:16px;
  padding:12px;
}
.inspiration-url-block label,
.inspiration-assets-block label{
  margin-top:0;
}
.setup-asset-picker-row #setupAssetPickerBtn{
  min-height:42px;
}
.setup-version-list{
  display:none!important;
}
@media(max-width:980px){
  .inspiration-assets-grid{
    grid-template-columns:1fr;
  }
  .setup-inspiration-panel,
  .setup-auto-prompt-panel{
    min-height:0;
  }
}


/* clean-ui v1.0.42 compact baseline prompt with expand option */
.section-head-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.section-head-row h2{
  margin:0;
}
.small-btn{
  min-width:auto;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
}
.setup-baseline-panel textarea.large{
  min-height:112px!important;
  height:112px;
}
.setup-baseline-panel #extraNotes{
  min-height:64px!important;
  height:64px;
}
.setup-baseline-panel.expanded textarea.large{
  min-height:440px!important;
  height:440px;
}
.setup-baseline-panel.expanded #extraNotes{
  min-height:150px!important;
  height:150px;
}
@media(max-width:980px){
  .setup-baseline-panel.expanded textarea.large{
    min-height:320px!important;
    height:320px;
  }
}


/* clean-ui v1.0.43 major-version wording */
.setup-versions-panel h2{
  color:#f8fafc;
}


/* clean-ui v1.0.45 workspace cleanup + direct text editing */
.workspace-top-tools{
  display:none;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body.workspace-tab-active .workspace-top-tools{
  display:flex;
}
.manual-text-edit-bar{
  border:1px solid rgba(249,115,22,.45);
  background:rgba(249,115,22,.08);
  border-radius:14px;
  padding:10px;
  margin:10px 0 12px;
}
.manual-text-edit-bar .button-row{
  margin-top:8px;
}
.manual-text-edit-bar.hidden{
  display:none;
}
#editSelectedTextBtn.hidden{
  display:none;
}
#editSelectedTextBtn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.right-panel h2{
  letter-spacing:-.02em;
}


/* clean-ui v1.0.49 project import/export */
.project-entry-card{
  max-width:1180px;
}
.project-entry-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
  margin-top:14px;
}
.project-entry-panel{
  border:1px solid #263449;
  background:#0b1220;
  border-radius:18px;
  padding:16px;
}
.project-entry-panel h3{
  margin:0 0 6px;
  color:#f8fafc;
}
.version-export-grid{
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.export-actions{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.export-card .form-row{
  grid-template-columns:minmax(0,1fr) auto;
}
@media(max-width:1120px){
  .version-export-grid,
  .project-entry-grid{
    grid-template-columns:1fr;
  }
}


/* clean-ui v1.0.50 project import options */
#importProjectName{
  min-width:0;
}


/* C1 auth baseline */
.sidebar-user{
  display:grid;
  gap:8px;
  margin:10px 0 12px;
  padding:10px;
  border:1px solid #263449;
  border-radius:14px;
  background:#0b1220;
  color:#94a3b8;
  font-size:12px;
  overflow:hidden;
}
.sidebar-user span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sidebar-user button{
  width:100%;
}
.login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  background:#020617;
}
.login-card{
  width:min(420px, calc(100vw - 32px));
  padding:28px;
  border:1px solid #263449;
  border-radius:24px;
  background:#0f172a;
  box-shadow:0 24px 80px rgba(0,0,0,.42);
}
.login-brand{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#14b8a6;
  color:#042f2e;
  font-weight:900;
  margin-bottom:18px;
}
.login-card h1{
  margin:0 0 8px;
}
.login-form{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.login-form button{
  margin-top:8px;
}


/* v1.0.54 account menu */
.logo.logo-btn{
  letter-spacing:.02em;
}
.user-menu-modal{
  max-width:420px;
}
.user-menu-card{
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #263449;
  background:#0b1220;
  border-radius:18px;
  padding:14px;
  margin:12px 0 16px;
}
.user-menu-avatar{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#14b8a6;
  color:#042f2e;
  font-weight:900;
  letter-spacing:.02em;
}
.user-menu-card p{
  margin:4px 0 0;
}


/* v1.0.57 account context */
.account-switcher{
  display:grid;
  gap:6px;
  margin:8px 0 10px;
}
.account-switcher label{
  color:#94a3b8;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.account-switcher select{
  width:100%;
  background:#0b1220;
  color:#e5e7eb;
  border:1px solid #263449;
  border-radius:12px;
  padding:9px 10px;
}
.account-switcher select:disabled{
  opacity:.75;
}


.user-menu-account-switcher{
  margin:0 0 16px;
}
.user-menu-account-switcher select{
  background:#020617;
}


/* v1.0.59 provider settings */
.provider-settings-panel{
  border:1px solid #263449;
  background:#07111f;
  border-radius:18px;
  padding:14px;
  margin:0 0 16px;
  display:grid;
  gap:9px;
}
.provider-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.provider-head h3{
  margin:0;
}
.provider-settings-panel label{
  color:#94a3b8;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.provider-settings-panel input,
.provider-settings-panel select{
  width:100%;
  background:#020617;
  color:#e5e7eb;
  border:1px solid #334155;
  border-radius:12px;
  padding:10px 11px;
}
.provider-actions{
  flex-wrap:wrap;
}
.provider-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid #334155;
  border-radius:999px;
  padding:4px 9px;
  font-size:12px;
  color:#cbd5e1;
  background:#111827;
}
.provider-pill.active{
  color:#a7f3d0;
  background:#06281f;
  border-color:#115e59;
}
.provider-pill.error{
  color:#fecaca;
  background:#2d1115;
  border-color:#7f1d1d;
}
.provider-pill.manual{
  color:#bfdbfe;
  background:#0b1d3a;
  border-color:#1d4ed8;
}


/* v1.0.60 project model selection */
.project-model-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
  border:1px solid #263449;
  background:#07111f;
  border-radius:16px;
  padding:12px;
  margin:8px 0 12px;
}
.project-model-row select{
  width:100%;
  background:#020617;
  color:#e5e7eb;
  border:1px solid #334155;
  border-radius:12px;
  padding:10px 11px;
}
.project-model-row button{
  white-space:nowrap;
}
@media(max-width:760px){
  .project-model-row{
    grid-template-columns:1fr;
  }
}


/* v1.0.61 model family browser */
.project-model-panel{
  border:1px solid #263449;
  background:#07111f;
  border-radius:18px;
  padding:14px;
  margin:8px 0 14px;
}
.project-model-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}
.model-browser{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:12px;
}
.model-family-list{
  display:grid;
  gap:8px;
  align-content:start;
}
.model-family-list button{
  text-align:left;
  display:grid;
  gap:3px;
  border:1px solid #263449;
  background:#020617;
  color:#e5e7eb;
  border-radius:14px;
  padding:10px;
}
.model-family-list button span{
  color:#94a3b8;
  font-size:12px;
}
.model-family-list button.active{
  border-color:#60a5fa;
  background:#0b1d3a;
}
.model-choice-pane{
  border:1px solid #263449;
  background:#020617;
  border-radius:16px;
  padding:12px;
  min-width:0;
}
.model-family-description{
  margin-bottom:12px;
}
.model-family-description strong{
  display:block;
  margin-bottom:4px;
}
.model-family-description p{
  margin:0;
  color:#94a3b8;
  font-size:13px;
}
.model-model-list{
  display:grid;
  gap:8px;
  max-height:310px;
  overflow:auto;
  padding-right:4px;
}
.model-choice{
  display:grid;
  gap:4px;
  width:100%;
  text-align:left;
  border:1px solid #263449;
  background:#07111f;
  color:#e5e7eb;
  border-radius:14px;
  padding:10px 11px;
}
.model-choice strong{
  overflow-wrap:anywhere;
}
.model-choice span{
  color:#94a3b8;
  font-size:12px;
  line-height:1.35;
}
.model-choice.active{
  border-color:#22c55e;
  background:#06281f;
}
@media(max-width:860px){
  .project-model-head{
    display:grid;
  }
  .model-browser{
    grid-template-columns:1fr;
  }
  .model-model-list{
    max-height:none;
  }
}


/* v1.0.62 setup action tiles + model picker modal */
.setup-action-tiles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.setup-action-tile{
  min-height:112px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:5px;
  text-align:center;
  border:1px solid #263449;
  background:#07111f;
  color:#e5e7eb;
  border-radius:18px;
  padding:14px 10px;
}
.setup-action-tile:hover{
  border-color:#60a5fa;
  background:#0b1d3a;
}
.setup-action-icon{
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  border-radius:12px;
  background:#0b1220;
  border:1px solid #334155;
  color:#93c5fd;
  font-weight:900;
}
.setup-action-tile strong{
  color:#f8fafc;
}
.setup-action-tile small{
  color:#94a3b8;
  font-size:12px;
  line-height:1.25;
  max-width:170px;
}
.reference-url-panel{
  border:1px solid #263449;
  background:#07111f;
  border-radius:16px;
  padding:12px;
}
.model-picker-modal-card{
  width:min(1180px, 96vw);
}
.model-picker-toolbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border:1px solid #263449;
  background:#07111f;
  border-radius:16px;
  padding:12px;
  margin-bottom:12px;
}
.model-picker-browser{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:12px;
  min-height:520px;
}
.model-picker-families{
  display:grid;
  gap:8px;
  align-content:start;
  max-height:58vh;
  overflow:auto;
  padding-right:4px;
}
.model-picker-families button{
  text-align:left;
  display:grid;
  gap:3px;
  border:1px solid #263449;
  background:#020617;
  color:#e5e7eb;
  border-radius:14px;
  padding:10px;
}
.model-picker-families button span{
  color:#94a3b8;
  font-size:12px;
}
.model-picker-families button.active{
  border-color:#60a5fa;
  background:#0b1d3a;
}
.model-picker-results{
  border:1px solid #263449;
  background:#020617;
  border-radius:16px;
  padding:12px;
  min-width:0;
}
.model-picker-results .model-model-list{
  max-height:48vh;
}
@media(max-width:860px){
  .setup-action-tiles{
    grid-template-columns:1fr;
  }
  .model-picker-toolbar{
    display:grid;
  }
  .model-picker-browser{
    grid-template-columns:1fr;
  }
}


/* v1.0.62 asset picker CRUD */
.asset-crud-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
}
.asset-crud-item.asset-view-item{
  grid-template-columns:minmax(0,1fr) auto;
}
.asset-pick-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.asset-pick-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
}
.asset-pick-actions .button,
.asset-pick-actions button{
  padding:6px 8px;
  font-size:12px;
  border-radius:9px;
}
@media(max-width:720px){
  .asset-crud-item,
  .asset-crud-item.asset-view-item{
    grid-template-columns:1fr;
  }
  .asset-pick-actions{
    justify-content:flex-start;
  }
}


/* v1.0.63 API-assisted mode settings */
.automation-mode-card{
  border:1px solid #263449;
  background:#07111f;
  border-radius:16px;
  padding:12px;
  margin:0 0 12px;
  display:grid;
  gap:8px;
}
.automation-mode-card > label{
  color:#94a3b8;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.automation-mode-options{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.automation-mode-options label{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #334155;
  background:#020617;
  color:#e5e7eb;
  border-radius:12px;
  padding:9px 11px;
}
.automation-mode-options input{
  width:auto;
}


/* v1.0.64 workspace handoff/counter fixes */
.selection-actions-row{
  align-items:center;
}
.selection-count-box{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:78px;
  border:1px solid #334155;
  background:#020617;
  color:#bfdbfe;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}


/* v1.0.69 model settings picker polish */
.model-picker-browser{
  grid-template-columns:260px minmax(0,1fr);
}
.model-picker-families{
  gap:6px;
}
.model-picker-families .model-family-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:48px;
  border-radius:12px;
  padding:8px 10px;
}
.model-family-tree{
  color:#93c5fd;
  font-weight:900;
  text-align:center;
}
.model-family-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.model-family-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.model-family-copy small{
  color:#94a3b8;
  font-size:12px;
}
.model-picker-results .model-model-list{
  display:grid;
  gap:6px;
  max-height:54vh;
}
.model-choice-flat{
  grid-template-columns:minmax(210px,.9fr) minmax(0,1.5fr) 76px;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:9px 11px;
}
.model-choice-name{
  color:#f8fafc;
  font-weight:800;
  overflow-wrap:anywhere;
}
.model-choice-description{
  color:#94a3b8;
  font-size:12px;
  line-height:1.32;
}
.model-choice-selected{
  color:#86efac;
  font-size:11px;
  font-weight:900;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.model-choice-flat.active{
  border-color:#22c55e;
  background:#06281f;
  box-shadow:0 0 0 1px rgba(34,197,94,.15) inset;
}
@media(max-width:860px){
  .model-choice-flat{
    grid-template-columns:1fr;
  }
  .model-choice-selected{
    text-align:left;
  }
}


/* v1.0.70 model role settings */
.model-picker-families .model-family-row{
  min-height:56px;
}
.model-family-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.model-choice-flat{
  grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr) 82px;
}


/* v1.0.71 model settings viewport fix */
#modelPickerModal{
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  padding:18px;
}
#modelPickerModal .model-picker-modal-card{
  width:min(1180px, calc(100vw - 36px));
  height:min(900px, calc(100vh - 36px));
  max-height:calc(100vh - 36px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:16px;
}
#modelPickerModal .modal-head{
  flex:0 0 auto;
  margin-bottom:10px;
}
#modelPickerModal .model-picker-toolbar{
  flex:0 0 auto;
  margin-bottom:10px;
}
#modelPickerModal .automation-mode-card{
  flex:0 0 auto;
  margin-bottom:10px;
}
#modelPickerModal .model-picker-browser{
  flex:1 1 auto;
  min-height:0;
  height:auto;
}
#modelPickerModal .model-picker-families,
#modelPickerModal .model-picker-results .model-model-list{
  max-height:none;
  height:100%;
  overflow:auto;
}
#modelPickerModal .model-picker-results{
  min-height:0;
  display:flex;
  flex-direction:column;
}
#modelPickerModal .model-family-description{
  flex:0 0 auto;
}
#modelPickerModal .model-model-list{
  flex:1 1 auto;
  min-height:0;
}
#modelPickerModal .modal-actions{
  flex:0 0 auto;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #263449;
  background:#0f172a;
  position:sticky;
  bottom:0;
}
@media(max-height:760px){
  #modelPickerModal .model-picker-toolbar,
  #modelPickerModal .automation-mode-card{
    padding:9px 10px;
  }
  #modelPickerModal .modal-head{
    margin-bottom:8px;
  }
  #modelPickerModal .model-picker-toolbar,
  #modelPickerModal .automation-mode-card{
    margin-bottom:8px;
  }
  #modelPickerModal .model-picker-browser{
    gap:8px;
  }
}
@media(max-width:860px){
  #modelPickerModal{
    padding:10px;
  }
  #modelPickerModal .model-picker-modal-card{
    width:calc(100vw - 20px);
    height:calc(100vh - 20px);
    max-height:calc(100vh - 20px);
  }
  #modelPickerModal .model-picker-browser{
    grid-template-columns:1fr;
  }
  #modelPickerModal .model-picker-families{
    max-height:180px;
  }
}


/* v1.0.74 API run detail logs */
.log-section-title{
  margin:12px 2px 4px;
  color:#93c5fd;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.api-run-item{
  padding:0;
  overflow:hidden;
}
.api-run-item summary{
  list-style:none;
  cursor:pointer;
  padding:12px;
  display:grid;
  gap:4px;
}
.api-run-item summary::-webkit-details-marker{
  display:none;
}
.api-run-item summary::after{
  content:'View details';
  color:#93c5fd;
  font-size:12px;
  font-weight:800;
}
.api-run-item[open] summary::after{
  content:'Hide details';
}
.api-run-item.failed{
  border-color:#ef4444;
  background:#1f1015;
}
.api-run-detail-grid{
  border-top:1px solid #263449;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#263449;
}
.api-run-detail-grid div{
  background:#07111f;
  padding:8px 10px;
  min-width:0;
}
.api-run-detail-grid strong{
  display:block;
  color:#94a3b8;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:3px;
}
.api-run-detail-grid span{
  display:block;
  color:#e5e7eb;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
@media(max-width:720px){
  .api-run-detail-grid{
    grid-template-columns:1fr;
  }
}


/* v1.0.110 workspace change type help spacing */
#taskKind{
  margin-bottom:8px;
}
.workspace-kind-help{
  display:block;
  margin-top:0;
  margin-bottom:18px;
  line-height:1.5;
  min-height:36px;
}


/* v1.0.78 open task preflight */
.backlog-note{
  border:1px solid #263449;
  background:#07111f;
  border-radius:12px;
  padding:10px;
  margin:8px 0;
}


/* v1.0.83 preview runtime foundation */
.runtime-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid #263449;
  border-radius:14px;
  background:#07111f;
  margin-bottom:10px;
}
.runtime-bar strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
}
.runtime-bar small{
  display:block;
  color:#94a3b8;
  font-size:12px;
  margin-top:2px;
}
.runtime-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.runtime-actions button{
  min-width:auto;
  padding:7px 10px;
}
@media(max-width:760px){
  .runtime-bar{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* v1.0.84 runtime toolbar position */
.workspace-top-tools .runtime-toolbar-wrap{
  display:flex;
  align-items:center;
}
.runtime-bar-top{
  margin:0;
  padding:6px 8px;
  border-radius:12px;
  min-width:300px;
}
.runtime-bar-top strong{
  font-size:11px;
  line-height:1.1;
}
.runtime-bar-top small{
  font-size:11px;
  white-space:nowrap;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.runtime-bar-top .runtime-actions button{
  padding:5px 7px;
  font-size:11px;
}
@media(max-width:1120px){
  .runtime-bar-top{
    min-width:240px;
  }
  .runtime-bar-top small{
    max-width:160px;
  }
}
@media(max-width:900px){
  .workspace-top-tools .runtime-toolbar-wrap{
    width:100%;
  }
  .runtime-bar-top{
    width:100%;
  }
}


/* v1.0.86 application runtime toolbar */
.runtime-bar-top{
  min-width:auto;
  max-width:none;
}
.runtime-title-block{
  min-width:72px;
}
.runtime-bar-top small{
  max-width:100px;
}
.runtime-custom-url{
  display:flex;
  align-items:center;
  gap:6px;
}
.runtime-custom-url input{
  width:150px;
  min-width:120px;
  height:28px;
  padding:5px 8px;
  border-radius:10px;
  font-size:11px;
}
.runtime-custom-url button{
  padding:5px 7px;
  font-size:11px;
  min-width:auto;
}
.runtime-actions button.runtime-active,
.runtime-custom-url button.runtime-active{
  border-color:#38bdf8;
  background:#123049;
  color:#e0f2fe;
  box-shadow:0 0 0 1px rgba(56,189,248,.18) inset;
}
.runtime-actions button:disabled.runtime-active{
  opacity:1;
}
@media(max-width:1200px){
  .runtime-custom-url input{
    width:120px;
  }
}
@media(max-width:980px){
  .runtime-bar-top{
    flex-wrap:wrap;
  }
  .runtime-custom-url{
    width:100%;
  }
  .runtime-custom-url input{
    flex:1;
    width:auto;
  }
}



/* v1.0.98 runtime location/page context */
.page-menu-section{
  padding:4px 0;
}
.page-menu-section + .page-menu-section{
  border-top:1px solid var(--border);
  margin-top:6px;
  padding-top:8px;
}
.page-menu-section-title{
  padding:6px 10px 4px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.page-menu .runtime-page-context{
  cursor:default;
  opacity:1;
}
.page-menu button span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.page-menu button small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
}
.selected-box{
  white-space:pre-wrap;
}


/* v1.0.99 docker service context */
.page-menu-section .hint.tiny{
  margin:6px 10px 8px;
  line-height:1.35;
}
.runtime-page-context span{
  font-weight:800;
}


/* v1.0.100 runtime preview state overlay */
.preview-panel{
  position:relative;
}
.runtime-preview-state{
  position:absolute;
  z-index:8;
  left:50%;
  top:22px;
  transform:translateX(-50%);
  max-width:min(560px, calc(100% - 48px));
  border:1px solid rgba(148,163,184,.45);
  border-radius:16px;
  background:rgba(15,23,42,.88);
  color:#f8fafc;
  box-shadow:0 18px 50px rgba(15,23,42,.25);
  backdrop-filter:blur(10px);
  padding:12px 16px;
  display:flex;
  flex-direction:column;
  gap:3px;
  pointer-events:none;
  text-align:center;
}
.runtime-preview-state strong{
  font-size:13px;
  letter-spacing:.01em;
}
.runtime-preview-state span{
  font-size:12px;
  color:#e2e8f0;
}
.runtime-preview-state small{
  font-size:11px;
  color:#cbd5e1;
}
.runtime-preview-state-running{
  top:12px;
  max-width:min(720px, calc(100% - 48px));
  padding:8px 12px;
  opacity:.94;
}
.runtime-preview-state-running strong,
.runtime-preview-state-running span,
.runtime-preview-state-running small{
  display:inline;
}
.runtime-preview-state-blocking{
  top:50%;
  transform:translate(-50%,-50%);
  padding:18px 22px;
}


/* v1.0.101 project-type workspace separation */
.runtime-preview-state-blocking{
  pointer-events:none;
}

/* v1.0.103 Assets file explorer */
.file-explorer-shell{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:16px;
  height:calc(100vh - 190px);
  min-height:560px;
}
.file-explorer-sidebar{padding:14px;overflow:auto;}
.file-explorer-sidebar h2{margin:0 0 12px;}
.file-explorer-sidebar .asset-tree-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:0 0 8px;padding:12px;border-radius:14px;text-align:left;}
.file-explorer-sidebar .asset-tree-item span{font-weight:800;}
.file-explorer-sidebar .asset-tree-item small{color:var(--muted);}
.file-explorer-main{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;}
.file-explorer-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border);}
.file-explorer-toolbar h2{margin:0 0 4px;}
.file-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.finder-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:0;flex:1;}
.finder-list-wrap{min-width:0;overflow:auto;border-right:1px solid var(--border);}
.finder-header,.finder-row{display:grid;grid-template-columns:minmax(240px,1.8fr) 120px 90px 130px;gap:10px;align-items:center;}
.finder-header{position:sticky;top:0;z-index:2;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--border);font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
.finder-row{width:100%;border:0;border-bottom:1px solid rgba(148,163,184,.15);background:transparent;color:var(--text);padding:9px 14px;text-align:left;border-radius:0;cursor:pointer;}
.finder-row:hover{background:rgba(148,163,184,.10);}
.finder-row.selected{background:rgba(20,184,166,.14);box-shadow:inset 3px 0 0 var(--accent);}
.finder-name{display:flex;align-items:center;gap:8px;min-width:0;padding-left:calc(var(--depth,0) * 18px);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.file-icon{width:20px;text-align:center;flex:0 0 20px;}
.finder-empty{padding:28px;color:var(--muted);}
.file-inspector{min-width:0;overflow:auto;padding:16px;background:rgba(148,163,184,.05);}
.file-inspector-empty{display:flex;min-height:180px;align-items:center;justify-content:center;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:16px;padding:18px;}
.file-inspector-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;}
.file-inspector-head strong{font-size:15px;word-break:break-word;}
.file-inspector-head small{color:var(--muted);word-break:break-all;}
.file-meta{display:grid;grid-template-columns:90px 1fr;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel);}
.file-meta span{color:var(--muted);}
.file-meta b{font-weight:700;word-break:break-word;}
.file-editor{width:100%;min-height:360px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.45;border-radius:14px;}
@media (max-width: 1100px){
  .file-explorer-shell{grid-template-columns:1fr;height:auto;}
  .finder-layout{grid-template-columns:1fr;}
  .finder-list-wrap{border-right:0;border-bottom:1px solid var(--border);max-height:420px;}
  .finder-header,.finder-row{grid-template-columns:minmax(180px,1fr) 90px 80px;}
  .finder-header span:nth-child(4),.finder-row span:nth-child(4){display:none;}
}


/* v1.0.381 Monaco Assets editor (original modal introduced in v1.0.104) */
.folder-caret{width:18px;flex:0 0 18px;text-align:center;color:var(--muted);font-size:12px;}
.folder-caret.muted{opacity:.35;font-size:8px;}
.file-action-stack{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.file-action-stack .button,
.file-action-stack button{width:100%;justify-content:center;text-align:center;}
.explorer-editor-card{width:min(1180px,calc(100vw - 56px));height:min(860px,calc(100vh - 56px));display:flex;flex-direction:column;max-width:none;}
.explorer-editor-head{flex:0 0 auto;}
.explorer-editor-head .hint{margin:4px 0 0;word-break:break-all;}
.explorer-editor-window-actions{display:flex;align-items:center;gap:8px;}
#explorerEditorModal.explorer-editor-maximized{padding:0;}
#explorerEditorModal.explorer-editor-maximized .explorer-editor-card{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;}
.explorer-editor-toolbar{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0 0 10px;min-height:34px;}
.explorer-editor-toolbar-spacer{flex:1 1 auto;}
.explorer-editor-language{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--border,var(--line));border-radius:999px;background:var(--panel2);color:var(--muted);font-size:12px;font-weight:700;}
.explorer-editor-dirty{font-size:12px;font-weight:700;color:#d97706;}
.explorer-editor-toolbar button{width:auto;min-height:30px;padding:5px 10px;border-radius:9px;}
.explorer-editor-surface,.explorer-editor-textarea{flex:1 1 auto;width:100%;min-height:0;border-radius:12px;overflow:hidden;background:var(--panel2);border:1px solid var(--border,var(--line));}
.explorer-editor-textarea{resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.5;padding:16px;color:var(--text);}
.explorer-editor-loading{height:100%;display:grid;place-items:center;color:var(--muted);font-size:13px;}
.explorer-editor-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:7px 4px 0;color:var(--muted);font-size:11px;}
.explorer-editor-foot{display:flex;justify-content:flex-end;gap:10px;flex:0 0 auto;margin-top:10px;padding-top:10px;border-top:1px solid var(--border,var(--line));}
@media (max-width: 760px){
  .explorer-editor-card{width:calc(100vw - 20px);height:calc(100vh - 20px);}
  .explorer-editor-toolbar{flex-wrap:wrap;}
  .explorer-editor-toolbar-spacer{display:none;}
  .explorer-editor-statusbar{align-items:flex-start;flex-direction:column;gap:3px;}
}


/* v1.0.104 runtime services and setup actions */
.setup-action-stack{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.setup-action-stack .step-action{
  width:100%;
  min-height:46px;
  padding:10px 12px;
  justify-content:flex-start;
  text-align:left;
  position:relative;
  font-size:13px;
}
.setup-save-delete-row{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.setup-advanced-panel{
  margin-top:16px;
}
.setup-advanced-panel.hidden{
  display:none;
}
.setup-advanced-panel > summary{
  cursor:pointer;
  font-weight:800;
  padding:4px 0 10px;
}
.runtime-services-modal-card{
  width:min(1040px, 94vw);
  max-height:88vh;
}
.runtime-services-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:12px 0;
}
.runtime-service-row{
  display:grid;
  grid-template-columns:1.2fr 1.4fr .8fr auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px 12px;
  background:var(--panel-soft);
}
.runtime-service-row small{
  display:block;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
}
.runtime-services-output{
  min-height:180px;
  max-height:38vh;
  overflow:auto;
  white-space:pre-wrap;
  background:#0f172a;
  color:#e2e8f0;
  border-radius:12px;
  padding:14px;
  font-size:12px;
}
@media(max-width:800px){
  .runtime-service-row{grid-template-columns:1fr;}
}


/* v1.0.105 runtime actions, services logs and BYOK usage */
.setup-action-stack .step-action.setup-action-done::after{
  content:'✓';
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#16a34a;
  color:white;
  font-weight:900;
  font-size:12px;
}
.setup-usage-btn{
  width:100%;
  margin-top:10px;
}
.runtime-actions button.runtime-current-state,
.runtime-actions button.runtime-state-ready{
  background:#16a34a;
  color:#fff;
  border-color:#15803d;
}
.runtime-actions button.runtime-state-running{
  background:#f59e0b;
  color:#111827;
  border-color:#d97706;
}
.runtime-actions button.runtime-state-delete:not(:disabled){
  border-color:#ef4444;
  color:#b91c1c;
}
.runtime-actions button:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.byok-usage-modal-card{
  width:min(1040px,94vw);
  max-height:88vh;
}
.byok-usage-summary,
.byok-usage-recent{
  margin-top:12px;
}
.byok-usage-table{
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
}
.byok-usage-row{
  display:grid;
  grid-template-columns:1.6fr 1.4fr .5fr .7fr .7fr .7fr;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid var(--border);
  font-size:13px;
}
.byok-usage-row:last-child{border-bottom:0;}
.byok-usage-row.head{
  font-weight:800;
  background:var(--panel-soft);
}
@media(max-width:800px){
  .setup-action-stack{grid-template-columns:1fr;}
  .byok-usage-row{grid-template-columns:1fr;}
}


/* v1.0.106 account usage placement and runtime title cleanup */
.user-menu-card{
  align-items:center;
}
.user-menu-main{
  flex:1 1 auto;
  min-width:0;
}
.user-card-logout{
  margin-left:auto;
  white-space:nowrap;
}
.settings-usage-panel{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--border);
}
.settings-usage-panel .button{
  width:100%;
}
.runtime-title-block small#runtimeStatusText{
  display:none;
}
.runtime-actions button:not(:disabled).runtime-state-ready,
.runtime-actions button:not(:disabled).runtime-current-state{
  box-shadow:0 0 0 2px rgba(22,163,74,.14);
}
.runtime-actions button:not(:disabled).runtime-state-running{
  box-shadow:0 0 0 2px rgba(245,158,11,.16);
}
.runtime-actions button:not(:disabled).runtime-state-delete{
  box-shadow:0 0 0 2px rgba(239,68,68,.12);
}

/* v1.0.113 shared Studio modal dialogs */
.studio-dialog-card{
  width:min(520px, 94vw);
}
.studio-dialog-message{
  color:#dbeafe;
  font-size:14px;
  line-height:1.55;
  margin:4px 0 14px;
}
.studio-dialog-message p{
  margin:0 0 10px;
}
.studio-dialog-input{
  margin:6px 0 16px;
}
.studio-dialog-textarea{
  min-height:130px;
  resize:vertical;
  line-height:1.45;
}
.studio-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}
.studio-dialog-actions button{
  min-width:110px;
}

/* v1.0.113 right-panel spacing guard for long change-type help text */
.workspace-kind-help{
  margin-bottom:24px;
  padding-bottom:4px;
  min-height:44px;
}

/* v1.0.118 setup reference/inspiration asset clarity */
.setup-reference-warning{
  margin-top:12px;
  border:1px solid #334155;
  border-radius:14px;
  padding:10px 12px;
  display:grid;
  gap:4px;
  font-size:12px;
  line-height:1.4;
}
.setup-reference-warning strong{
  color:#f8fafc;
}
.setup-reference-warning span{
  color:#94a3b8;
}
.setup-reference-warning.warn{
  border-color:#92400e;
  background:#1f1608;
}
.setup-reference-warning.ok{
  border-color:#166534;
  background:#071b12;
}
.asset-kind-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-start;
  border-top:1px solid #263449;
  margin-top:12px;
  padding-top:12px;
}
.asset-kind-tabs.hidden{
  display:none!important;
}
.asset-kind-tabs button{
  border:1px solid #334155;
  background:#0b1220;
  color:#cbd5e1;
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  font-weight:800;
}
.asset-kind-tabs button.active{
  border-color:#60a5fa;
  background:#0b1d3a;
  color:#e0f2fe;
}
.asset-picker-modal.setup-asset-mode .asset-picker-filters{
  display:none!important;
}
.asset-picker-modal.setup-asset-mode #assetPickerUploadKind{
  display:block!important;
}
.asset-picker-modal.setup-asset-mode .asset-picker-upload-row{
  grid-template-columns:minmax(180px,1fr) 160px auto;
}
.api-run-actions{
  border-top:1px solid #263449;
  background:#07111f;
  padding:8px 10px;
  display:flex;
  gap:8px;
  justify-content:flex-end;
}

/* v1.0.142 API quality profiles */
.api-profile-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:8px;
}
.api-profile-options label{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:14px;
  background:rgba(248,250,252,.75);
  cursor:pointer;
}
.api-profile-options label:has(input:checked){
  border-color:rgba(79,70,229,.55);
  background:rgba(79,70,229,.07);
}
.api-profile-options strong{display:block;font-size:13px;color:#0f172a;}
.api-profile-options small{display:block;font-size:11px;color:#64748b;margin-top:2px;line-height:1.25;}
.disabled-card{opacity:.62;}
@media (max-width:720px){.api-profile-options{grid-template-columns:1fr;}}

/* v1.0.143 API profile UI cleanup */
.api-profile-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.api-profile-options label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #334155;
  border-radius:12px;
  background:#020617;
  color:#e5e7eb;
  cursor:pointer;
  text-align:center;
}
.api-profile-options label:has(input:checked){
  border-color:#60a5fa;
  background:#0b1d3a;
  color:#f8fafc;
}
.api-profile-options input{
  width:auto;
  margin:0;
}
.api-profile-options strong{
  display:block;
  font-size:12px;
  color:inherit;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.api-profile-options small{display:none;}
#apiQualityProfileCard{
  padding-bottom:10px;
}
#apiCustomProfileHint{
  margin-top:8px;
}
#modelPickerModal:not(.model-custom-open) .model-picker-modal-card{
  height:auto;
  max-height:calc(100vh - 36px);
}
#modelPickerModal.model-custom-open .model-picker-browser{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  min-height:0;
  flex:1 1 auto;
}
#modelPickerModal.model-custom-open .model-picker-families .model-family-row{
  min-height:44px;
  padding:7px 9px;
}
#modelPickerModal.model-custom-open .model-family-copy small{
  font-size:11px;
}
#modelPickerModal.model-custom-open .model-picker-results{
  min-height:0;
}
#modelPickerModal.model-custom-open .model-model-list{
  min-height:0;
}
@media(max-width:860px){
  .api-profile-options{grid-template-columns:repeat(2,minmax(0,1fr));}
  #modelPickerModal.model-custom-open .model-picker-browser{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .api-profile-options{grid-template-columns:1fr;}
}

/* v1.0.144 BYOK usage browser + asset picker order */
.byok-usage-modal-card{
  width:min(1180px,94vw);
  max-height:90vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.byok-usage-summary{
  min-height:0;
  overflow:auto;
  padding-right:4px;
}
.byok-total-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:8px 0 14px;
}
.byok-total-strip span{
  display:flex;
  flex-direction:column;
  gap:3px;
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(15,23,42,.72);
}
.byok-total-strip strong{font-size:16px;color:#f8fafc;}
.byok-total-strip small{font-size:11px;color:var(--muted);}
.byok-usage-browser{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  min-height:360px;
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
}
.byok-project-list{
  overflow:auto;
  border-right:1px solid var(--border);
  background:rgba(2,6,23,.38);
}
.byok-project-row{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:flex-start;
  border:0;
  border-bottom:1px solid rgba(148,163,184,.16);
  border-radius:0;
  padding:12px 14px;
  background:transparent;
  color:var(--text);
  text-align:left;
}
.byok-project-row:hover{background:rgba(148,163,184,.10);}
.byok-project-row.active{background:rgba(37,99,235,.18);box-shadow:inset 3px 0 0 #60a5fa;}
.byok-project-title{font-weight:800;word-break:break-word;}
.byok-project-meta{font-size:12px;color:var(--muted);}
.byok-project-detail{
  min-width:0;
  overflow:auto;
  padding:14px;
}
.byok-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.byok-detail-head h3{margin:0 0 3px;}
.byok-detail-total{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  color:var(--muted);
}
.byok-detail-total strong{font-size:18px;color:#f8fafc;}
.byok-model-table{
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
}
.byok-model-row{
  display:grid;
  grid-template-columns:minmax(210px,1.8fr) .55fr .75fr .75fr .75fr .9fr;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-bottom:1px solid rgba(148,163,184,.16);
  font-size:13px;
}
.byok-model-row:last-child{border-bottom:0;}
.byok-model-row.head{font-weight:800;color:#cbd5e1;background:rgba(15,23,42,.8);}
.byok-model-row span:first-child{min-width:0;}
.byok-model-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px;}
.byok-recent-details{
  border-top:1px solid var(--border);
  margin-top:12px;
  padding-top:12px;
}
.byok-recent-details summary{
  cursor:pointer;
  font-weight:800;
  color:#cbd5e1;
}
.byok-recent-list{
  display:grid;
  gap:8px;
  max-height:230px;
  overflow:auto;
  margin-top:10px;
}
.asset-kind-tabs{
  border-top:0;
  border-bottom:1px solid #263449;
  margin-top:0;
  margin-bottom:12px;
  padding-top:0;
  padding-bottom:12px;
}
@media(max-width:900px){
  .byok-total-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .byok-usage-browser{grid-template-columns:1fr;}
  .byok-project-list{border-right:0;border-bottom:1px solid var(--border);max-height:230px;}
  .byok-model-row{grid-template-columns:1fr;}
}
.api-run-item.running{
  border-color:rgba(34,197,94,.35);
  box-shadow:0 0 0 1px rgba(34,197,94,.08) inset;
}
.highlight-flash{
  animation:highlightFlash 1.8s ease-out;
}
@keyframes highlightFlash{
  0%{box-shadow:0 0 0 2px rgba(96,165,250,.75),0 0 0 8px rgba(96,165,250,.18);}
  100%{box-shadow:0 0 0 0 rgba(96,165,250,0);}
}

/* v1.0.148 processing/runtime polish */
.processing-panel{
  margin:10px 0 12px;
}
.processing-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid rgba(34,197,94,.32);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(20,83,45,.28),rgba(7,17,31,.92));
  box-shadow:0 0 0 1px rgba(34,197,94,.08) inset;
}
.processing-copy{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.processing-copy strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
}
.processing-copy small{
  display:block;
  color:#94a3b8;
  font-size:12px;
  margin-top:2px;
  overflow-wrap:anywhere;
}
.inline-spinner,
.runtime-processing::before{
  width:14px;
  height:14px;
  border:2px solid rgba(226,232,240,.35);
  border-top-color:#5eead4;
  border-radius:50%;
  animation:toastSpin .8s linear infinite;
  flex:0 0 auto;
}
.runtime-processing{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.runtime-processing::before{
  content:'';
}
.processing-idle{
  border-color:#263449;
  background:#07111f;
  box-shadow:none;
}
.processing-idle .processing-copy strong{
  color:#cbd5e1;
}

/* v1.0.154 backlog compact history + handoff counter */
.backlog-processing-section .processing-panel{
  margin:0;
}
.version-change-summary{
  display:grid;
  gap:10px;
}
.version-change-card{
  border:1px solid #263449;
  background:#07111f;
  border-radius:14px;
  padding:12px;
  display:grid;
  gap:10px;
}
.version-change-card p{
  margin:0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
}
.version-change-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.version-change-head strong{
  color:#f8fafc;
  font-size:14px;
}
.version-change-head small{
  color:#94a3b8;
  font-size:12px;
  text-align:right;
  overflow-wrap:anywhere;
}
.version-change-block{
  display:grid;
  gap:6px;
}
.version-change-block strong{
  color:#93c5fd;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.version-change-block ul{
  margin:0;
  padding-left:18px;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.35;
}
.version-change-files,
.version-change-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.version-change-files span,
.version-change-meta span{
  border:1px solid #263449;
  background:#0b1220;
  color:#cbd5e1;
  border-radius:999px;
  padding:4px 8px;
  font-size:12px;
  overflow-wrap:anywhere;
}
.version-change-meta span{
  color:#94a3b8;
}
@media(max-width:720px){
  .version-change-head{
    display:grid;
  }
  .version-change-head small{
    text-align:left;
  }
}


/* v1.0.155 runtime blank/error visibility */
.runtime-preview-state-warning{
  top:18px;
  max-width:min(680px, calc(100% - 48px));
  background:rgba(120,53,15,.92);
  border-color:rgba(251,191,36,.7);
  pointer-events:none;
}
.runtime-preview-state-warning span,
.runtime-preview-state-warning small{
  color:#fffbeb;
}

/* v1.0.158 handoff review */
.handoff-review-panel{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--border);
}
.handoff-review-heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.handoff-review-head h3{
  margin:0;
  font-size:14px;
}
.icon-btn.tiny{
  min-width:26px;
  width:26px;
  height:26px;
  padding:0;
  border-radius:9px;
  font-size:12px;
}
.handoff-review-list{
  display:grid;
  gap:8px;
}
.handoff-review-card{
  border:1px solid var(--border);
  background:var(--panel);
  border-radius:12px;
  padding:10px;
  box-shadow:none;
}
.handoff-review-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.handoff-review-title strong{
  font-size:13px;
  line-height:1.25;
}
.handoff-review-title small,
.backlog-attempt-note{
  color:var(--muted);
}
.handoff-review-card p{
  margin:0 0 6px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.handoff-review-card > small{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-bottom:8px;
}
.handoff-review-actions{
  display:flex;
  gap:8px;
}
.handoff-review-actions button{
  flex:1;
}
.backlog-attempt-note{
  display:block;
  margin-top:4px;
  font-size:11px;
}

/* v1.0.159 workspace review refinements */
.section-panel-head{
  margin-bottom:10px;
}
.section-head-actions{
  display:flex;
  align-items:center;
  gap:6px;
}
body.ai-changes-collapsed #aiChangesBody,
body.handoff-review-collapsed #handoffReviewBody{
  display:none;
}
body.ai-changes-collapsed .ai-changes-head,
body.handoff-review-collapsed .handoff-review-head{
  margin-bottom:0;
}
.handoff-review-panel{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.handoff-review-head h2{
  margin:0;
}
.handoff-review-card{
  padding:9px;
}
.handoff-review-title{
  margin-bottom:8px;
}
.handoff-review-actions.compact-actions{
  display:grid;
  grid-template-columns:minmax(72px,1fr) 38px 38px;
  gap:6px;
}
.handoff-review-actions.compact-actions button{
  flex:initial;
  min-width:0;
  height:32px;
  padding:0 8px;
}
.review-icon-action{
  font-size:16px;
  font-weight:900;
  line-height:1;
}
.danger-outline{
  border-color:rgba(239,68,68,.55);
  color:#fecaca;
  background:rgba(127,29,29,.18);
}
.danger-outline:hover:not(:disabled){
  border-color:#f87171;
  background:rgba(127,29,29,.32);
}
@keyframes handoffLocatePulse{
  0%{box-shadow:0 0 0 0 rgba(20,184,166,.55)}
  100%{box-shadow:0 0 0 12px rgba(20,184,166,0)}
}

/* v1.0.160 handoff review locate/reopen refinements */
.handoff-review-actions.compact-actions{
  grid-template-columns:60px 34px 34px;
  justify-content:center;
  justify-items:center;
  align-items:center;
  column-gap:8px;
  margin-top:4px;
}
.handoff-review-actions.compact-actions button{
  height:29px;
}
.handoff-review-actions.compact-actions .review-locate-action{
  width:60px;
  padding:0 7px;
  font-size:12px;
}
.handoff-review-actions.compact-actions .review-icon-action{
  width:34px;
  min-width:34px;
  padding:0;
}
.studio-dialog-message p strong{
  color:var(--text);
}

/* v1.0.161 account modal + storage utilisation */
.account-settings-modal{
  width:min(960px, 94vw);
  max-height:90vh;
  overflow:auto;
  padding:20px;
}
.account-modal-head{
  margin-bottom:16px;
}
.account-profile-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  border:1px solid rgba(148,163,184,.25);
  background:linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.72));
  border-radius:20px;
  padding:16px;
  margin-bottom:14px;
}
.account-profile-avatar{
  width:58px;
  height:58px;
  border-radius:20px;
}
.account-profile-main{
  min-width:0;
}
.account-profile-main strong{
  display:block;
  color:#f8fafc;
  font-size:17px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-profile-main p{
  margin:4px 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-profile-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.account-pill{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  border:1px solid rgba(96,165,250,.35);
  background:rgba(30,64,175,.20);
  color:#bfdbfe;
  border-radius:999px;
  padding:3px 8px;
  font-size:11px;
  font-weight:800;
}
.account-pill.muted{
  border-color:rgba(148,163,184,.28);
  background:rgba(15,23,42,.68);
  color:#cbd5e1;
}
.account-settings-grid{
  display:grid;
  gap:14px;
}
.account-section-card,
.account-section-card.provider-settings-panel{
  border:1px solid rgba(148,163,184,.24);
  background:rgba(7,17,31,.88);
  border-radius:18px;
  padding:14px;
  margin:0;
}
.account-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}
.account-section-head h3,
.account-section-card h3{
  margin:0 0 3px;
  color:#f8fafc;
}
.account-section-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.account-section-card .account-switcher{
  margin:8px 0 0;
}
.account-section-card .account-switcher select,
.account-section-card input,
.account-section-card select{
  background:#020617;
}
.account-metric-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.account-metric-card{
  display:flex;
  flex-direction:column;
  gap:4px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(2,6,23,.45);
  min-width:0;
}
.account-metric-card small{
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.account-metric-card strong{
  color:#f8fafc;
  font-size:17px;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-metric-card span{
  color:#94a3b8;
  font-size:11px;
  line-height:1.3;
}
.account-metric-card.total{
  border-color:rgba(96,165,250,.38);
  background:rgba(37,99,235,.12);
}
.account-storage-breakdown{
  margin-top:12px;
}
.storage-table{
  border:1px solid rgba(148,163,184,.20);
  border-radius:14px;
  overflow:hidden;
}
.storage-row{
  display:grid;
  grid-template-columns:minmax(180px,1.5fr) .75fr .75fr .75fr .75fr;
  gap:10px;
  align-items:center;
  padding:9px 11px;
  border-bottom:1px solid rgba(148,163,184,.14);
  font-size:12px;
}
.storage-row:last-child{border-bottom:0;}
.storage-row.head{
  font-weight:900;
  color:#cbd5e1;
  background:rgba(15,23,42,.74);
}
.storage-row span:first-child{
  min-width:0;
}
.storage-row strong{
  color:#f8fafc;
}
.storage-row small{
  display:block;
  color:#94a3b8;
  margin-top:2px;
  font-size:11px;
}
.storage-empty{
  padding:12px;
  color:#94a3b8;
  font-size:12px;
}
.storage-note{
  margin-top:8px;
}
.change-password-form{
  display:grid;
  gap:8px;
}
.change-password-form label{
  color:#94a3b8;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.change-password-form input{
  width:100%;
  background:#020617;
  color:#e5e7eb;
  border:1px solid #334155;
  border-radius:12px;
  padding:10px 11px;
}
.change-password-card{
  width:min(480px,94vw);
}
@media(max-width:900px){
  .account-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .storage-row{grid-template-columns:1fr;gap:4px;}
}
@media(max-width:640px){
  .account-profile-card{grid-template-columns:1fr;text-align:left;}
  .account-profile-avatar{width:52px;height:52px;}
  .account-section-head{flex-direction:column;align-items:stretch;}
  .account-section-actions{justify-content:flex-start;}
  .account-metric-grid{grid-template-columns:1fr;}
}
.account-settings-modal{max-width:960px;}


/* v1.0.162 account summary/detail split */
.account-summary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.account-metric-button{
  width:100%;
  cursor:pointer;
  text-align:left;
  color:var(--text);
}
.account-metric-button:hover{
  border-color:rgba(96,165,250,.45);
  background:rgba(15,23,42,.72);
}
.storage-details-modal-card{
  width:min(920px,94vw);
  max-height:90vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.storage-details-body{
  min-height:0;
  overflow:auto;
  padding-right:4px;
}
.storage-total-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:8px 0 14px;
}
.storage-total-strip span{
  display:flex;
  flex-direction:column;
  gap:3px;
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(15,23,42,.72);
}
.storage-total-strip strong{font-size:16px;color:#f8fafc;}
.storage-total-strip small{font-size:11px;color:var(--muted);}
@media(max-width:900px){
  .storage-total-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .account-summary-grid,
  .storage-total-strip{grid-template-columns:1fr;}
}

/* v1.0.163 account modal trim: summary cards open details, redundant buttons and section helper copy removed. */

/* Storage details: Studio/GKE managed runtime view. */
.storage-total-strip-wide{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.storage-docker-mini{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:-4px 0 12px;
  color:#94a3b8;
  font-size:12px;
}
.storage-docker-mini strong{
  color:#cbd5e1;
}
.storage-row.storage-row-wide{
  grid-template-columns:minmax(180px,1.45fr) .7fr .7fr .75fr .75fr;
}
@media(max-width:1000px){
  .storage-total-strip-wide{grid-template-columns:repeat(2,minmax(0,1fr));}
  .storage-row.storage-row-wide{grid-template-columns:1fr;gap:4px;}
}
@media(max-width:640px){
  .storage-total-strip-wide{grid-template-columns:1fr;}
}

/* v1.0.165 Design Studio foundation */
.design-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
.design-main-panel,.design-guide-panel{
  min-width:0;
}
.section-head-row.compact{
  align-items:center;
  margin-bottom:10px;
}
.section-head-row.compact h3,.section-head-row.compact h2{
  margin:0;
}
.design-active-summary{
  margin:10px 0 16px;
}
.design-active-card,.design-empty-card{
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(15,23,42,.58);
  padding:12px 14px;
}
.design-active-card strong,.design-empty-card strong{
  display:block;
  color:#f8fafc;
  margin-bottom:4px;
}
.design-active-card small{
  display:block;
  color:var(--muted);
  font-size:12px;
}
.design-active-card p,.design-empty-card p{
  margin:8px 0 0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
}
.design-editor-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.65fr);
  gap:16px;
  align-items:start;
}
.design-doc-textarea{
  min-height:340px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:13px;
  line-height:1.55;
}
.design-doc-actions{
  margin-top:10px;
  flex-wrap:wrap;
}
.design-doc-history{
  border:1px solid var(--border);
  border-radius:16px;
  padding:12px;
  background:rgba(2,6,23,.28);
}
.design-doc-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:430px;
  overflow:auto;
}
.design-doc-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  width:100%;
  text-align:left;
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 11px;
  background:rgba(15,23,42,.64);
  color:var(--text);
}
.design-doc-row:hover,.design-doc-row.active{
  border-color:rgba(96,165,250,.5);
  background:rgba(30,41,59,.75);
}
.design-doc-row strong{
  display:block;
  font-size:13px;
  margin-bottom:3px;
}
.design-doc-row small{
  display:block;
  color:var(--muted);
  font-size:11px;
}
.design-flow-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:8px 0 10px;
}
.design-flow-strip span{
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(15,23,42,.7);
  padding:6px 10px;
  font-size:12px;
  color:#dbeafe;
}
.design-flow-strip b{
  color:#64748b;
}
.design-prompt-preview{
  max-height:260px;
  overflow:auto;
  white-space:pre-wrap;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(2,6,23,.5);
  padding:12px;
  color:#cbd5e1;
  font-size:12px;
  line-height:1.55;
}
.two-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:980px){
  .design-editor-grid,.two-card-grid{grid-template-columns:1fr;}
}

/* v1.0.166 Design Studio UX correction: source-led design flow */
.design-studio-layout{
  grid-template-columns:minmax(0,1fr);
}
.design-choice-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:16px;
  align-items:stretch;
}
.design-choice-card{
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  background:rgba(15,23,42,.54);
  min-width:0;
}
.design-choice-card.active{
  border-color:rgba(96,165,250,.38);
  background:rgba(15,23,42,.72);
}
.design-choice-card.muted-card{
  opacity:.82;
}
.design-choice-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.design-choice-head h3{
  margin:0 0 4px;
}
.design-source-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin:8px 0 12px;
  flex-wrap:wrap;
}
.design-source-actions small{
  color:var(--muted);
}
.design-approach-box{
  margin:12px 0;
}
.segmented-choice.compact{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:6px;
}
.segmented-choice.compact label{
  display:flex;
  gap:7px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(2,6,23,.34);
  color:#cbd5e1;
  font-size:13px;
}
.design-source-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:12px 0;
}
.design-source-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#cbd5e1;
  font-size:13px;
}
.design-source-list-head small{
  color:var(--muted);
}
.design-source-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:14px;
  padding:9px 10px;
  background:rgba(2,6,23,.38);
}
.design-source-row strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
}
.design-source-row small{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:2px;
}
.design-primary-actions{
  margin-top:12px;
}
@media(max-width:980px){
  .design-choice-grid{grid-template-columns:1fr;}
}

/* v1.0.167 Design Studio manual flow correction */
.design-mode-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:12px 0 14px;
}
.design-mode-tab{
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(15,23,42,.54);
  color:#cbd5e1;
  padding:12px 14px;
  text-align:left;
  font-weight:800;
}
.design-mode-tab.active{
  border-color:rgba(96,165,250,.55);
  background:rgba(30,41,59,.78);
  color:#f8fafc;
}
.design-automation-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  border:1px solid var(--border);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(2,6,23,.28);
  margin-bottom:14px;
}
.design-automation-row>span{
  color:#e2e8f0;
  font-weight:800;
  font-size:13px;
}
.design-automation-toggle{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.design-automation-toggle label,
.design-approach-options label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(15,23,42,.62);
  color:#cbd5e1;
  padding:7px 11px;
  font-size:13px;
  line-height:1.1;
  white-space:nowrap;
}
.design-path-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.design-step-card{
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  background:rgba(15,23,42,.58);
}
.design-step-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}
.design-step-head h3{
  margin:0 0 4px;
}
.design-step-head .hint{
  margin:0;
}
.design-approach-options{
  margin-top:0;
}
.design-approach-options label{
  min-width:0;
  max-width:210px;
}
.design-handoff-tiles{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:6px;
}
.design-handoff-tiles .setup-action-tile{
  min-height:96px;
}

.design-handoff-tiles.single-action{
  grid-template-columns:minmax(220px,420px);
  justify-content:start;
}
.design-handoff-tiles.single-action .setup-action-tile{
  min-height:104px;
}
.design-primary-actions{
  justify-content:flex-start;
  gap:10px;
}
@media(max-width:780px){
  .design-mode-tabs,.design-handoff-tiles{grid-template-columns:1fr;}
  .design-automation-row{align-items:flex-start;}
}
.design-direct-use-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
  border:1px dashed rgba(148,163,184,.32);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(2,6,23,.18);
}

/* v1.0.168 Setup / Design / Build information architecture */
.setup-control-grid,
.build-top-grid{
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);
  align-items:start;
}
.setup-general-panel label,
.setup-inspiration-panel label{
  display:block;
  margin-top:10px;
  margin-bottom:6px;
}
.setup-mode-tile-row{
  margin:14px 0 8px;
  grid-template-columns:minmax(0,1fr);
}
.setup-mini-flow{
  margin-top:16px;
  border-top:1px solid var(--border);
  padding-top:14px;
}
.setup-mini-flow h3{
  margin:0 0 4px;
  color:#f8fafc;
}
.setup-action-stack.compact-stack{
  margin-top:10px;
  max-width:520px;
}
.build-context-summary{
  margin-top:12px;
}
.build-context-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.build-context-row{
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(15,23,42,.55);
  padding:10px 12px;
  min-width:0;
}
.build-context-row strong{
  display:block;
  color:#94a3b8;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.build-context-row span{
  display:block;
  color:#f8fafc;
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.build-context-design{
  margin-top:12px;
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px;
  background:rgba(2,6,23,.34);
}
.build-context-design strong{
  display:block;
  color:#f8fafc;
  margin-bottom:6px;
}
.build-context-design p{
  margin:0;
  color:#cbd5e1;
  line-height:1.45;
  font-size:13px;
}
.build-actions-panel .setup-action-stack{
  margin-top:12px;
}
.design-automation-row{
  display:none !important;
}
@media(max-width:980px){
  .setup-control-grid,
  .build-top-grid,
  .build-context-grid{
    grid-template-columns:1fr;
  }
}

/* v1.0.169 Setup screen refinement */
.setup-mode-save-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:12px;
  margin-top:14px;
}
.setup-model-compact{
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  border:1px solid var(--border);
  background:#07111f;
  color:#e5e7eb;
  border-radius:16px;
  padding:10px 12px;
  min-height:74px;
  width:100%;
}
.setup-model-compact:hover{
  border-color:#60a5fa;
  background:#0b1d3a;
}
.setup-model-compact strong,
.setup-context-button strong{
  display:block;
  color:#f8fafc;
  line-height:1.2;
}
.setup-model-compact small,
.setup-context-button small{
  display:block;
  color:#94a3b8;
  font-size:12px;
  line-height:1.3;
  margin-top:3px;
}
.setup-save-delete-row{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:8px;
  min-width:150px;
}
.setup-save-delete-row button{
  width:100%;
  justify-content:center;
}
.setup-readonly-note{
  margin-top:5px;
}
#projectType:disabled{
  color:#cbd5e1;
  opacity:.86;
  cursor:not-allowed;
}
.setup-context-button{
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  margin-top:12px;
  border:1px solid var(--border);
  background:#07111f;
  color:#e5e7eb;
  border-radius:16px;
  padding:11px 12px;
  width:100%;
}
.setup-context-button:hover{
  border-color:#60a5fa;
  background:#0b1d3a;
}
.setup-inspiration-panel .reference-url-panel{
  margin-top:10px;
}
.build-ai-setup-flow{
  margin-top:18px;
}
@media(max-width:760px){
  .setup-mode-save-grid{
    grid-template-columns:1fr;
  }
  .setup-save-delete-row{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
}

/* v1.0.170 Setup layout refinement */
.setup-screen-grid{
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(0,2fr);
  gap:18px;
  align-items:start;
}
.setup-side-stack{
  display:grid;
  gap:14px;
}
.setup-general-panel,
.setup-context-panel,
.setup-export-panel,
.setup-phases-panel{
  min-width:0;
}
.setup-general-panel h2,
.setup-context-panel h2,
.setup-export-panel h2,
.setup-phases-panel h2{
  margin-bottom:10px;
}
.setup-mode-save-grid{
  grid-template-columns:minmax(0,1fr) 118px;
  gap:10px;
  align-items:start;
}
.setup-model-compact{
  min-height:42px;
  max-width:180px;
  padding:7px 9px;
  border-radius:12px;
  gap:0;
}
.setup-model-compact strong{
  font-size:12px;
  line-height:1.1;
}
.setup-model-compact small{
  font-size:10.5px;
  line-height:1.2;
  margin-top:2px;
}
.setup-save-delete-row{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto auto;
  gap:7px;
  min-width:118px;
}
.setup-save-delete-row button{
  min-height:34px;
  padding:7px 9px;
  font-size:12px;
}
#projectType:disabled,
#projectType[aria-readonly="true"]{
  color:#94a3b8;
  background:#111827;
  border-color:#1f2937;
  opacity:.72;
  cursor:not-allowed;
}
.setup-context-url-grid{
  display:grid;
  grid-template-columns:minmax(170px,.45fr) minmax(0,1fr);
  gap:12px;
  align-items:end;
}
.setup-context-button{
  min-height:44px;
  margin-top:0;
  padding:8px 10px;
  border-radius:12px;
}
.setup-context-button .setup-action-icon{
  width:24px;
  height:24px;
  min-width:24px;
  font-size:12px;
}
.setup-context-button strong{
  font-size:13px;
}
.setup-context-button small{
  font-size:11px;
}
.setup-context-panel .reference-url-panel{
  margin-top:0;
}
.setup-context-panel .reference-url-panel label{
  margin-top:0;
}
.setup-context-panel .form-row{
  align-items:center;
}
.setup-export-panel .setup-export-actions{
  display:grid;
  grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.setup-export-panel .form-row{
  margin:0;
}
.setup-phases-panel{
  width:100%;
}
.setup-phase-card{
  padding:12px;
}
.setup-phase-card strong{
  margin-bottom:8px;
}
@media(max-width:980px){
  .setup-screen-grid,
  .setup-context-url-grid,
  .setup-export-panel .setup-export-actions{
    grid-template-columns:1fr;
  }
  .setup-mode-save-grid{
    grid-template-columns:1fr;
  }
  .setup-model-compact{
    max-width:none;
  }
}
.build-ai-setup-flow-first{
  margin-top:12px;
  border-top:0;
  padding-top:0;
}
.build-project-actions{
  margin-top:16px;
}

/* v1.0.171 Setup / Build flow polish */
.setup-mode-save-grid{
  grid-template-columns:minmax(96px,.25fr) minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  gap:8px;
}
.setup-model-compact{
  max-width:none;
  min-height:36px;
  padding:6px 8px;
}
.setup-model-compact strong{font-size:11.5px;}
.setup-model-compact small{font-size:10px;}
.setup-save-delete-row{
  display:contents;
}
.setup-save-delete-row button{
  width:100%;
  min-height:36px;
}
.setup-context-url-grid{
  grid-template-columns:minmax(170px,1fr) minmax(0,2fr);
  align-items:stretch;
}
.setup-context-button,
.build-context-picker{
  height:100%;
  min-height:58px;
}
.setup-context-panel .reference-url-panel{
  display:grid;
  grid-template-rows:auto 1fr;
}
.setup-context-panel .reference-url-panel .form-row{
  height:100%;
  align-items:stretch;
}
.setup-context-panel .reference-url-panel input,
.setup-context-panel .reference-url-panel button{
  min-height:38px;
}
.build-flow-stack{
  display:grid;
  gap:16px;
}
.build-setup-actions-grid{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);
  gap:14px;
  align-items:stretch;
}
.build-step-stack{
  margin-top:0;
  max-width:none;
}
.build-final-context-block{
  margin-top:14px;
  border-top:1px solid var(--border);
  padding-top:14px;
}
.build-final-context-block h3{
  margin:0 0 10px;
  color:#f8fafc;
  font-size:14px;
}
.build-actions-panel .build-project-actions{
  max-width:620px;
}
.step-action.setup-action-locked{
  opacity:.46;
  filter:saturate(.65);
  cursor:not-allowed;
}
.step-action:disabled{
  cursor:not-allowed;
}
@media(max-width:980px){
  .setup-mode-save-grid,
  .setup-context-url-grid,
  .build-setup-actions-grid{
    grid-template-columns:1fr;
  }
  .setup-save-delete-row{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
}


/* v1.0.172 Build advanced prompt/notes modal */
.build-setup-actions-grid{
  grid-template-columns:minmax(240px,1.15fr) minmax(210px,1fr) minmax(210px,1fr);
}
.build-advanced-picker .setup-action-icon{
  font-size:18px;
  line-height:1;
}
.setup-advanced-modal-card{
  width:min(760px,92vw);
  max-height:88vh;
  display:flex;
  flex-direction:column;
}
.setup-advanced-modal-body{
  display:grid;
  gap:10px;
  overflow:auto;
  padding-right:2px;
}
.setup-advanced-modal-body label{
  margin-top:0;
}
.setup-advanced-modal-body textarea{
  width:100%;
  resize:vertical;
}
.setup-advanced-modal-body #setupPrompt{
  min-height:220px;
}
.setup-advanced-modal-body #extraNotes{
  min-height:130px;
}
@media(max-width:980px){
  .build-setup-actions-grid{grid-template-columns:1fr;}
}

/* v1.0.173 Build step tabs */
.build-flow-stack{
  display:grid;
  gap:0;
}
.build-step-tabs{
  display:flex;
  align-items:flex-end;
  gap:6px;
  overflow-x:auto;
  padding:0 6px;
  margin-bottom:-1px;
}
.build-step-tab{
  appearance:none;
  border:1px solid var(--border);
  border-bottom-color:transparent;
  background:#0b1220;
  color:#cbd5e1;
  border-radius:14px 14px 0 0;
  padding:10px 16px 11px;
  min-height:42px;
  min-width:150px;
  box-shadow:none;
  font-weight:850;
  white-space:nowrap;
}
.build-step-tab.active{
  background:#111827;
  color:#f8fafc;
  border-color:#334155;
  border-bottom-color:#111827;
  transform:translateY(1px);
}
.build-step-tab.done{
  color:#bbf7d0;
  border-color:rgba(34,197,94,.45);
  border-bottom-color:transparent;
}
.build-step-tab.done.active{
  border-color:rgba(34,197,94,.55);
  border-bottom-color:#111827;
}
.build-step-tab.locked,
.build-step-tab:disabled{
  opacity:.45;
  filter:saturate(.55);
  cursor:not-allowed;
  background:#080e1a;
  color:#64748b;
}
.build-step-content-card{
  border-top-left-radius:0;
  min-height:260px;
}
.build-step-panel{
  display:grid;
  gap:14px;
}
.build-step-panel > .step-action{
  width:min(100%, 420px);
  min-height:48px;
}
.build-context-tools-row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);
  gap:14px;
  align-items:stretch;
  margin-bottom:14px;
}
.build-final-context-block{
  margin-top:0;
  border-top:0;
  padding-top:0;
}
.build-final-context-compact{
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
  background:#0b1220;
}
.build-step-panel #firstBuildBundleBtn{
  margin-top:2px;
}
@media(max-width:900px){
  .build-step-tab{min-width:132px;padding-inline:12px;}
  .build-context-tools-row{grid-template-columns:1fr;}
  .build-step-panel > .step-action{width:100%;}
}

/* v1.0.174 Build step guidance and read-only context review */
.build-step-intro{
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(15,23,42,.48);
  padding:12px 14px;
}
.build-step-intro strong{
  display:block;
  color:#f8fafc;
  font-size:14px;
  margin-bottom:4px;
}
.build-step-intro p{
  margin:0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
}
.build-context-tools-single{
  grid-template-columns:minmax(220px,360px);
  margin-bottom:0;
}
.build-final-context-compact .hint{
  margin:0;
}
.build-final-context-compact .setup-context-button.setup-action-locked,
.build-final-context-compact .setup-context-button:disabled{
  opacity:.48;
  filter:saturate(.6);
  cursor:not-allowed;
}
.modal.asset-review-mode .asset-picker-upload{
  display:none;
}
.modal.asset-review-mode .asset-picker-filters{
  grid-template-columns:1fr;
}
.modal.asset-review-mode #assetPickerSearch{
  display:block;
}
.modal.asset-review-mode #assetPickerApplyBtn{
  display:none;
}
.modal.asset-review-mode .modal-actions{
  justify-content:flex-end;
}
@media(max-width:900px){
  .build-context-tools-single{grid-template-columns:1fr;}
}

/* v1.0.175 Build step card layout refinement */
.build-section-block{
  display:grid;
  gap:10px;
}
.build-section-block h3{
  margin:0;
  color:#f8fafc;
  font-size:14px;
  letter-spacing:.01em;
}
.build-section-block .build-context-summary{
  margin-top:0;
}
.build-execution-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.build-execution-grid-single{
  grid-template-columns:minmax(260px,520px);
}
.build-execution-card{
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(15,23,42,.55);
  padding:12px;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:82px;
}
.build-execution-card-copy{
  min-width:0;
}
.build-execution-card-copy strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  line-height:1.25;
}
.build-execution-card-copy small,
.build-execution-muted{
  display:block;
  color:#94a3b8;
  font-size:12px;
  line-height:1.35;
  margin-top:4px;
}
.build-execution-card .step-action,
.build-execution-card button{
  width:auto;
  min-width:150px;
  min-height:38px;
  margin:0;
  justify-content:center;
}
.build-execution-actions-inline{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
}
.build-execution-actions-inline button{
  min-width:124px;
}
.build-execution-card .build-execution-muted{
  grid-column:1 / -1;
  margin-top:-4px;
  text-align:right;
}
.build-step-panel > .step-action{
  width:auto;
}
@media(max-width:980px){
  .build-execution-grid,
  .build-execution-grid-single{
    grid-template-columns:1fr;
  }
  .build-execution-card{
    grid-template-columns:1fr;
  }
  .build-execution-card .step-action,
  .build-execution-card button,
  .build-execution-actions-inline button{
    width:100%;
    min-width:0;
  }
  .build-execution-actions-inline{
    justify-content:stretch;
  }
  .build-execution-card .build-execution-muted{
    text-align:left;
  }
}

/* v1.0.176 Build/setup wording and boxed Build sections */
/* v1.0.179 Build step final context moved to project build */
.build-step-intro{
  border:0;
  background:transparent;
  padding:2px 2px 0;
  border-radius:0;
}
.build-step-intro strong{
  font-size:13px;
  margin-bottom:3px;
}
.build-step-intro p{
  color:#94a3b8;
}
.build-section-block{
  background:#111b2e;
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
  box-shadow:var(--shadow);
  gap:12px;
}
.build-section-block h3{
  margin:0 0 2px;
  color:#f8fafc;
  font-size:18px;
  font-weight:900;
  letter-spacing:0;
}
.build-execution-card{
  background:#0b1220;
  border-color:var(--line);
}
.build-execution-card-copy strong{
  font-size:14px;
}
.build-execution-card-copy small,
.build-execution-muted{
  font-size:12px;
}
@media(max-width:900px){
  .build-section-block{padding:14px;border-radius:18px;}
}

/* v1.0.180 Design source-material flow */
.design-source-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,0.9fr);
  gap:12px;
  align-items:stretch;
}
.design-source-box{
  border:1px solid var(--border);
  background:#07111f;
  border-radius:16px;
  padding:12px;
  display:grid;
  gap:9px;
  min-height:100%;
}
.design-source-box strong{
  color:#f8fafc;
  font-size:13px;
}
.design-source-box small{
  color:#94a3b8;
  font-size:12px;
}
.design-project-context-button{
  margin:0;
  min-height:100%;
}
.design-ui-inspiration-panel{
  margin-top:12px;
}
.design-decision-panel{
  margin-top:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#07111f;
  padding:12px;
}
.design-decision-panel .compact-head{
  margin-bottom:8px;
}
.design-decision-panel .compact-head h3{
  font-size:14px;
}
.design-decision-panel .setup-action-tiles{
  margin-top:0;
}
@media(max-width:900px){
  .design-source-grid{grid-template-columns:1fr;}
}


/* v1.0.181 Design source-material tab/layout correction */
.design-mode-tabs.build-step-tabs{
  margin-top:14px;
  margin-bottom:-1px;
  padding-left:6px;
}
.design-mode-tab.build-step-tab{
  text-align:left;
}
.design-project-context-button{
  width:100%;
}

/* v1.0.182 Design decisions and phase outcome foundation */
.design-decision-footer{
  display:flex;
  justify-content:flex-end;
  padding-top:4px;
}
.design-decision-footer .primary{
  width:auto;
  min-width:190px;
}
.design-outcome-panel{
  border:1px solid var(--line);
  border-radius:22px;
  background:#111b2e;
  box-shadow:var(--shadow);
  padding:18px;
  margin-top:2px;
}
.design-phase-plan-card{
  display:grid;
  gap:12px;
}
.design-phase-plan-card > strong{
  display:block;
  color:#f8fafc;
  font-size:18px;
  font-weight:900;
}
.design-phase-plan-card pre{
  white-space:pre-wrap;
  margin:0;
  max-height:260px;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:14px;
  background:#07111f;
  color:#cbd5e1;
  padding:12px;
  font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
@media(max-width:900px){
  .design-decision-footer{justify-content:stretch;}
  .design-decision-footer .primary{width:100%;}
}

/* v1.0.183 Setup mode selector / Design decision fix */
.setup-mode-block{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.setup-mode-block > label{
  color:#94a3b8;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.setup-automation-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.setup-automation-options label{
  justify-content:center;
  min-height:36px;
  border-radius:12px;
  padding:8px 10px;
  font-size:12px;
}
.setup-automation-options label:has(input:checked){
  border-color:#60a5fa;
  background:#0b1d3a;
  color:#f8fafc;
}
.disabled-option{
  opacity:.48;
  cursor:not-allowed;
}
.setup-general-panel > .setup-model-compact{
  margin-top:10px;
  max-width:none;
  min-height:38px;
}
.setup-general-panel > .setup-save-delete-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
  min-width:0;
}
.setup-general-panel > .setup-save-delete-row button{
  width:100%;
  min-height:36px;
}
.model-picker-modal-card #apiQualityProfileCard{
  margin-top:0;
}

/* v1.0.184 Design conversation package / ZIP asset viewer */
.zip-asset-modal-card{
  width:min(980px,94vw);
  max-height:88vh;
}
.zip-asset-viewer{
  display:grid;
  grid-template-columns:minmax(220px,32%) 1fr;
  gap:14px;
  min-height:420px;
}
.zip-asset-tree{
  border:1px solid var(--border);
  border-radius:14px;
  background:#07111f;
  overflow:auto;
  padding:8px;
}
.zip-asset-tree button{
  width:100%;
  display:grid;
  gap:3px;
  text-align:left;
  border:1px solid transparent;
  background:transparent;
  color:#cbd5e1;
  border-radius:10px;
  padding:8px 10px;
}
.zip-asset-tree button:hover,
.zip-asset-tree button.active{
  background:#0b1d3a;
  border-color:#1d4ed8;
  color:#f8fafc;
}
.zip-asset-tree small{
  color:#94a3b8;
  font-size:11px;
}
.zip-asset-preview{
  margin:0;
  white-space:pre-wrap;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:14px;
  background:#020617;
  color:#dbeafe;
  padding:14px;
  font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
@media(max-width:760px){
  .zip-asset-viewer{grid-template-columns:1fr;}
}

.phase-explorer-panel{
  border-bottom:1px solid rgba(148,163,184,.2);
}
.phase-explorer-head h2{margin:0;}
.phase-explorer-body{padding:12px 14px;}
.phase-explorer-card pre{
  white-space:pre-wrap;
  max-height:160px;
  overflow:auto;
  margin:8px 0 10px;
  padding:10px;
  border-radius:10px;
  background:rgba(15,23,42,.05);
  font-size:12px;
}
.phase-explorer-label{
  display:block;
  margin-top:10px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  opacity:.72;
}
.phase-explorer-card ul{
  margin:8px 0 0 18px;
  padding:0;
}
.phase-explorer-card li{margin:4px 0;}

/* v1.0.190 phase explorer workspace redesign */
.phase-pill-btn{
  border:1px solid rgba(96,165,250,.5);
  background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(20,184,166,.13));
  color:#dbeafe;
  border-radius:999px;
  padding:8px 13px;
  font-weight:900;
  letter-spacing:.01em;
}
.phase-pill-btn:hover{border-color:#93c5fd;background:rgba(37,99,235,.28);}
.phase-pill-btn.hidden{display:none!important;}
.phase-preview-panel{
  border-bottom:1px solid rgba(148,163,184,.2);
  padding-bottom:12px;
  margin-bottom:12px;
}
.phase-preview-body{padding:0;}
.phase-preview-card{
  border:1px solid rgba(96,165,250,.28);
  background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 45%),#07111f;
  border-radius:18px;
  padding:12px;
  display:grid;
  gap:10px;
}
.phase-preview-nav{
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:7px;
  align-items:center;
}
.phase-preview-title{
  border:0;
  background:transparent;
  color:#f8fafc;
  font-weight:950;
  font-size:15px;
  padding:4px 2px;
}
.phase-preview-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.phase-preview-main strong{color:#e2e8f0;font-size:14px;}
.phase-preview-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:#94a3b8;
  font-size:12px;
}
.phase-preview-meta span{
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.55);
  border-radius:999px;
  padding:4px 8px;
}
.phase-preview-actions{display:flex;justify-content:flex-end;}
.phase-preview-minimized,
.phase-questions-minimized{
  width:100%;
  text-align:left;
  border:1px solid rgba(96,165,250,.25);
  border-radius:14px;
  background:#07111f;
  color:#dbeafe;
  padding:10px 12px;
  font-weight:800;
}
.phase-preview-empty{padding:8px 0;}
.lifecycle-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:999px;
  padding:4px 8px;
  font-size:11px;
  font-weight:900;
  border:1px solid rgba(148,163,184,.28);
  color:#dbeafe;
  background:rgba(15,23,42,.75);
}
.lifecycle-status-pill.status-active{border-color:rgba(96,165,250,.55);background:rgba(37,99,235,.18);color:#bfdbfe;}
.lifecycle-status-pill.status-ai-built{border-color:rgba(20,184,166,.55);background:rgba(20,184,166,.14);color:#99f6e4;}
.lifecycle-status-pill.status-approved{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.13);color:#bbf7d0;}
.lifecycle-status-pill.status-partial{border-color:rgba(250,204,21,.55);background:rgba(250,204,21,.12);color:#fef08a;}
.lifecycle-status-pill.status-needs-changes{border-color:rgba(249,115,22,.55);background:rgba(249,115,22,.13);color:#fed7aa;}
.lifecycle-status-pill.status-discarded{border-color:rgba(248,113,113,.55);background:rgba(248,113,113,.12);color:#fecaca;}
.phase-questions-panel{
  border:1px solid rgba(249,115,22,.26);
  background:rgba(249,115,22,.055);
  border-radius:18px;
  overflow:hidden;
  margin-bottom:12px;
}
.phase-questions-panel.hidden{display:none;}
.phase-questions-head{padding:10px 12px;border-bottom:1px solid rgba(249,115,22,.18);}
.phase-questions-head h2{margin:0;font-size:15px;}
.phase-questions-body{padding:10px 12px;}
body.phase-questions-collapsed .phase-questions-body{display:none;}
.phase-question-list{display:grid;gap:10px;}
.phase-question-card{
  border:1px solid rgba(148,163,184,.18);
  background:#07111f;
  border-radius:14px;
  padding:10px;
  display:grid;
  gap:8px;
}
.phase-question-card strong{color:#f8fafc;font-size:13px;line-height:1.35;}
.phase-question-card textarea{min-height:70px;font-size:13px;}
.phase-explorer-modal-card{width:min(1180px,96vw);max-height:90vh;}
.phase-explorer-modal-body{min-height:520px;max-height:68vh;overflow:auto;}
.phase-explorer-grid{
  display:grid;
  grid-template-columns:210px minmax(280px,1fr) minmax(280px,.9fr);
  gap:14px;
}
.phase-explorer-phases,
.phase-explorer-tree,
.phase-explorer-details{
  border:1px solid rgba(148,163,184,.18);
  background:#07111f;
  border-radius:18px;
  padding:12px;
  min-height:480px;
}
.phase-list-cards{display:grid;gap:8px;}
.phase-list-card{
  text-align:left;
  border:1px solid rgba(148,163,184,.2);
  background:#020617;
  border-radius:14px;
  padding:10px;
  display:grid;
  gap:4px;
  color:#e2e8f0;
}
.phase-list-card strong{font-size:14px;color:#f8fafc;}
.phase-list-card span{font-size:12px;color:#94a3b8;line-height:1.3;}
.phase-list-card small{font-size:11px;color:#bfdbfe;}
.phase-list-card.current{border-color:rgba(20,184,166,.42);}
.phase-list-card.active,
.phase-tree-button.active{border-color:#60a5fa;background:#0b1d3a;}
.phase-tree-list{display:grid;gap:8px;}
.phase-tree-node{display:grid;gap:6px;}
.phase-tree-children{margin-left:14px;border-left:1px dashed rgba(148,163,184,.26);padding-left:10px;display:grid;gap:6px;}
.phase-tree-children.steps{margin-left:12px;}
.phase-tree-button{
  width:100%;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(148,163,184,.2);
  background:#020617;
  color:#e2e8f0;
  border-radius:12px;
  padding:9px 10px;
}
.phase-tree-button span{font-weight:850;}

.phase-node-label{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;}
.phase-node-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dependency-icon{flex:0 0 auto;color:#5eead4;font-size:10px;line-height:1;filter:drop-shadow(0 0 6px rgba(45,212,191,.35));}
.phase-tree-button small{color:#94a3b8;font-size:11px;}
.phase-tree-button.step-button span{font-weight:700;color:#cbd5e1;}
.phase-tree-empty{font-size:12px;color:#64748b;padding:4px 8px;}
.phase-detail-card h3{margin:0 0 10px;color:#f8fafc;}
.phase-detail-grid{display:grid;gap:8px;}
.phase-detail-grid div{
  display:grid;
  gap:4px;
  border:1px solid rgba(148,163,184,.16);
  background:#020617;
  border-radius:12px;
  padding:9px;
}
.phase-detail-grid strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;}
.phase-detail-grid span{font-size:13px;color:#e2e8f0;line-height:1.35;}
.phase-detail-questions{margin-top:12px;border:1px solid rgba(249,115,22,.22);border-radius:12px;padding:10px;background:rgba(249,115,22,.06);}
.phase-detail-questions strong{color:#fed7aa;}
.phase-detail-questions ul{margin:8px 0 0 18px;padding:0;color:#e2e8f0;font-size:13px;}
.phase-notes-details{margin-top:12px;border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:10px;background:#020617;}
.phase-notes-details summary{cursor:pointer;color:#bfdbfe;font-weight:800;}
.phase-notes-details pre{white-space:pre-wrap;max-height:220px;overflow:auto;font-size:12px;color:#cbd5e1;}
@media(max-width:1050px){
  .phase-explorer-grid{grid-template-columns:1fr;}
  .phase-explorer-phases,.phase-explorer-tree,.phase-explorer-details{min-height:auto;}
}
.phase-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
.phase-detail-actions button{min-width:auto;}

/* v1.0.191 phase explorer clarity */
.phase-detail-help{
  margin:0 0 10px;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.45;
}
.phase-status-note{
  border:1px solid rgba(251,191,36,.25);
  background:rgba(251,191,36,.08);
  border-radius:12px;
  padding:9px 10px;
  margin-top:10px;
}
.phase-status-note strong{display:block;color:#fef3c7;margin-bottom:4px;}
.phase-status-note p{margin:0;color:#fde68a;font-size:13px;line-height:1.4;}
.phase-tree-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* v1.0.193 workspace lifecycle/questions refinements */
.phase-preview-panel{border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:12px;margin-bottom:12px;}
.phase-preview-simple{
  width:100%;
  text-align:left;
  border:1px solid rgba(96,165,250,.32);
  background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 45%),#07111f;
  border-radius:18px;
  padding:12px;
  display:grid;
  gap:5px;
  color:#e2e8f0;
}
.phase-preview-simple strong{font-size:15px;color:#f8fafc;}
.phase-preview-simple span{font-size:13px;color:#bfdbfe;line-height:1.35;}
.phase-preview-simple:hover{border-color:#60a5fa;background:#0b1d3a;}
.phase-questions-panel{border-color:rgba(96,165,250,.22);background:rgba(37,99,235,.045);}
.phase-questions-head{border-bottom:1px solid rgba(96,165,250,.16);}
.phase-question-list{display:grid;gap:12px;}
.phase-question-section{display:grid;gap:8px;}
.phase-question-section h3{margin:0;color:#f8fafc;font-size:13px;}
.phase-question-section.blocking h3{color:#fecaca;}
.phase-question-section.future h3{color:#c4b5fd;}
.phase-question-card small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:900;}
.phase-question-blocking{border-color:rgba(248,113,113,.38);background:rgba(127,29,29,.18);}
.phase-question-current{border-color:rgba(96,165,250,.28);}
.phase-question-future{border-color:rgba(167,139,250,.28);background:rgba(76,29,149,.12);}
.ai-changes-blocked-note{border:1px solid rgba(248,113,113,.4);background:rgba(127,29,29,.18);color:#fecaca;border-radius:14px;padding:10px;margin-bottom:12px;font-size:13px;font-weight:750;line-height:1.35;}
.ai-changes-blocked-note.hidden{display:none;}
body.workspace-blocked-by-questions #aiChangesBody label,
body.workspace-blocked-by-questions #aiChangesBody .selected-box,
body.workspace-blocked-by-questions #aiChangesBody .selection-actions-row,
body.workspace-blocked-by-questions #aiChangesBody .workspace-kind-help{opacity:.55;}
.phase-explorer-modal-card{width:90vw;max-width:1440px;height:90vh;max-height:90vh;display:flex;flex-direction:column;}
.phase-explorer-modal-body{min-height:0;max-height:none;overflow:hidden;flex:1;}
.phase-explorer-grid{height:100%;grid-template-columns:240px minmax(420px,1fr) 380px;gap:14px;overflow:hidden;}
.phase-explorer-phases,.phase-explorer-tree,.phase-explorer-details{min-height:0;overflow:auto;}
.phase-tree-button{min-width:0;}
.phase-tree-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.phase-tree-button small{flex:0 0 auto;}
@media(max-width:1050px){
  .phase-explorer-modal-card{width:96vw;height:92vh;}
  .phase-explorer-modal-body{overflow:auto;}
  .phase-explorer-grid{height:auto;grid-template-columns:1fr;overflow:visible;}
}

/* v1.0.196 collapsed workspace phase strip top-aligned vertical label */
.phase-preview-panel{
  border-bottom:1px solid rgba(148,163,184,.2);
  padding-bottom:10px;
  margin-bottom:12px;
}
.phase-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.phase-preview-body{min-width:0;flex:1;}
.phase-preview-simple{
  width:100%;
  min-width:0;
  text-align:left;
  border:1px solid rgba(96,165,250,.32);
  background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 46%),#07111f;
  border-radius:14px;
  padding:9px 10px;
  color:#dbeafe;
  display:block;
  font-size:13px;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.phase-preview-simple:hover{border-color:#60a5fa;background:#0b1d3a;}
.phase-preview-head #toggleRightPanelBtn2{
  flex:0 0 auto;
  position:static;
}
.phase-questions-head{padding:9px 10px;}
.phase-questions-head h2{font-size:14px;}
.phase-explorer-modal-card{width:92vw;max-width:1500px;height:90vh;max-height:90vh;display:flex;flex-direction:column;}
.phase-explorer-modal-body{min-height:0;max-height:none;overflow:hidden;flex:1;}
.phase-explorer-grid{
  height:100%;
  display:grid;
  grid-template-columns:minmax(580px,1fr) minmax(340px,400px);
  gap:14px;
  overflow:hidden;
}
.phase-explorer-tree,
.phase-explorer-details{
  min-height:0;
  overflow:auto;
}
.phase-explorer-phases{display:none!important;}
.phase-tree-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.right-collapsed .workspace{grid-template-columns:1fr 56px;}
body.right-collapsed .right-panel{
  width:56px;
  min-width:56px;
  padding:8px 6px;
  overflow:hidden;
}
body.right-collapsed .right-panel > *{display:none!important;}
body.right-collapsed .right-panel > .phase-preview-panel{
  display:flex!important;
  height:100%;
  border-bottom:0;
  margin:0;
  padding:0;
}
body.right-collapsed .phase-preview-head{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
}
body.right-collapsed .phase-preview-body{
  display:block!important;
  flex:1;
  width:100%;
  min-height:220px;
  position:relative;
}
body.right-collapsed .phase-preview-simple{
  display:flex!important;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:50%;
  top:112px;
  width:220px;
  height:34px;
  padding:7px 12px;
  font-size:12px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transform:translate(-50%,-50%) rotate(-90deg);
  transform-origin:center;
}
body.right-collapsed #toggleRightPanelBtn2{
  display:inline-flex!important;
  transform:none;
  margin:0;
  align-self:center;
  flex:0 0 auto;
}
@media(max-width:1050px){
  .phase-explorer-modal-card{width:96vw;height:92vh;}
  .phase-explorer-modal-body{overflow:auto;}
  .phase-explorer-grid{height:auto;grid-template-columns:1fr;overflow:visible;}
}

/* v1.0.197 collapsed workspace phase strip button pinned above label */
body.right-collapsed .phase-preview-head{
  justify-content:flex-start;
  align-items:center;
  gap:8px;
}
body.right-collapsed #toggleRightPanelBtn2{
  order:0;
  align-self:center;
  margin:0 0 2px 0;
  flex:0 0 auto;
  transform:none;
}
body.right-collapsed .phase-preview-body{
  order:1;
  flex:0 0 240px;
  width:100%;
  min-height:240px;
  position:relative;
}
body.right-collapsed .phase-preview-simple{
  top:112px;
}

/* v1.0.210 stage transition and dependencies */
.phase-preview-body{
  display:grid;
  gap:8px;
}
.phase-dependencies{
  border:1px solid rgba(20,184,166,.24);
  background:rgba(20,184,166,.07);
  border-radius:12px;
  padding:10px;
  margin-top:12px;
}
.phase-dependencies strong{display:block;color:#99f6e4;margin-bottom:6px;}
.phase-dependencies ul{margin:0 0 0 18px;padding:0;color:#dbeafe;font-size:13px;line-height:1.4;}
.phase-dependencies li{margin:4px 0;}
body.right-collapsed .phase-preview-body{display:block!important;}

/* v1.0.219 setup design / inspiration layout cleanup */
.build-execution-grid.single-action{
  grid-template-columns:minmax(260px,520px);
}
.build-execution-card.hidden{
  display:none !important;
}
.build-execution-card.file-tile.disabled,
.build-execution-card.file-tile[aria-disabled="true"]{
  opacity:.52;
  filter:saturate(.6);
  cursor:not-allowed;
  pointer-events:none;
}
.build-execution-card.file-tile{
  cursor:pointer;
}
.build-execution-card.setup-action-done{
  border-color:rgba(34,197,94,.55);
  box-shadow:0 0 0 1px rgba(34,197,94,.12) inset;
}
.build-execution-card .step-action{
  position:relative;
  padding-right:38px;
}
.build-execution-card .step-action.setup-action-done::after,
#buildAgileDesignImportTile.setup-action-done .step-action::after{
  content:'✓';
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#16a34a;
  color:white;
  font-size:13px;
  font-weight:900;
}
.inline-url-action{
  display:grid;
  grid-template-columns:minmax(160px,1fr) auto;
  gap:8px;
  align-items:center;
  min-width:min(420px, 40vw);
}
.inline-url-action input{
  min-width:0;
}
.manual-inspiration-card{
  align-items:center;
}
@media(max-width:1100px){
  .inline-url-action{
    grid-template-columns:1fr;
    min-width:0;
  }
}

/* v1.0.235 Roadmap Explorer canonical lifecycle UI */
.lifecycle-status-pill.status-todo{border-color:rgba(148,163,184,.28);background:rgba(15,23,42,.75);color:#cbd5e1;}
.lifecycle-status-pill.status-built{border-color:rgba(20,184,166,.55);background:rgba(20,184,166,.14);color:#99f6e4;}
.lifecycle-status-pill.status-complete{border-color:rgba(34,197,94,.62);background:rgba(34,197,94,.16);color:#bbf7d0;}
.lifecycle-status-pill.status-blocked{border-color:rgba(249,115,22,.62);background:rgba(249,115,22,.15);color:#fed7aa;}
.lifecycle-status-pill.status-superseded{border-color:rgba(167,139,250,.45);background:rgba(76,29,149,.16);color:#ddd6fe;}
.roadmap-explorer-shell{height:100%;display:flex;flex-direction:column;gap:14px;min-height:0;}
.roadmap-explorer-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(148,163,184,.18);
  background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 48%),#07111f;
  border-radius:18px;
  padding:14px 16px;
}
.roadmap-explorer-summary h3{margin:0;color:#f8fafc;font-size:18px;}
.roadmap-explorer-summary p{margin:4px 0 0;color:#94a3b8;font-size:13px;}
.roadmap-overview-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.roadmap-overview-stats span{min-width:76px;border:1px solid rgba(148,163,184,.18);background:#020617;border-radius:12px;padding:8px 10px;display:grid;gap:2px;text-align:center;}
.roadmap-overview-stats strong{color:#f8fafc;font-size:16px;line-height:1;}
.roadmap-overview-stats small{color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.08em;}
.phase-explorer-grid.roadmap-explorer-grid{flex:1;min-height:0;grid-template-columns:minmax(420px,1fr) minmax(360px,440px) minmax(340px,400px);}
.roadmap-timeline-panel{
  min-height:0;
  overflow:auto;
  border:1px solid rgba(148,163,184,.18);
  background:#07111f;
  border-radius:18px;
  padding:12px;
}
.roadmap-timeline-panel h3{margin:0 0 4px;color:#f8fafc;font-size:15px;}
.roadmap-timeline-block{margin-top:12px;border-top:1px solid rgba(148,163,184,.14);padding-top:10px;}
.roadmap-timeline-block>strong,.phase-detail-section>strong{display:block;color:#bfdbfe;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.roadmap-timeline-block ul,.phase-detail-section ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.roadmap-timeline-block li,.phase-detail-section li{border:1px solid rgba(148,163,184,.14);background:#020617;border-radius:12px;padding:8px 10px;color:#e2e8f0;font-size:12px;line-height:1.4;}
.roadmap-timeline-block li small,.roadmap-timeline-mini li small{display:block;color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;}
.roadmap-timeline-block li strong{display:block;color:#f8fafc;font-size:12px;}
.roadmap-timeline-block li span{display:block;color:#94a3b8;font-size:11px;margin-top:2px;}
.roadmap-timeline-block li.empty{border-style:dashed;background:transparent;}
.roadmap-detail-card{display:grid;gap:12px;}
.roadmap-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px;}
.roadmap-detail-title-row small{display:block;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.phase-detail-section{border:1px solid rgba(148,163,184,.16);background:#020617;border-radius:12px;padding:10px;}
.phase-detail-section li b{color:#f8fafc;}
.roadmap-mini-pill{display:inline-flex;margin-right:7px;border:1px solid rgba(96,165,250,.28);background:rgba(37,99,235,.14);color:#bfdbfe;border-radius:999px;padding:2px 6px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;}
.roadmap-mini-pill.danger{border-color:rgba(248,113,113,.38);background:rgba(127,29,29,.18);color:#fecaca;}
.roadmap-timeline-mini li{display:grid;gap:2px;}
.roadmap-timeline-mini li span{color:#e2e8f0;}
@media(max-width:1200px){
  .phase-explorer-grid.roadmap-explorer-grid{grid-template-columns:1fr;overflow:auto;}
  .roadmap-explorer-summary{display:grid;}
  .roadmap-overview-stats{justify-content:start;}
}

/* v1.0.236 Roadmap Explorer sizing and timeline popup */
.phase-explorer-modal-card{
  width:90vw;
  max-width:none;
  height:90vh;
  max-height:90vh;
  display:flex;
  flex-direction:column;
}
.phase-explorer-modal-body{
  min-height:0;
  max-height:none;
  overflow:hidden;
  flex:1;
}
.phase-explorer-grid.roadmap-explorer-grid{
  flex:1;
  min-height:0;
  height:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  overflow:hidden;
}
.roadmap-overview-stats{
  align-items:center;
}
.roadmap-timeline-open-btn{
  min-height:38px;
  border-color:rgba(96,165,250,.42);
  background:rgba(37,99,235,.18);
  color:#bfdbfe;
  font-weight:900;
  white-space:nowrap;
}
.roadmap-timeline-open-btn:hover{
  border-color:#60a5fa;
  background:rgba(37,99,235,.28);
}
.roadmap-timeline-modal{
  z-index:160;
  background:rgba(2,6,23,.58);
}
.roadmap-timeline-modal-card{
  width:min(860px,86vw);
  max-height:84vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.roadmap-timeline-modal-body{
  min-height:0;
  overflow:auto;
  flex:1;
}
.roadmap-timeline-modal-body .roadmap-timeline-panel{
  min-height:auto;
  max-height:none;
  overflow:visible;
}
@media(max-width:1200px){
  .phase-explorer-modal-card{width:96vw;height:92vh;}
  .phase-explorer-modal-body{overflow:auto;}
  .phase-explorer-grid.roadmap-explorer-grid{height:auto;grid-template-columns:1fr;overflow:visible;}
  .roadmap-explorer-summary{display:grid;}
  .roadmap-overview-stats{justify-content:start;}
  .roadmap-timeline-modal-card{width:94vw;}
}

/* v1.0.244 Roadmap Explorer left-panel action controls */
.roadmap-node-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-width:0;
}
.roadmap-node-row.active .roadmap-node-actions{
  border-color:rgba(96,165,250,.36);
  background:rgba(37,99,235,.10);
}
.roadmap-node-actions{
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:12px;
  background:#020617;
  flex:0 0 auto;
}
.roadmap-icon-btn{
  width:24px;
  height:24px;
  min-height:24px;
  padding:0;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(148,163,184,.22);
  border-radius:8px;
  background:#07111f;
  color:#cbd5e1;
  font-size:12px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.roadmap-icon-btn:hover:not(:disabled){border-color:#60a5fa;color:#f8fafc;background:#0b1d3a;}
.roadmap-icon-btn.complete{border-color:rgba(34,197,94,.34);color:#bbf7d0;background:rgba(22,101,52,.16);}
.roadmap-icon-btn.danger{border-color:rgba(248,113,113,.34);color:#fecaca;background:rgba(127,29,29,.16);}
.roadmap-icon-btn.primary{border-color:rgba(96,165,250,.42);color:#bfdbfe;background:rgba(37,99,235,.18);}
.roadmap-icon-btn:disabled{opacity:.34;cursor:not-allowed;}
.roadmap-icon-btn.play{border-color:rgba(96,165,250,.48);color:#dbeafe;background:rgba(37,99,235,.22);}
.roadmap-icon-btn.stop{border-color:rgba(251,146,60,.48);color:#fed7aa;background:rgba(154,52,18,.22);}
.roadmap-node-actions.phase-actions.locked{opacity:.92;}
.roadmap-node-actions.phase-actions.locked .roadmap-icon-btn:not(.play):disabled{opacity:.24;}
.roadmap-node-actions.phase-actions.active-phase{border-color:rgba(251,146,60,.32);background:rgba(154,52,18,.10);}
.roadmap-status-dot{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:999px;
  background:#020617;
  color:#cbd5e1;
  font-size:10px;
  font-weight:900;
  flex:0 0 auto;
}
.roadmap-node-row.step-row{grid-template-columns:auto minmax(0,1fr);}
.phase-tree-button{min-width:0;}
@media(max-width:1100px){
  .roadmap-node-row{grid-template-columns:1fr;gap:5px;}
  .roadmap-node-actions{width:max-content;max-width:100%;overflow:auto;}
}

/* v1.0.245 Roadmap row action placement and hover help */
.roadmap-node-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 92px;
  gap:8px;
  align-items:center;
  min-width:0;
  border:1px solid rgba(148,163,184,.2);
  background:#020617;
  border-radius:12px;
  padding:6px 8px;
}
.roadmap-node-row.active{
  border-color:#60a5fa;
  background:#0b1d3a;
}
.roadmap-node-row.active .roadmap-node-actions{
  border-color:rgba(96,165,250,.32);
  background:rgba(37,99,235,.10);
}
.roadmap-node-row .phase-tree-button{
  min-width:0;
  border:0;
  background:transparent;
  border-radius:8px;
  padding:4px 0;
  box-shadow:none;
}
.roadmap-node-row .phase-tree-button.active{
  border:0;
  background:transparent;
}
.roadmap-node-row .phase-tree-button:hover,
.roadmap-node-row .phase-tree-button:focus-visible{
  background:rgba(148,163,184,.08);
  outline:none;
}
.roadmap-node-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:3px;
  padding:3px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:12px;
  background:#07111f;
  flex:0 0 auto;
  min-width:0;
}
.roadmap-node-status-label{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:92px;
  min-height:26px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:999px;
  background:rgba(15,23,42,.72);
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
}
.roadmap-icon-btn[data-roadmap-help]{
  position:relative;
}
.roadmap-icon-btn[data-roadmap-help]::after{
  content:attr(data-roadmap-help);
  position:absolute;
  left:50%;
  top:calc(100% + 9px);
  transform:translateX(-50%) translateY(-4px);
  width:max-content;
  max-width:220px;
  padding:7px 9px;
  border:1px solid rgba(96,165,250,.36);
  border-radius:10px;
  background:#0f172a;
  color:#e2e8f0;
  box-shadow:0 16px 36px rgba(2,6,23,.35);
  font-size:11px;
  font-weight:800;
  line-height:1.25;
  white-space:normal;
  opacity:0;
  pointer-events:none;
  z-index:50;
  transition:opacity .12s ease, transform .12s ease;
}
.roadmap-icon-btn[data-roadmap-help]::before{
  content:"";
  position:absolute;
  left:50%;
  top:calc(100% + 4px);
  width:8px;
  height:8px;
  transform:translateX(-50%) rotate(45deg);
  background:#0f172a;
  border-left:1px solid rgba(96,165,250,.36);
  border-top:1px solid rgba(96,165,250,.36);
  opacity:0;
  pointer-events:none;
  z-index:51;
  transition:opacity .12s ease;
}
.roadmap-icon-btn[data-roadmap-help]:hover::after,
.roadmap-icon-btn[data-roadmap-help]:focus-visible::after{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.roadmap-icon-btn[data-roadmap-help]:hover::before,
.roadmap-icon-btn[data-roadmap-help]:focus-visible::before{
  opacity:1;
}
.roadmap-node-row.step-row{
  grid-template-columns:minmax(0,1fr) auto 92px;
}
@media(max-width:1100px){
  .roadmap-node-row,
  .roadmap-node-row.step-row{
    grid-template-columns:minmax(0,1fr) auto 92px;
    gap:6px;
  }
  .roadmap-node-actions{max-width:100%;overflow-x:auto;}
}
@media(max-width:760px){
  .roadmap-node-row,
  .roadmap-node-row.step-row{
    grid-template-columns:1fr;
  }
  .roadmap-node-actions{justify-content:flex-start;width:max-content;}
  .roadmap-node-status-label{width:max-content;min-width:92px;}
}


/* v1.0.248 Roadmap control simplification */
.roadmap-node-actions .roadmap-icon-btn[disabled]{filter:grayscale(.25);}
.roadmap-icon-btn[data-roadmap-help]::after{bottom:auto;}
.roadmap-icon-btn[data-roadmap-help]::before{bottom:auto;}

/* Project setup wizard */
.setup-wizard-entry-card{max-width:720px;background:#111b2e;color:#e5e7eb;border:1px solid var(--line);}
.setup-wizard-entry-card h2{margin-bottom:8px;}
.setup-wizard-modal-card{width:min(1040px,calc(100vw - 44px));max-height:calc(100vh - 44px);overflow:auto;background:#101827;color:#e5e7eb;border:1px solid #26364f;border-radius:24px;}
.wizard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;}
.wizard-head-actions{display:flex;align-items:center;gap:10px;}
#setupWizardCloseBtn{width:36px;height:36px;padding:0;border-radius:999px;}
.wizard-progress{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px;}
.wizard-progress span{font-size:12px;padding:6px 10px;border-radius:999px;background:#17233a;color:#94a3b8;border:1px solid #334155;}
.wizard-progress span.active{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd;font-weight:800;}
.wizard-progress span.done{background:#143323;color:#bbf7d0;border-color:#166534;}
.wizard-body{min-height:340px;}
.wizard-screen h3{margin-top:0;margin-bottom:12px;}
.wizard-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0;}
.wizard-choice-card{display:flex;flex-direction:column;gap:7px;text-align:left;border:1px solid #334155;background:#17233a;border-radius:16px;padding:16px;cursor:pointer;color:#e5e7eb;box-shadow:0 8px 22px rgba(0,0,0,.12);transition:opacity .15s,border-color .15s,background .15s,transform .15s;}
.wizard-choice-card:hover{border-color:#60a5fa;background:#1c2b45;}
.wizard-choice-card.selected{border-color:#60a5fa;background:#17304f;box-shadow:0 0 0 2px rgba(96,165,250,.18);}
.wizard-choice-card.dimmed{opacity:.46;}
.wizard-choice-card.disabled{opacity:.38;cursor:not-allowed;}
.wizard-choice-card span{color:#cbd5e1;font-size:13px;line-height:1.45;}
.wizard-choice-card small{color:#94a3b8;font-size:12px;line-height:1.4;}
.wizard-form-stack{display:grid;gap:10px;max-width:720px;}
.wizard-form-stack textarea,.wizard-screen textarea{width:100%;resize:vertical;background:#0b1220;color:#e5e7eb;border-color:#334155;}
.wizard-screen input,.wizard-screen select{background:#0b1220;color:#e5e7eb;border-color:#334155;}
.wizard-screen input::placeholder,.wizard-screen textarea::placeholder{color:#64748b;}
.required-dot,.optional-dot{font-size:10px;color:#93c5fd;margin-left:6px;text-transform:none;letter-spacing:0;}
.optional-dot{color:#94a3b8;}
.wizard-upload-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed #334155;background:#0b1220;padding:14px;border-radius:14px;margin:12px 0;color:#cbd5e1;}
.wizard-inspiration-list{display:grid;gap:10px;margin:12px 0;}
.wizard-inspiration-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 40px;gap:10px;align-items:center;}
.wizard-row-icon{width:40px;height:40px;padding:0;border-radius:12px;}
.wizard-segment-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;}
.wizard-chip-option{display:inline-flex;align-items:center;gap:8px;border:1px solid #334155;background:#17233a;color:#e5e7eb;border-radius:999px;padding:9px 12px;margin:0;cursor:pointer;text-transform:none;letter-spacing:0;font-size:13px;font-weight:850;}
.wizard-chip-option input{width:auto;margin:0;accent-color:#60a5fa;}
.wizard-chip-option.selected{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd;}
.wizard-api-profile-block{margin-top:12px;padding-top:10px;border-top:1px solid #223047;}
.wizard-api-profile-block h4{margin:0 0 4px;}
.wizard-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px;}
.wizard-review-grid div{border:1px solid #334155;border-radius:12px;padding:11px;background:#0b1220;display:flex;flex-direction:column;gap:4px;min-height:70px;}
.wizard-review-grid strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;}
.wizard-review-grid span{color:#e5e7eb;min-height:18px;word-break:break-word;}
.wizard-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #223047;padding-top:14px;margin-top:14px;}
.wizard-draft-notice{border:1px solid #334155;background:#0b1220;border-radius:14px;padding:12px;margin:12px 0;color:#cbd5e1;display:grid;gap:8px;}
.wizard-draft-notice strong{color:#e5e7eb;}
@media (max-width:800px){.wizard-choice-grid,.wizard-review-grid,.wizard-inspiration-row{grid-template-columns:1fr}.wizard-head{flex-direction:column}.wizard-body{min-height:auto}.setup-wizard-modal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.wizard-segment-row{align-items:stretch}.wizard-chip-option{justify-content:center}}
/* v1.0.269 wizard polish */
.wizard-screen button.secondary,
.setup-wizard-modal-card button.secondary{background:#17233a;color:#e5e7eb;border:1px solid #334155;box-shadow:none;}
.wizard-screen button.secondary:hover,
.setup-wizard-modal-card button.secondary:hover{background:#1d2d49;border-color:#60a5fa;}
.wizard-method-toggle{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px;}
.wizard-toggle-btn{background:#17233a;color:#dbeafe;border:1px solid #334155;border-radius:12px;padding:9px 13px;font-weight:850;box-shadow:none;}
.wizard-toggle-btn.selected{background:#17304f;color:#bfdbfe;border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.18);}
.wizard-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;}
.wizard-pill-btn{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;background:#17233a;color:#e5e7eb;border:1px solid #334155;border-radius:12px;padding:10px 11px;box-shadow:none;min-height:72px;}
.wizard-pill-btn span{font-size:11px;color:#94a3b8;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.wizard-pill-btn.selected{background:#17304f;color:#bfdbfe;border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.18);}
.wizard-file-list{display:grid;gap:8px;margin:10px 0 14px;}
.wizard-file-row{display:grid;grid-template-columns:1fr auto 40px;gap:10px;align-items:center;background:#0b1220;border:1px solid #334155;border-radius:12px;padding:8px 8px 8px 12px;color:#e5e7eb;}
.wizard-file-row small{color:#94a3b8;}
.wizard-model-picker-card{max-width:820px;}
#wizardModelPickerList{max-height:420px;overflow:auto;display:grid;gap:8px;}
@media (max-width:900px){.wizard-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.wizard-profile-grid{grid-template-columns:1fr}.wizard-file-row{grid-template-columns:1fr 40px}.wizard-file-row small{display:none}}
/* v1.0.273 wizard model picker + API profile polish */
.wizard-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.wizard-pill-btn{min-height:64px;}
#wizardModelPickerModal .wizard-model-picker-card{
  width:min(1180px, calc(100vw - 36px));
  height:min(900px, calc(100vh - 36px));
  max-height:calc(100vh - 36px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:16px;
}
#wizardModelPickerModal .modal-head,
#wizardModelPickerModal .model-picker-toolbar{
  flex:0 0 auto;
  margin-bottom:10px;
}
#wizardModelPickerModal .wizard-model-browser{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:12px;
}
#wizardModelPickerModal .model-picker-families,
#wizardModelPickerModal .model-picker-results .model-model-list{
  max-height:none;
  height:100%;
  overflow:auto;
}
#wizardModelPickerModal .model-picker-results{
  min-height:0;
  display:flex;
  flex-direction:column;
}
#wizardModelPickerModal .model-family-description{
  flex:0 0 auto;
}
#wizardModelPickerModal .model-model-list{
  flex:1 1 auto;
  min-height:0;
}
#wizardModelPickerModal .modal-actions{
  flex:0 0 auto;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #263449;
  background:#0f172a;
  position:sticky;
  bottom:0;
}
@media(max-width:860px){
  #wizardModelPickerModal .wizard-model-browser{grid-template-columns:1fr;}
  #wizardModelPickerModal .model-picker-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;max-height:220px;}
}

/* v1.0.274 API runs panel */
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.panel-title-row h2{margin:0;}
.runs-panel-btn{display:inline-flex;align-items:center;gap:6px;background:#17233a;color:#dbeafe;border:1px solid #334155;box-shadow:none;}
.runs-panel-btn:hover:not(:disabled){background:#1d2d49;border-color:#60a5fa;}
.runs-panel-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;}
.api-runs-modal-card{width:min(1040px,calc(100vw - 44px));max-height:calc(100vh - 44px);overflow:auto;}
.api-runs-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #26364f;margin-bottom:12px;padding-bottom:10px;}
.api-runs-tabs button{background:#17233a;color:#dbeafe;border:1px solid #334155;border-radius:999px;padding:8px 12px;font-weight:850;}
.api-runs-tabs button.active{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd;}
.api-runs-modal-body{display:grid;gap:10px;}
.api-run-row{border:1px solid #334155;border-radius:14px;background:#0b1220;overflow:hidden;}
.api-run-row.running{border-color:rgba(96,165,250,.55);}
.api-run-row.failed{border-color:rgba(248,113,113,.55);}
.api-run-row summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;cursor:pointer;}
.api-run-row summary strong{display:block;color:#e5e7eb;}
.api-run-row summary span small{display:block;color:#94a3b8;margin-top:3px;}
.api-run-row summary em{font-style:normal;font-size:12px;font-weight:900;color:#bfdbfe;background:#17233a;border:1px solid #334155;border-radius:999px;padding:4px 8px;white-space:nowrap;}
.api-run-row summary > small{color:#94a3b8;text-align:right;}
.api-run-row .api-run-actions{padding:0 12px 8px;display:flex;gap:8px;flex-wrap:wrap;}
.api-run-row .api-run-detail-grid{padding:0 12px 12px;}
button.small.danger{background:#7f1d1d;color:#fecaca;border-color:#ef4444;}
@media (max-width:760px){.api-run-row summary{grid-template-columns:1fr}.api-run-row summary > small{text-align:left}.api-runs-modal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}

/* v1.0.275 top-level runs button + project-list scroll */
.sidebar{
  height:100vh;
  min-height:0;
  overflow:hidden;
}
#projectTree.tree{
  flex:1 1 auto;
  min-height:0;
  max-height:100%;
  overflow:auto;
  padding-right:4px;
}
.top-runs-btn{
  width:36px;
  height:36px;
  padding:0;
  border-radius:12px;
  position:relative;
  background:#111b2e;
  color:#dbeafe;
  border:1px solid #334155;
}
.top-runs-btn:hover:not(:disabled){background:#1d2d49;border-color:#60a5fa;}
.top-runs-btn:disabled{opacity:.45;cursor:not-allowed;}
.top-runs-btn .runs-panel-badge{
  position:absolute;
  top:-6px;
  right:-6px;
}
@media (max-width:1000px){
  .sidebar{height:auto;max-height:none;overflow:visible;}
  #projectTree.tree{max-height:50vh;}
}

/* v1.0.276 global runs panel + progress states */
.api-runs-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap;}
.api-runs-scope{display:inline-flex;gap:6px;background:#0b1220;border:1px solid #26364f;border-radius:999px;padding:4px;}
.api-runs-scope button{border:0;background:transparent;color:#94a3b8;border-radius:999px;padding:7px 11px;font-weight:850;}
.api-runs-scope button.active{background:#dbeafe;color:#1d4ed8;}
.api-run-project{display:block;color:#93c5fd!important;margin-top:3px;}
.api-run-row.running summary em{background:#12315d;border-color:#60a5fa;color:#dbeafe;}

/* v1.0.277 setup/build combined overview */
.setup-build-overview-flow{
  width:100%;
}
.setup-build-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:18px;
  align-items:start;
}
.setup-build-main-panel,
.setup-context-panel,
.setup-export-panel{
  min-width:0;
}
.setup-build-overview{
  display:grid;
  gap:14px;
}
.setup-overview-section{
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.44);
  border-radius:16px;
  padding:14px;
}
.setup-overview-section.project-type-first{
  border-color:rgba(96,165,250,.35);
  background:linear-gradient(135deg,rgba(30,64,175,.20),rgba(15,23,42,.46));
}
.setup-overview-section h3{
  margin:0 0 10px;
  font-size:13px;
  color:#e5e7eb;
}
.setup-overview-type-group{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line,rgba(148,163,184,.24));
}
.setup-overview-type-group h4{
  margin:0 0 4px;
  font-size:12px;
  line-height:1.35;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted,#94a3b8);
}

.setup-overview-row{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:12px;
  padding:8px 0;
  border-top:1px solid rgba(148,163,184,.12);
}
.setup-overview-row:first-of-type{ border-top:0; }
.setup-overview-row strong{
  font-size:12px;
  color:#94a3b8;
  font-weight:700;
}
.setup-overview-row span{
  font-size:13px;
  color:#e5e7eb;
  overflow-wrap:anywhere;
}
.setup-overview-row .muted{ color:#64748b; }
.setup-inspiration-item{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:12px;
  background:rgba(2,6,23,.22);
  margin-bottom:8px;
}
.setup-inspiration-item strong{
  color:#dbeafe;
  overflow-wrap:anywhere;
}
.setup-inspiration-item small{
  color:#94a3b8;
  overflow-wrap:anywhere;
}
.setup-context-actions{
  display:grid;
  gap:10px;
  margin:12px 0;
}
.setup-context-summary{
  margin-top:10px;
}
.setup-context-counts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.setup-context-counts div{
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.42);
  border-radius:12px;
  padding:10px;
}
.setup-context-counts strong,
.setup-context-counts span{
  display:block;
}
.setup-context-counts strong{ color:#cbd5e1; font-size:12px; }
.setup-context-counts span{ color:#94a3b8; font-size:12px; margin-top:3px; }
@media(max-width:980px){
  .setup-build-overview-grid{
    grid-template-columns:1fr;
  }
  .setup-overview-row{
    grid-template-columns:1fr;
    gap:4px;
  }
}


/* v1.0.279 setup/build simplification + sidebar inspirations */
.setup-build-overview-grid{
  grid-template-columns:minmax(0,1fr);
}
.setup-side-stack.hidden{display:none!important;}
.setup-export-inline{
  margin-top:16px;
  border-top:1px solid rgba(148,163,184,.18);
  padding-top:14px;
}
.setup-export-inline h3{
  margin:0 0 10px;
  font-size:14px;
  color:#e5e7eb;
}
.setup-context-panel{display:none!important;}
.sidebar-inspirations{
  flex:0 0 auto;
  margin-top:10px;
  border-top:1px solid rgba(148,163,184,.18);
  padding-top:10px;
  max-height:180px;
  overflow:auto;
}
.sidebar-inspiration-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
.sidebar-inspiration-head strong{font-size:12px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;}
.sidebar-inspiration-head small{font-size:11px;color:#94a3b8;}
.sidebar-inspiration-list{display:grid;gap:6px;}
.sidebar-inspiration-row{
  display:grid;
  gap:2px;
  padding:8px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(15,23,42,.42);
  border-radius:10px;
}
.sidebar-inspiration-row span{
  color:#dbeafe;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sidebar-inspiration-row small{color:#94a3b8;font-size:11px;}
@media (max-width:1000px){.sidebar-inspirations{max-height:140px;}}

/* v1.0.280 compact export + split new/import actions */
.sidebar-project-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.sidebar-project-actions button{
  width:100%;
  padding:9px 10px;
}
body.sidebar-collapsed .sidebar-project-actions{
  display:none;
}
.setup-export-inline .setup-export-row{
  display:grid;
  grid-template-columns:minmax(180px, 1fr) auto auto;
  gap:10px;
  align-items:center;
  margin-top:0;
}
.setup-export-inline .setup-export-row select{
  min-width:180px;
}
.setup-export-inline .setup-export-row button{
  white-space:nowrap;
  padding:9px 12px;
}
@media(max-width:760px){
  .setup-export-inline .setup-export-row{
    grid-template-columns:1fr;
  }
}
/* v1.0.281 no-materials idea discovery */
#setupWizardModal.maximized .setup-wizard-modal-card{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px);display:flex;flex-direction:column;}
#setupWizardModal.maximized .wizard-body{flex:1;min-height:0;overflow:auto;}
.wizard-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.wizard-choice-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.wizard-preview-box{display:grid;gap:6px;border:1px solid #334155;background:#0b1220;border-radius:14px;padding:12px;margin-top:12px;color:#cbd5e1;}
.wizard-preview-box strong{color:#e5e7eb;}
.wizard-preview-box small{color:#94a3b8;line-height:1.45;}
.wizard-discovery-actions{margin-top:22px;}
.wizard-discovery-screen{height:100%;display:flex;flex-direction:column;min-height:0;}
.wizard-discovery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.wizard-discovery-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:12px;min-height:300px;flex:1;margin:12px 0;}
.wizard-chat-log{border:1px solid #334155;background:#0b1220;border-radius:16px;padding:12px;display:grid;gap:10px;align-content:start;overflow:auto;max-height:48vh;}
#setupWizardModal.maximized .wizard-chat-log{max-height:none;}
.wizard-chat-message{border:1px solid #243247;background:#101c31;border-radius:14px;padding:10px 12px;color:#dbeafe;}
.wizard-chat-message.user{background:#17304f;border-color:#3b82f6;}
.wizard-chat-message.error{border-color:#ef4444;background:#3b1117;}
.wizard-chat-message strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;margin-bottom:4px;}
.wizard-chat-message p{margin:0;white-space:pre-wrap;}
.wizard-brief-preview{border:1px solid #334155;background:#0b1220;border-radius:16px;padding:12px;color:#cbd5e1;min-height:160px;}
.wizard-brief-preview strong{display:block;color:#e5e7eb;margin-bottom:8px;}
.wizard-brief-preview p{margin:0 0 8px;white-space:pre-wrap;}
.wizard-brief-preview small{color:#94a3b8;}
.wizard-chat-input-row{border-top:1px solid #223047;padding-top:12px;display:grid;gap:10px;}
@media (max-width:900px){.wizard-choice-grid.three,.wizard-choice-grid.four,.wizard-discovery-layout{grid-template-columns:1fr}.wizard-discovery-head{flex-direction:column}.wizard-chat-log{max-height:40vh}}


/* v1.0.280 unified review + advanced First Build settings */
.wizard-footer-spacer{flex:1;}
.wizard-advanced-panel{margin-top:16px;border:1px solid #334155;background:#0b1220;border-radius:16px;padding:14px;display:grid;gap:10px;}
.wizard-advanced-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.wizard-advanced-head h4{margin:0 0 4px;color:#e5e7eb;}
.wizard-advanced-head p{margin:0;}
.wizard-advanced-head>strong{font-size:12px;color:#bfdbfe;background:#17304f;border:1px solid #3b82f6;border-radius:999px;padding:6px 10px;white-space:nowrap;}
.wizard-advanced-model-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;color:#cbd5e1;}
.wizard-preview-box span{color:#dbeafe;line-height:1.5;}
@media(max-width:640px){.wizard-advanced-head{flex-direction:column}.wizard-footer{flex-wrap:wrap}.wizard-footer-spacer{display:none}.wizard-footer button{flex:1}.wizard-footer #wizardAdvancedBtn{flex-basis:100%}}

/* v1.0.282 AI-led discovery finalisation */
.wizard-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;}
.wizard-chat-compose textarea{min-width:0;}
.wizard-chat-compose button{align-self:stretch;min-width:96px;}
@media(max-width:640px){.wizard-chat-compose{grid-template-columns:1fr}.wizard-chat-compose button{justify-self:end;align-self:auto;}}


/* v1.0.283 conversational discovery chat + inline attachments */
.wizard-chat-log{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  background:#0a111e;
}
.wizard-chat-message{
  align-self:flex-start;
  width:fit-content;
  max-width:min(82%,720px);
  border-radius:16px 16px 16px 5px;
  padding:10px 13px;
  box-shadow:0 5px 14px rgba(0,0,0,.14);
}
.wizard-chat-message.user{
  align-self:flex-end;
  background:#dff7e8;
  border-color:#9bd7b0;
  color:#173225;
  border-radius:16px 16px 5px 16px;
}
.wizard-chat-message.user strong{color:#32744b;}
.wizard-chat-message.error{align-self:flex-start;color:#fee2e2;}
.wizard-chat-message strong{
  text-transform:none;
  letter-spacing:0;
  font-size:11px;
  margin-bottom:3px;
}
.wizard-chat-message p{line-height:1.45;}
.wizard-chat-message-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.wizard-chat-file-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  border:1px solid rgba(148,163,184,.35);
  border-radius:999px;
  background:rgba(15,23,42,.42);
  color:inherit;
  padding:5px 9px;
  font-size:11px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.wizard-chat-message.user .wizard-chat-file-chip{background:rgba(255,255,255,.58);border-color:#acd9ba;}
.wizard-chat-pending-files{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#94a3b8;font-size:12px;}
.wizard-chat-file-chip.pending{background:#15243a;color:#dbeafe;border-color:#36506f;padding-right:5px;}
.wizard-chat-file-chip.pending button{width:22px;height:22px;padding:0;border:0;border-radius:999px;background:transparent;color:#94a3b8;box-shadow:none;font-size:17px;line-height:1;}
.wizard-chat-file-chip.pending button:hover{background:#293b55;color:#fff;}
.wizard-chat-compose{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;}
.wizard-chat-attach-btn{
  width:46px;
  min-width:46px;
  padding:0;
  border-radius:14px;
  background:#17233a;
  color:#dbeafe;
  border:1px solid #334155;
  box-shadow:none;
  font-size:19px;
}
.wizard-chat-attach-btn:hover:not(:disabled){background:#1d2d49;border-color:#60a5fa;}
.wizard-chat-compose textarea{min-height:72px;}
.wizard-brief-attachment-count{margin:10px 0;padding:8px 10px;border-radius:10px;background:#15243a;color:#bfdbfe;font-size:12px;}
@media(max-width:640px){
  .wizard-chat-compose{grid-template-columns:minmax(0,1fr) auto;}
  .wizard-chat-attach-btn{width:42px;min-width:42px;}
  .wizard-chat-compose button.primary{min-width:72px;justify-self:stretch;align-self:stretch;}
  .wizard-chat-message{max-width:90%;}
}


/* v1.0.284 finalised discovery is read-only */
.wizard-chat-compose.finalised{opacity:.72;}
.wizard-chat-compose.finalised textarea{background:#0f172a;color:#94a3b8;}


/* v1.0.287 project-image Workspace upload/retry cleanup */
.workspace-image-selection{
  display:flex;
  align-items:center;
  gap:10px;
  margin:8px 0 2px;
  padding:9px 10px;
  border:1px solid #334155;
  border-radius:12px;
  background:#0b1220;
}
.workspace-image-selection.hidden{display:none!important;}
.workspace-image-selection img{
  width:46px;
  height:46px;
  object-fit:cover;
  border-radius:9px;
  border:1px solid #334155;
  background:#fff;
}
.workspace-image-selection span{
  display:grid;
  gap:2px;
  min-width:0;
  flex:1;
}
.workspace-image-selection small{color:#94a3b8;}
.workspace-image-selection strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.modal.workspace-image-mode #assetPickerUploadKind,
.modal.workspace-image-mode #assetPickerSource,
.modal.workspace-image-mode #assetPickerType,
.modal.workspace-image-mode #assetPickerKindTabs{
  display:none!important;
}
.modal.workspace-image-mode .asset-picker-filters{grid-template-columns:1fr;}
.modal.workspace-image-mode .asset-picker-upload-row{grid-template-columns:minmax(0,1fr) auto;}
.modal.workspace-image-mode .asset-picker-upload-row #assetPickerUploadBtn{min-width:110px;}
.workspace-image-pick-item{align-items:center;}
.workspace-image-picker-thumb{
  width:72px;
  height:56px;
  object-fit:cover;
  border-radius:9px;
  border:1px solid #334155;
  background:#fff;
  flex:0 0 auto;
}

/* v1.0.291 manual Roadmap Explorer editing */
.roadmap-manual-edit-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border:1px solid rgba(96,165,250,.3);
  border-radius:12px;
  background:rgba(30,64,175,.12);
}
.roadmap-manual-edit-banner>div{display:grid;gap:2px;min-width:0;}
.roadmap-manual-edit-banner strong{color:#dbeafe;font-size:12px;}
.roadmap-manual-edit-banner span{color:#94a3b8;font-size:11px;line-height:1.4;}
.manual-roadmap-tree{gap:9px;}
.roadmap-manual-node-row{
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  padding:6px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:10px;
  background:rgba(2,6,23,.5);
}
.roadmap-manual-node-row.active{border-color:rgba(96,165,250,.52);background:rgba(30,64,175,.12);}
.roadmap-inline-main{display:flex;align-items:center;gap:6px;min-width:0;}
.roadmap-inline-node-select{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  min-width:78px;
  padding:5px 6px;
  border:0;
  background:transparent;
  color:#bfdbfe;
  cursor:pointer;
  text-align:left;
}
.roadmap-inline-node-select strong{font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;}
.roadmap-inline-title-input{
  width:100%;
  min-width:120px;
  height:31px;
  padding:5px 8px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:7px;
  background:#020617;
  color:#f8fafc;
  font:inherit;
  font-size:12px;
}
.roadmap-inline-title-input:focus{outline:2px solid rgba(96,165,250,.3);border-color:#60a5fa;}
.roadmap-inline-title-input:disabled{opacity:.55;cursor:not-allowed;}
.roadmap-inline-save,
.roadmap-inline-btn{
  min-height:29px;
  border:1px solid rgba(96,165,250,.28);
  border-radius:7px;
  background:rgba(30,64,175,.13);
  color:#dbeafe;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.roadmap-inline-save{width:31px;padding:0;flex:0 0 auto;font-size:13px;}
.roadmap-inline-btn{padding:4px 7px;}
.roadmap-inline-save:hover:not(:disabled),.roadmap-inline-btn:hover:not(:disabled){border-color:#60a5fa;background:rgba(37,99,235,.23);}
.roadmap-inline-save:disabled,.roadmap-inline-btn:disabled{opacity:.3;cursor:not-allowed;}
.roadmap-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap;}
.roadmap-manual-edit-mode .phase-explorer-tree{min-width:0;}
.roadmap-manual-edit-mode .phase-tree-children{margin-left:18px;}
@media (max-width:900px){
  .roadmap-manual-edit-banner{align-items:flex-start;flex-direction:column;}
  .roadmap-manual-node-row{grid-template-columns:1fr;}
  .roadmap-inline-actions{justify-content:flex-start;padding-left:84px;}
  .roadmap-manual-node-row .roadmap-node-status-label{padding-left:84px;}
}

/* v1.0.292 useful version history */

/* v1.0.293 customer version history and compact API retention */

/* Recoverable first-build projects */
.project-card.project-awaiting-build{border-color:#475569;background:#111827}
.project-card.project-awaiting-build.active{border-color:#60a5fa;background:#111b2e}
.project-build-state{display:inline-flex;width:max-content;margin-top:7px;padding:3px 8px;border:1px solid #475569;border-radius:999px;background:#1e293b;color:#cbd5e1;font-size:11px;font-weight:700}
.first-build-recovery-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;padding:20px;border:1px solid #334155;border-radius:16px;background:#111827}
.first-build-recovery-card.is-problem{border-color:#7c2d12;background:#24160f}
.first-build-recovery-copy{min-width:0}
.first-build-recovery-copy h3{margin:3px 0 6px;color:#f8fafc}
.first-build-recovery-copy p{margin:0;color:#cbd5e1;max-width:720px}
.first-build-recovery-copy small{display:block;margin-top:9px;color:#fdba74;overflow-wrap:anywhere}
.first-build-recovery-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#60a5fa}
.first-build-recovery-card.is-problem .first-build-recovery-kicker{color:#fb923c}
.first-build-recovery-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:0 0 auto}
button.danger.subtle{background:transparent;color:#b91c1c;border-color:#fecaca}
.first-build-recovery-advanced-card{width:min(920px,calc(100vw - 44px));max-width:none}
#firstBuildRecoveryAdvancedBody .wizard-advanced-panel{margin-top:0}
@media(max-width:900px){.first-build-recovery-card{flex-direction:column}.first-build-recovery-actions{justify-content:flex-start}}

/* v1.0.302 custom API model picker width and readable descriptions */
#wizardModelPickerModal .wizard-model-picker-card{
  width:min(1320px, calc(100vw - 36px));
  max-width:1320px;
}
#wizardModelPickerModal .wizard-model-browser{
  grid-template-columns:230px minmax(0,1fr);
}
#wizardModelPickerModal .model-choice-flat{
  grid-template-columns:minmax(170px,.75fr) minmax(240px,1.65fr) 68px;
  align-items:start;
}
#wizardModelPickerModal .model-choice-description{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
@media(max-width:860px){
  #wizardModelPickerModal .wizard-model-picker-card{
    width:calc(100vw - 20px);
    max-width:none;
  }
  #wizardModelPickerModal .wizard-model-browser{
    grid-template-columns:1fr;
  }
  #wizardModelPickerModal .model-choice-flat{
    grid-template-columns:1fr;
  }
}


/* v1.0.303 safe version deletion and dependency tree */
.version-delete-warning>p{
  margin:0 0 14px;
  color:#cbd5e1;
}
.version-dependency-tree,
.version-dependency-tree ul{
  list-style:none;
  margin:0;
  padding:0;
}
.version-dependency-tree ul{
  margin-left:16px;
  padding-left:16px;
  border-left:1px solid #334155;
}
.version-dependency-node{
  position:relative;
  margin:8px 0;
}
.version-dependency-tree ul>.version-dependency-node::before{
  content:'';
  position:absolute;
  left:-16px;
  top:18px;
  width:12px;
  border-top:1px solid #334155;
}
.version-dependency-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:9px 11px;
  border:1px solid #334155;
  border-radius:9px;
  background:#111827;
}
.version-dependency-node.root>.version-dependency-copy{
  border-color:#7f1d1d;
  background:#1f1518;
}
.version-dependency-copy strong{
  color:#f8fafc;
}
.version-dependency-copy span{
  color:#94a3b8;
  font-size:12px;
  text-align:right;
}

/* v1.0.304 usable material baseline validation */
.wizard-material-warning {
  padding: 10px 12px;
  border: 1px solid rgba(245, 158, 11, .38);
  border-radius: 10px;
  background: rgba(120, 53, 15, .24);
  color: var(--text, #f3f4f6);
  font-size: 13px;
  line-height: 1.45;
}


/* v1.0.305 export moved to Version Explorer and compact Workspace header */
.version-picker-head-actions{
  display:flex;
  align-items:center;
  gap:18px;
}
.version-picker-head-actions #versionPickerExportBtn{
  min-width:88px;
}
body.workspace-tab-active .topbar-left{
  min-width:0;
}
body.workspace-tab-active .title-row{
  gap:0;
}
@media(max-width:720px){
  .version-picker-head-actions{gap:10px;}
}

/* v1.0.311 customer storage node status */
.storage-node-strip{
  display:grid;
  grid-template-columns:1.4fr .8fr 1fr;
  gap:10px;
  margin:8px 0 12px;
  padding:10px;
  border:1px solid #334155;
  border-radius:14px;
  background:rgba(15,23,42,.78);
}
.storage-node-strip span{display:flex;flex-direction:column;gap:3px;min-width:0;}
.storage-node-strip strong{color:#f8fafc;font-size:13px;}
.storage-node-strip small{color:#94a3b8;font-size:11px;overflow-wrap:anywhere;}
.storage-node-strip.online{border-color:rgba(34,197,94,.35);}
.storage-node-strip.offline{border-color:rgba(239,68,68,.35);}
@media(max-width:760px){.storage-node-strip{grid-template-columns:1fr;}}

/* v1.0.313 subscription-aware project types */
.wizard-choice-grid.one{grid-template-columns:1fr}

/* v1.0.319 central storage and published Site versions */
.published-project-chip,
.published-version-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border:1px solid rgba(74,222,128,.35);
  border-radius:999px;
  background:rgba(22,101,52,.28);
  color:#bbf7d0;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
  white-space:nowrap;
}
.published-project-chip{ margin-left:6px; }
.version-pick-copy strong .published-version-badge{ margin-left:8px; vertical-align:middle; }
.workspace-published-badge{align-self:center;margin-left:1px;margin-right:1px;min-height:24px;padding:3px 8px;font-size:9px;}
.version-pick-row.published{ box-shadow:inset 3px 0 0 rgba(74,222,128,.65); }
.published-version-detail{
  border-color:rgba(74,222,128,.28);
  background:rgba(22,101,52,.12);
}
.published-version-detail a{
  display:block;
  margin-top:8px;
  color:#86efac;
  overflow-wrap:anywhere;
}
.published-version-detail span{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
}


/* v1.0.320 reliable Site publishing controls and project deletion */
.version-picker-head-actions #versionPickerDeleteProjectBtn{
  min-width:118px;
  margin-right:8px;
}
.project-delete-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.project-delete-summary span{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:11px 12px;
  border:1px solid #334155;
  border-radius:12px;
  background:#0b1220;
  color:#cbd5e1;
}
.project-delete-summary b{
  color:#f8fafc;
  font-size:18px;
}
@media(max-width:720px){
  .version-picker-head-actions{flex-wrap:wrap;justify-content:flex-end;}
  .version-picker-head-actions #versionPickerDeleteProjectBtn{margin-right:0;}
  .project-delete-summary{grid-template-columns:1fr;}
}

/* v1.0.324 one-click launch, compact runs and live progress patching */
.handoff-modal-card{
  width:min(760px,calc(100vw - 32px));
}
.handoff-modal-card .prompt-box{
  min-height:110px;
  max-height:180px;
  resize:none;
  font-size:12px;
  line-height:1.45;
}
.handoff-launch-actions{
  justify-content:flex-end;
}
.handoff-launch-actions #openChatGptBtn{
  min-width:190px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}
.handoff-open-agent-icon{
  width:24px;
  height:24px;
  object-fit:contain;
  flex:0 0 24px;
}

.api-runs-modal-card{
  width:min(1160px,calc(100vw - 44px));
  max-height:calc(100vh - 44px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.api-runs-modal-card .modal-head,
.api-runs-modal-card .api-runs-toolbar,
.api-runs-modal-card .api-runs-tabs{
  flex:0 0 auto;
}
.api-runs-modal-body{
  min-height:0;
  overflow:auto;
  padding-right:3px;
}
.api-run-row{
  border:1px solid #334155;
  border-radius:14px;
  background:#0b1220;
  overflow:hidden;
}
.api-run-summary-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(190px,auto);
  gap:10px 14px;
  align-items:center;
  padding:14px;
}
.api-run-heading{
  min-width:0;
}
.api-run-heading > strong{
  display:block;
  color:#f8fafc;
  font-size:15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.api-run-heading > small{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.api-run-summary-grid > em{
  justify-self:end;
  font-style:normal;
  font-size:12px;
  font-weight:900;
  color:#dbeafe;
  background:#12315d;
  border:1px solid #60a5fa;
  border-radius:999px;
  padding:5px 10px;
  white-space:nowrap;
}
.api-run-summary-grid > small[data-run-time]{
  justify-self:end;
  color:#94a3b8;
  text-align:right;
  white-space:nowrap;
  font-size:11px;
}
.api-run-live-progress{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px 12px;
  border:1px solid #26364f;
  border-radius:10px;
  background:#08101d;
}
.api-run-live-progress > span{
  color:#93a4bc;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  padding-top:2px;
}
.api-run-live-progress > strong{
  color:#dbeafe;
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.api-run-row .api-run-actions{
  border-top:1px solid #263449;
  background:#07111f;
  padding:9px 12px;
  display:flex;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.api-run-row .api-run-detail-grid{
  padding:0;
}
.api-run-row.failed .api-run-summary-grid > em{
  background:#4c151c;
  border-color:#ef4444;
  color:#fecaca;
}
@media(max-width:780px){
  .api-runs-modal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
  .api-run-summary-grid{grid-template-columns:minmax(0,1fr) auto;}
  .api-run-summary-grid > small[data-run-time]{grid-column:1/-1;justify-self:start;text-align:left;white-space:normal;}
  .api-run-heading > strong,.api-run-heading > small{white-space:normal;}
  .api-run-live-progress{grid-template-columns:1fr;gap:4px;}
}

/* v1.0.326 one-click source extraction, progress history and completion refresh */
.api-run-progress-history{
  grid-column:1/-1;
  padding:12px!important;
}
.api-run-progress-history > strong{
  margin-bottom:8px;
}
.api-run-progress-history ol{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px;
}
.api-run-progress-history li{
  display:grid;
  grid-template-columns:minmax(150px,auto) minmax(100px,auto) minmax(0,1fr);
  gap:10px;
  align-items:start;
  border:1px solid #26364f;
  border-radius:9px;
  background:#08101d;
  padding:8px 10px;
}
.api-run-progress-history li small{
  color:#7f8da3;
  font-size:10px;
  white-space:nowrap;
}
.api-run-progress-history li strong{
  color:#bfdbfe;
  font-size:11px;
  margin:0;
  text-transform:none;
  letter-spacing:0;
}
.api-run-progress-history li span{
  color:#dbeafe;
  font-size:11px;
}
@media(max-width:720px){
  .api-run-progress-history li{grid-template-columns:1fr;gap:3px;}
}

/* v1.0.330 Runs modal scrolling */
.api-runs-modal-card{
  height:min(900px,calc(100vh - 44px));
}
.api-runs-modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-bottom:14px;
}
@media(max-width:780px){
  .api-runs-modal-card{height:calc(100vh - 20px)}
}

/* v1.0.342 runtime persistence note */
.runtime-persistence-note{
  margin:0 0 10px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel-soft, #f8fafc);
}


/* v1.0.1023 compact handoff actions on small screens */
@media(max-width:620px){
  .handoff-launch-actions{justify-content:stretch;}
  .handoff-launch-actions button{flex:1 1 100%;}
}

/* v1.0.369 simplified setup wizard */
/* v1.0.370 discovery uses setup materials without a duplicate picker */
.wizard-mode-label{display:inline-block;margin-left:8px;color:#7dd3fc;font-size:.72em;font-weight:700;letter-spacing:.02em;vertical-align:middle}
.wizard-source-context{display:grid;gap:14px;margin-top:16px}
.wizard-context-section{border:1px solid #334155;background:#0b1220;border-radius:16px;padding:14px;display:grid;gap:10px}
.wizard-context-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wizard-context-heading h4{margin:0 0 4px}
.wizard-advanced-model-list{display:grid;gap:6px;margin-top:10px;color:#cbd5e1;font-size:13px}
.wizard-advanced-model-actions{display:flex;justify-content:flex-end;margin-top:10px}
@media (max-width:800px){.wizard-context-heading{flex-direction:column}.wizard-context-heading>button{width:100%}.wizard-mode-label{display:block;margin:4px 0 0}}

/* v1.0.371 user appearance + modern visual system */
.appearance-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.appearance-option{
  min-width:0;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:10px;
  text-align:left;
  background:#0b1220;
  border:1px solid #2b3a52;
}
.appearance-option > span:last-child{min-width:0;display:grid;gap:2px;}
.appearance-option strong{font-size:13px;line-height:1.15;}
.appearance-option small{font-size:10px;line-height:1.25;color:#94a3b8;font-weight:600;}
.appearance-option.selected{
  border-color:#60a5fa;
  box-shadow:0 0 0 3px rgba(59,130,246,.16);
}
.appearance-preview{
  position:relative;
  width:54px;
  height:38px;
  overflow:hidden;
  border-radius:9px;
  border:1px solid rgba(100,116,139,.34);
  display:block;
}
.appearance-preview i,
.appearance-preview b,
.appearance-preview em{position:absolute;display:block;content:"";font-style:normal;}
.appearance-preview i{left:0;top:0;bottom:0;width:14px;}
.appearance-preview b{left:19px;right:5px;top:6px;height:7px;border-radius:4px;}
.appearance-preview em{left:19px;right:5px;top:18px;bottom:5px;border-radius:5px;}
.appearance-preview-legacy{background:#0b1020;}
.appearance-preview-legacy i{background:#070b16;}
.appearance-preview-legacy b{background:#1d4ed8;}
.appearance-preview-legacy em{background:#111b2e;border:1px solid #223047;}
.appearance-preview-light{background:#edf3fa;}
.appearance-preview-light i{background:#f8fbff;}
.appearance-preview-light b{background:#3978ed;}
.appearance-preview-light em{background:#fff;border:1px solid #d7e2ef;}
.appearance-preview-dark{background:#07111f;}
.appearance-preview-dark i{background:#091522;}
.appearance-preview-dark b{background:#22a6f2;}
.appearance-preview-dark em{background:#102238;border:1px solid #27405d;}
@media(max-width:760px){.appearance-options{grid-template-columns:1fr;}}

html[data-appearance="light"]{
  color-scheme:light;
  --bg:#edf3f9;
  --panel:#ffffff;
  --panel2:#f5f8fc;
  --card:#ffffff;
  --text:#142238;
  --dark:#142238;
  --muted:#687892;
  --line:#d7e1ed;
  --blue:#2f6fed;
  --teal:#0f9f9c;
  --bad:#dc3545;
  --shadow:0 10px 28px rgba(30,55,90,.08);
  --border:#d7e1ed;
}
html[data-appearance="dark"]{
  color-scheme:dark;
  --bg:#07111f;
  --panel:#0f1d2f;
  --panel2:#102238;
  --card:#13263c;
  --text:#e8f1fb;
  --dark:#e8f1fb;
  --muted:#91a4ba;
  --line:#263b55;
  --blue:#3b82f6;
  --teal:#22b8b2;
  --bad:#fb7185;
  --shadow:0 16px 36px rgba(0,0,0,.26);
  --border:#263b55;
}

html[data-appearance="light"] body,
html[data-appearance="dark"] body{
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 88% -10%, rgba(59,130,246,.09), transparent 34rem),
    var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html[data-appearance="light"] body{background:linear-gradient(180deg,#eef4fa 0,#edf3f9 38%,#e9f0f7 100%);}
html[data-appearance="dark"] body{background:radial-gradient(circle at 80% -10%,rgba(37,99,235,.13),transparent 32rem),#07111f;}

html[data-appearance="light"] :where(h1,h2,h3,h4,strong),
html[data-appearance="dark"] :where(h1,h2,h3,h4,strong){color:var(--text);}
html[data-appearance="light"] :where(.hint,small,.side-note,.project-meta,.asset-item small,.backlog-item small),
html[data-appearance="dark"] :where(.hint,small,.side-note,.project-meta,.asset-item small,.backlog-item small){color:var(--muted);}
html[data-appearance="light"] label,
html[data-appearance="dark"] label{
  color:var(--muted);
  letter-spacing:.075em;
  font-size:11px;
}

html[data-appearance="light"] .app,
html[data-appearance="dark"] .app{grid-template-columns:264px minmax(0,1fr);}
html[data-appearance="light"] .sidebar,
html[data-appearance="dark"] .sidebar{
  padding:16px 13px;
  gap:12px;
  border-right:1px solid var(--line);
  box-shadow:8px 0 30px rgba(28,52,82,.035);
}
html[data-appearance="light"] .sidebar{background:rgba(248,251,255,.96);}
html[data-appearance="dark"] .sidebar{background:rgba(8,20,33,.96);}
html[data-appearance="light"] .brand,
html[data-appearance="dark"] .brand{padding:3px 5px 12px;border-bottom:1px solid var(--line);}
html[data-appearance="light"] .brand-copy strong,
html[data-appearance="dark"] .brand-copy strong{font-size:15px;letter-spacing:-.01em;}
html[data-appearance="light"] .logo,
html[data-appearance="dark"] .logo{
  width:38px;height:38px;border-radius:12px;
  background:linear-gradient(145deg,var(--blue),var(--teal));
  box-shadow:0 7px 18px rgba(47,111,237,.20);
}
html[data-appearance="light"] .project-search,
html[data-appearance="dark"] .project-search{border-radius:10px;min-height:38px;}
html[data-appearance="light"] .tree,
html[data-appearance="dark"] .tree{gap:6px;padding-right:2px;}
html[data-appearance="light"] .project-card,
html[data-appearance="dark"] .project-card{
  position:relative;
  border-radius:12px;
  padding:11px 10px 10px 13px;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
html[data-appearance="light"] .project-card{background:#fff;border-color:#dce5ef;}
html[data-appearance="dark"] .project-card{background:#0d1b2c;border-color:#21364e;}
html[data-appearance="light"] .project-card:hover,
html[data-appearance="dark"] .project-card:hover{transform:translateY(-1px);border-color:#8db6fb;}
html[data-appearance="light"] .project-card.active,
html[data-appearance="dark"] .project-card.active{
  border-color:#7aa8f5;
  box-shadow:0 0 0 2px rgba(59,130,246,.10);
}
html[data-appearance="light"] .project-card.active::before,
html[data-appearance="dark"] .project-card.active::before{
  content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:3px;border-radius:4px;background:var(--blue);
}
html[data-appearance="light"] .version-chip,
html[data-appearance="dark"] .version-chip{border:1px solid var(--line);background:transparent;color:var(--muted);}
html[data-appearance="light"] .version-chip.active,
html[data-appearance="dark"] .version-chip.active{background:rgba(59,130,246,.12);color:var(--blue);border-color:rgba(59,130,246,.35);}

html[data-appearance="light"] .topbar,
html[data-appearance="dark"] .topbar{
  min-height:74px;
  padding:14px 22px;
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);
  box-shadow:0 4px 20px rgba(28,52,82,.035);
}
html[data-appearance="light"] .topbar{background:rgba(255,255,255,.86);}
html[data-appearance="dark"] .topbar{background:rgba(9,23,38,.88);}
html[data-appearance="light"] #title,
html[data-appearance="dark"] #title{font-size:21px;letter-spacing:-.02em;}
html[data-appearance="light"] #workArea,
html[data-appearance="dark"] #workArea{padding:20px;}

html[data-appearance="light"] button,
html[data-appearance="light"] .button,
html[data-appearance="dark"] button,
html[data-appearance="dark"] .button{
  border-radius:10px;
  padding:9px 13px;
  font-weight:750;
  box-shadow:none;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
html[data-appearance="light"] button,
html[data-appearance="light"] .button{background:#fff;border-color:#d4deea;color:#21324a;}
html[data-appearance="dark"] button,
html[data-appearance="dark"] .button{background:#13263c;border-color:#2c4561;color:#e5eef8;}
html[data-appearance="light"] button:hover,
html[data-appearance="light"] .button:hover,
html[data-appearance="dark"] button:hover,
html[data-appearance="dark"] .button:hover{transform:translateY(-1px);border-color:#6ea0f4;box-shadow:0 5px 14px rgba(47,111,237,.09);}
html[data-appearance="light"] .primary,
html[data-appearance="dark"] .primary{
  color:#fff;border-color:transparent;
  background:linear-gradient(135deg,#2f6fed,#168eae);
  box-shadow:0 7px 16px rgba(47,111,237,.18);
}
html[data-appearance="light"] .danger{background:#fff5f5;border-color:#f4b7bd;color:#b42336;}
html[data-appearance="dark"] .danger{background:#3a1721;border-color:#7f3042;color:#fecdd3;}
html[data-appearance="light"] input,
html[data-appearance="light"] textarea,
html[data-appearance="light"] select,
html[data-appearance="dark"] input,
html[data-appearance="dark"] textarea,
html[data-appearance="dark"] select{
  border-radius:10px;
  border:1px solid var(--line);
  box-shadow:0 1px 2px rgba(20,34,56,.025);
}
html[data-appearance="light"] input,
html[data-appearance="light"] textarea,
html[data-appearance="light"] select{background:#fff;color:#142238;}
html[data-appearance="dark"] input,
html[data-appearance="dark"] textarea,
html[data-appearance="dark"] select{background:#0b192a;color:#e8f1fb;border-color:#2b425d;}
html[data-appearance="light"] input:focus,
html[data-appearance="light"] textarea:focus,
html[data-appearance="light"] select:focus,
html[data-appearance="dark"] input:focus,
html[data-appearance="dark"] textarea:focus,
html[data-appearance="dark"] select:focus{outline:0;border-color:#5e91ed;box-shadow:0 0 0 3px rgba(59,130,246,.12);}

html[data-appearance="light"] .tabs,
html[data-appearance="dark"] .tabs{gap:5px;}
html[data-appearance="light"] .tabs button,
html[data-appearance="dark"] .tabs button{
  position:relative;
  padding:8px 11px;
  background:transparent;
  border-color:transparent;
  color:var(--muted);
}
html[data-appearance="light"] .tabs button.active,
html[data-appearance="dark"] .tabs button.active{
  background:rgba(47,111,237,.10);
  border-color:rgba(47,111,237,.20);
  color:var(--blue);
}
html[data-appearance="light"] .tabs button.active::after,
html[data-appearance="dark"] .tabs button.active::after{
  content:"";position:absolute;left:11px;right:11px;bottom:3px;height:2px;border-radius:3px;background:var(--blue);
}

html[data-appearance="light"] :where(.panel,.right-panel,.preview-panel,.empty-card,.modal-card,.account-profile-card,.account-section-card,.design-step-card,.build-step-content-card,.build-execution-card,.setup-context-summary,.manual-inspiration-card,.automation-mode-card,.muted-card,.phase-preview-panel,.phase-questions-panel,.handoff-review-panel,.version-change-panel),
html[data-appearance="dark"] :where(.panel,.right-panel,.preview-panel,.empty-card,.modal-card,.account-profile-card,.account-section-card,.design-step-card,.build-step-content-card,.build-execution-card,.setup-context-summary,.manual-inspiration-card,.automation-mode-card,.muted-card,.phase-preview-panel,.phase-questions-panel,.handoff-review-panel,.version-change-panel){
  border:1px solid var(--line);
  border-radius:17px;
  box-shadow:var(--shadow);
}
html[data-appearance="light"] :where(.panel,.right-panel,.preview-panel,.empty-card,.modal-card,.account-profile-card,.account-section-card,.design-step-card,.build-step-content-card,.build-execution-card,.setup-context-summary,.manual-inspiration-card,.automation-mode-card,.muted-card,.phase-preview-panel,.phase-questions-panel,.handoff-review-panel,.version-change-panel){background:#fff;color:#142238;}
html[data-appearance="dark"] :where(.panel,.right-panel,.preview-panel,.empty-card,.modal-card,.account-profile-card,.account-section-card,.design-step-card,.build-step-content-card,.build-execution-card,.setup-context-summary,.manual-inspiration-card,.automation-mode-card,.muted-card,.phase-preview-panel,.phase-questions-panel,.handoff-review-panel,.version-change-panel){background:#0f1e31;color:#e8f1fb;}
html[data-appearance="light"] :where(.asset-item,.backlog-item,.bundle-item,.selected-box,.reference-url-panel,.section-panel-body,.version-change-summary,.build-context-summary),
html[data-appearance="dark"] :where(.asset-item,.backlog-item,.bundle-item,.selected-box,.reference-url-panel,.section-panel-body,.version-change-summary,.build-context-summary){
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:none;
}
html[data-appearance="light"] :where(.asset-item,.backlog-item,.bundle-item,.selected-box,.reference-url-panel,.section-panel-body,.version-change-summary,.build-context-summary){background:#f7f9fc;color:#26374e;}
html[data-appearance="dark"] :where(.asset-item,.backlog-item,.bundle-item,.selected-box,.reference-url-panel,.section-panel-body,.version-change-summary,.build-context-summary){background:#0b192a;color:#d8e5f3;}

html[data-appearance="light"] :where(.section-head-row,.panel-title-row,.account-section-head,.right-panel-head),
html[data-appearance="dark"] :where(.section-head-row,.panel-title-row,.account-section-head,.right-panel-head){padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:14px;}
html[data-appearance="light"] :where(.section-head-row h2,.panel-title-row h2,.account-section-head h3)::before,
html[data-appearance="dark"] :where(.section-head-row h2,.panel-title-row h2,.account-section-head h3)::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin:0 8px 2px 0;box-shadow:0 0 0 4px rgba(59,130,246,.10);
}
html[data-appearance="light"] :where(.design-step-card,.build-step-content-card,.build-execution-card),
html[data-appearance="dark"] :where(.design-step-card,.build-step-content-card,.build-execution-card){position:relative;overflow:hidden;}
html[data-appearance="light"] :where(.design-step-card,.build-step-content-card,.build-execution-card)::before,
html[data-appearance="dark"] :where(.design-step-card,.build-step-content-card,.build-execution-card)::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--blue),var(--teal));
}
html[data-appearance="light"] .setup-action-icon,
html[data-appearance="dark"] .setup-action-icon{
  background:rgba(47,111,237,.11);
  border:1px solid rgba(47,111,237,.22);
  color:var(--blue);
  box-shadow:none;
}
html[data-appearance="light"] .build-step-tab,
html[data-appearance="light"] .design-mode-tab,
html[data-appearance="dark"] .build-step-tab,
html[data-appearance="dark"] .design-mode-tab{background:transparent;color:var(--muted);border-color:var(--line);}
html[data-appearance="light"] .build-step-tab.active,
html[data-appearance="light"] .design-mode-tab.active,
html[data-appearance="dark"] .build-step-tab.active,
html[data-appearance="dark"] .design-mode-tab.active{background:rgba(47,111,237,.10);color:var(--blue);border-color:rgba(47,111,237,.30);}

html[data-appearance="light"] .modal,
html[data-appearance="dark"] .modal{background:rgba(5,14,28,.48);backdrop-filter:blur(7px);}
html[data-appearance="light"] .menu,
html[data-appearance="dark"] .menu{border-color:var(--line);border-radius:12px;box-shadow:0 18px 38px rgba(14,30,50,.18);}
html[data-appearance="light"] .menu{background:#fff;}
html[data-appearance="dark"] .menu{background:#102238;}
html[data-appearance="light"] .menu button,
html[data-appearance="dark"] .menu button{background:transparent;box-shadow:none;}
html[data-appearance="light"] .account-pill,
html[data-appearance="light"] .provider-pill,
html[data-appearance="dark"] .account-pill,
html[data-appearance="dark"] .provider-pill{border:1px solid var(--line);background:rgba(59,130,246,.08);color:var(--blue);}
html[data-appearance="light"] .account-pill.muted,
html[data-appearance="dark"] .account-pill.muted{color:var(--muted);background:transparent;}
html[data-appearance="light"] .status{color:#2463c7;}
html[data-appearance="dark"] .status{color:#78aefb;}
html[data-appearance="light"] .status.error{color:#b42336;}
html[data-appearance="dark"] .status.error{color:#fda4af;}

html[data-appearance="light"] table,
html[data-appearance="dark"] table{border-collapse:separate;border-spacing:0;width:100%;}
html[data-appearance="light"] th,
html[data-appearance="dark"] th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:rgba(100,116,139,.06);}
html[data-appearance="light"] th,
html[data-appearance="light"] td,
html[data-appearance="dark"] th,
html[data-appearance="dark"] td{border-color:var(--line);}
html[data-appearance="light"] tr:hover td{background:#f7faff;}
html[data-appearance="dark"] tr:hover td{background:#10243a;}

html[data-appearance="light"] code{background:#eaf1fb;color:#17365f;}
html[data-appearance="dark"] code{background:#071421;color:#cfe4fa;border:1px solid #243d58;}
html[data-appearance="light"] .prompt-box{background:#f7f9fc;color:#142238;}
html[data-appearance="dark"] .prompt-box{background:#081523;color:#dbeafa;border-color:#2a425d;}

html[data-appearance="light"] .appearance-option{background:#f8fafc;border-color:#d7e1ed;color:#142238;}
html[data-appearance="dark"] .appearance-option{background:#0b192a;border-color:#2a425d;color:#e8f1fb;}
html[data-appearance="light"] .appearance-option small,
html[data-appearance="dark"] .appearance-option small{color:var(--muted);}
html[data-appearance="light"] .appearance-option.selected,
html[data-appearance="dark"] .appearance-option.selected{background:rgba(47,111,237,.07);border-color:#6798ed;}

html[data-appearance="light"] .login-page,
html[data-appearance="dark"] .login-page{background:var(--bg);}
html[data-appearance="light"] .login-card,
html[data-appearance="dark"] .login-card{border-color:var(--line);box-shadow:0 24px 70px rgba(18,40,68,.16);}
html[data-appearance="light"] .login-card{background:#fff;color:#142238;}
html[data-appearance="dark"] .login-card{background:#0f1e31;color:#e8f1fb;}
html[data-appearance="light"] .login-brand,
html[data-appearance="dark"] .login-brand{color:#fff;background:linear-gradient(145deg,var(--blue),var(--teal));}

@media(max-width:1000px){
  html[data-appearance="light"] .app,
  html[data-appearance="dark"] .app{grid-template-columns:1fr;}
  html[data-appearance="light"] .sidebar,
  html[data-appearance="dark"] .sidebar{box-shadow:none;}
}
html[data-appearance="light"] body.sidebar-collapsed .app,
html[data-appearance="dark"] body.sidebar-collapsed .app{grid-template-columns:68px minmax(0,1fr);}

/* v1.0.372 light appearance contrast + explorer/workspace surface correction */
html[data-appearance="light"]{
  --soft-surface:#f6f9fd;
  --soft-surface-blue:#eef5ff;
  --soft-surface-strong:#e8f1fd;
  --soft-border:#d5e1ef;
  --soft-border-blue:#b9d0f3;
  --soft-text:#263850;
  --soft-muted:#687a93;
}

/* Project setup and build context */
html[data-appearance="light"] .setup-overview-section{
  background:#f8fbff;
  border-color:#d9e5f2;
  box-shadow:0 1px 2px rgba(24,48,78,.025);
}
html[data-appearance="light"] .setup-overview-section.project-type-first{
  background:linear-gradient(135deg,#eef5ff 0%,#f8fbff 72%);
  border-color:#bdd3f3;
}
html[data-appearance="light"] .setup-overview-section h3,
html[data-appearance="light"] .setup-export-inline h3,
html[data-appearance="light"] .setup-mini-flow h3,
html[data-appearance="light"] .build-final-context-block h3{
  color:#142238;
}
html[data-appearance="light"] .setup-overview-row{
  border-top-color:#dfe8f2;
}
html[data-appearance="light"] .setup-overview-row strong{
  color:#62738c;
}
html[data-appearance="light"] .setup-overview-row span{
  color:#17273e;
  font-weight:650;
}
html[data-appearance="light"] .setup-overview-row .muted{
  color:#7b899d;
}
html[data-appearance="light"] .setup-inspiration-item,
html[data-appearance="light"] .setup-context-counts div,
html[data-appearance="light"] .build-context-row,
html[data-appearance="light"] .build-context-design{
  background:#f4f8fd;
  border-color:#d7e3f0;
}
html[data-appearance="light"] .setup-inspiration-item strong,
html[data-appearance="light"] .setup-context-counts strong,
html[data-appearance="light"] .build-context-row span,
html[data-appearance="light"] .build-context-design strong{
  color:#1e314b;
}
html[data-appearance="light"] .setup-inspiration-item small,
html[data-appearance="light"] .setup-context-counts span,
html[data-appearance="light"] .build-context-row strong,
html[data-appearance="light"] .build-context-design p{
  color:#687a93;
}
html[data-appearance="light"] .setup-action-tile,
html[data-appearance="light"] .setup-model-compact,
html[data-appearance="light"] .setup-context-button,
html[data-appearance="light"] .project-entry-panel{
  background:#f7faff;
  border-color:#d4e1ef;
  color:#21344d;
  box-shadow:none;
}
html[data-appearance="light"] .setup-action-tile:hover,
html[data-appearance="light"] .setup-model-compact:hover,
html[data-appearance="light"] .setup-context-button:hover{
  background:#edf5ff;
  border-color:#83abeb;
}
html[data-appearance="light"] .setup-action-tile strong,
html[data-appearance="light"] .setup-model-compact strong,
html[data-appearance="light"] .setup-context-button strong,
html[data-appearance="light"] .project-entry-panel h3{
  color:#172a43;
}
html[data-appearance="light"] .setup-action-tile small,
html[data-appearance="light"] .setup-model-compact small,
html[data-appearance="light"] .setup-context-button small{
  color:#687a93;
}
html[data-appearance="light"] #projectType:disabled,
html[data-appearance="light"] #projectType[aria-readonly="true"]{
  color:#42546d;
  background:#edf3f9;
  border-color:#d3dfec;
  opacity:1;
}
html[data-appearance="light"] .reference-url-panel,
html[data-appearance="light"] .setup-readonly-note,
html[data-appearance="light"] .backlog-note{
  background:#f5f9fe;
  border-color:#d5e2ef;
  color:#2d4059;
}

/* Workspace chrome and controls */
html[data-appearance="light"] .device-switch{
  background:#edf3fa;
  border-color:#cfdeed;
}
html[data-appearance="light"] .device-switch .device-btn{
  background:transparent;
  border-color:transparent;
  color:#61748e;
}
html[data-appearance="light"] .device-btn.active-device{
  background:#fff;
  color:#245ec4;
  border-color:#a9c6ee;
  box-shadow:0 2px 8px rgba(35,83,145,.10);
}
html[data-appearance="light"] .presentation-history-top{
  background:#edf3fa;
  border-color:#cfdeed;
}
html[data-appearance="light"] .presentation-history-top .presentation-history-btn{
  background:transparent;
  border-color:transparent;
  color:#61748e;
  box-shadow:none;
}
html[data-appearance="light"] .presentation-history-top .presentation-history-btn:hover:not(:disabled){
  background:#fff;
  color:#245ec4;
  border-color:#a9c6ee;
  box-shadow:0 2px 8px rgba(35,83,145,.10);
}
html[data-appearance="light"] .presentation-autosave-status{
  color:#61748e;
}
html[data-appearance="light"] #workspaceModeBtn.active-mode{
  background:#e7f8f5;
  border-color:#88d7cc;
  color:#08766f;
}
html[data-appearance="light"] .runtime-bar,
html[data-appearance="light"] .runtime-bar-top{
  background:#f4f8fd;
  border-color:#d4e1ef;
}
html[data-appearance="light"] .runtime-bar strong{color:#1c3049;}
html[data-appearance="light"] .runtime-bar small{color:#6d7f96;}
html[data-appearance="light"] .phase-preview-panel{
  border-bottom-color:#d8e3ef;
}
html[data-appearance="light"] .phase-preview-card,
html[data-appearance="light"] .phase-preview-simple,
html[data-appearance="light"] .phase-preview-minimized,
html[data-appearance="light"] .phase-questions-minimized{
  background:linear-gradient(135deg,#edf5ff,#f8fbff);
  border-color:#bfd4f2;
  color:#213c66;
}
html[data-appearance="light"] .phase-preview-title,
html[data-appearance="light"] .phase-preview-main strong,
html[data-appearance="light"] .phase-preview-simple strong{
  color:#1b2f49;
}
html[data-appearance="light"] .phase-preview-meta,
html[data-appearance="light"] .phase-preview-simple span{
  color:#59708e;
}
html[data-appearance="light"] .phase-preview-meta span{
  background:#fff;
  border-color:#d2e0ef;
}
html[data-appearance="light"] .phase-questions-panel{
  background:#f3f7fd;
  border-color:#cbdcf1;
  box-shadow:none;
}
html[data-appearance="light"] .phase-questions-head{
  border-bottom-color:#d7e3f1;
}
html[data-appearance="light"] .phase-question-section h3,
html[data-appearance="light"] .phase-question-card strong{
  color:#20334d;
}
html[data-appearance="light"] .phase-question-card{
  background:#fff;
  border-color:#d7e3ef;
}
html[data-appearance="light"] .phase-question-blocking{
  background:#fff4f4;
  border-color:#efb3b8;
}
html[data-appearance="light"] .phase-question-current{
  background:#f5f9ff;
  border-color:#bcd2f2;
}
html[data-appearance="light"] .phase-question-future{
  background:#f8f5ff;
  border-color:#d5c8f1;
}
html[data-appearance="light"] .phase-question-section.blocking h3{color:#a52b3b;}
html[data-appearance="light"] .phase-question-section.future h3{color:#6545a6;}
html[data-appearance="light"] .phase-question-card small{color:#73839a;}
html[data-appearance="light"] .ai-changes-blocked-note{
  background:#fff2f3;
  border-color:#efb1b8;
  color:#a5283a;
}

/* AI Changes is one right-rail section, not a card nested inside a card */
html[data-appearance="light"] .right-panel,
html[data-appearance="dark"] .right-panel{
  padding:16px;
}
html[data-appearance="light"] .ai-changes-head,
html[data-appearance="dark"] .ai-changes-head{
  margin:0 0 10px;
  padding:12px 0 10px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
html[data-appearance="light"] #aiChangesBody,
html[data-appearance="dark"] #aiChangesBody{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
html[data-appearance="light"] #selectedBox{
  background:#f5f8fc;
  border-color:#d3e0ed;
  color:#30445e;
}
html[data-appearance="dark"] #selectedBox{
  background:#0b192a;
  border-color:#2a425d;
}
html[data-appearance="light"] .selection-count-box{
  background:#edf4fd;
  border-color:#bfd2eb;
  color:#244a7b;
}
html[data-appearance="light"] .workspace-image-selection,
html[data-appearance="light"] .manual-text-edit-bar{
  background:#fff8ed;
  border-color:#edc98f;
  color:#674717;
}

/* Backlog, event logs and run history */
html[data-appearance="light"] .log-item,
html[data-appearance="light"] .version-change-card,
html[data-appearance="light"] .api-run-row,
html[data-appearance="light"] .processing-idle,
html[data-appearance="light"] .api-run-live-progress,
html[data-appearance="light"] .api-runs-scope{
  background:#f7faff;
  border-color:#d5e2ef;
  color:#263a54;
}
html[data-appearance="light"] .log-title,
html[data-appearance="light"] .version-change-head strong,
html[data-appearance="light"] .api-run-row summary strong,
html[data-appearance="light"] .api-run-heading > strong,
html[data-appearance="light"] .api-run-live-progress > strong,
html[data-appearance="light"] .processing-copy strong{
  color:#182b43;
}
html[data-appearance="light"] .log-detail,
html[data-appearance="light"] .version-change-card p,
html[data-appearance="light"] .version-change-block ul,
html[data-appearance="light"] .api-run-heading > small{
  color:#536981;
}
html[data-appearance="light"] .log-section-title,
html[data-appearance="light"] .version-change-block strong,
html[data-appearance="light"] .api-run-project{
  color:#2f67b6!important;
}
html[data-appearance="light"] .version-change-files span,
html[data-appearance="light"] .version-change-meta span,
html[data-appearance="light"] .api-run-row summary em,
html[data-appearance="light"] .api-run-summary-grid > em{
  background:#eaf3ff;
  border-color:#b7d0f1;
  color:#245aa8;
}
html[data-appearance="light"] .api-run-row .api-run-actions{
  background:#f1f6fc;
  border-top-color:#d6e2ee;
}
html[data-appearance="light"] .api-run-live-progress > span,
html[data-appearance="light"] .api-run-row summary span small,
html[data-appearance="light"] .api-run-row summary > small,
html[data-appearance="light"] .version-change-head small,
html[data-appearance="light"] .log-item small{
  color:#718198;
}
html[data-appearance="light"] .processing-card{
  background:linear-gradient(180deg,#eefbf5,#f7fcfa);
  border-color:#9dd8bb;
  box-shadow:none;
}

/* Wizard: distinguish options and form controls from the white modal */
html[data-appearance="light"] .setup-wizard-entry-card,
html[data-appearance="light"] .setup-wizard-modal-card{
  background:#fff;
  color:#17273e;
  border-color:#d4e0ed;
}
html[data-appearance="light"] .wizard-progress span{
  background:#f0f4f9;
  color:#667890;
  border-color:#d6e1ed;
}
html[data-appearance="light"] .wizard-progress span.active{
  background:#e7f0ff;
  color:#2359ad;
  border-color:#a9c5ed;
}
html[data-appearance="light"] .wizard-progress span.done{
  background:#e9f8ef;
  color:#287347;
  border-color:#a7d8bb;
}
html[data-appearance="light"] .wizard-choice-card{
  background:#f4f8fd;
  border-color:#d0ddec;
  color:#1f324b;
  box-shadow:0 4px 13px rgba(31,61,99,.05);
}
html[data-appearance="light"] .wizard-choice-card:hover{
  background:#edf5ff;
  border-color:#82a9e7;
}
html[data-appearance="light"] .wizard-choice-card.selected{
  background:linear-gradient(135deg,#e7f0ff,#f4f8ff);
  border-color:#5f8edc;
  box-shadow:0 0 0 3px rgba(47,111,237,.10);
}
html[data-appearance="light"] .wizard-choice-card span{
  color:#2c405a;
}
html[data-appearance="light"] .wizard-choice-card small{
  color:#687b93;
}
html[data-appearance="light"] .wizard-form-stack textarea,
html[data-appearance="light"] .wizard-screen textarea,
html[data-appearance="light"] .wizard-screen input,
html[data-appearance="light"] .wizard-screen select{
  background:#f9fbfe;
  color:#17273e;
  border-color:#cfddea;
}
html[data-appearance="light"] .wizard-screen input::placeholder,
html[data-appearance="light"] .wizard-screen textarea::placeholder{
  color:#8997aa;
}
html[data-appearance="light"] .wizard-upload-box,
html[data-appearance="light"] .wizard-review-grid div,
html[data-appearance="light"] .wizard-draft-notice{
  background:#f5f9fe;
  border-color:#ceddea;
  color:#32465f;
}
html[data-appearance="light"] .wizard-review-grid strong{
  color:#64768f;
}
html[data-appearance="light"] .wizard-review-grid span,
html[data-appearance="light"] .wizard-draft-notice strong{
  color:#1d3049;
}
html[data-appearance="light"] .wizard-chip-option{
  background:#f0f5fb;
  border-color:#ccdbea;
  color:#2f435c;
}
html[data-appearance="light"] .wizard-chip-option.selected{
  background:#e6f0ff;
  color:#2358a7;
  border-color:#9dbce8;
}
html[data-appearance="light"] .wizard-screen button.secondary,
html[data-appearance="light"] .setup-wizard-modal-card button.secondary{
  background:#f3f7fc;
  color:#29405d;
  border-color:#cfdeeb;
}
html[data-appearance="light"] .wizard-footer,
html[data-appearance="light"] .wizard-api-profile-block{
  border-color:#dbe5ef;
}

/* Roadmap and phase explorers */
html[data-appearance="light"] .roadmap-explorer-summary,
html[data-appearance="light"] .phase-explorer-tree,
html[data-appearance="light"] .phase-explorer-details,
html[data-appearance="light"] .phase-explorer-phases,
html[data-appearance="light"] .roadmap-timeline-panel{
  background:#f6f9fd;
  border-color:#d4e1ee;
  color:#243850;
}
html[data-appearance="light"] .roadmap-explorer-summary{
  background:linear-gradient(135deg,#edf5ff,#f8fbff);
}
html[data-appearance="light"] .roadmap-explorer-summary h3,
html[data-appearance="light"] .roadmap-timeline-panel h3,
html[data-appearance="light"] .phase-detail-card h3,
html[data-appearance="light"] .phase-list-card strong,
html[data-appearance="light"] .roadmap-timeline-block li strong,
html[data-appearance="light"] .phase-detail-section li b{
  color:#1c3049;
}
html[data-appearance="light"] .roadmap-explorer-summary p,
html[data-appearance="light"] .phase-list-card span,
html[data-appearance="light"] .phase-list-card small,
html[data-appearance="light"] .phase-tree-button small,
html[data-appearance="light"] .roadmap-timeline-block li span,
html[data-appearance="light"] .roadmap-timeline-block li small,
html[data-appearance="light"] .roadmap-detail-title-row small,
html[data-appearance="light"] .phase-detail-help{
  color:#6b7d94;
}
html[data-appearance="light"] .roadmap-overview-stats span,
html[data-appearance="light"] .phase-list-card,
html[data-appearance="light"] .phase-tree-button,
html[data-appearance="light"] .phase-detail-grid div,
html[data-appearance="light"] .phase-notes-details,
html[data-appearance="light"] .phase-detail-section,
html[data-appearance="light"] .roadmap-timeline-block li,
html[data-appearance="light"] .phase-detail-section li,
html[data-appearance="light"] .roadmap-node-row{
  background:#fff;
  border-color:#d7e3ef;
  color:#293d56;
}
html[data-appearance="light"] .phase-list-card.active,
html[data-appearance="light"] .phase-tree-button.active,
html[data-appearance="light"] .roadmap-node-row.active{
  background:#eaf3ff;
  border-color:#78a2e3;
}
html[data-appearance="light"] .phase-tree-button,
html[data-appearance="light"] .phase-tree-button.step-button span,
html[data-appearance="light"] .roadmap-timeline-block li,
html[data-appearance="light"] .phase-detail-section li,
html[data-appearance="light"] .roadmap-timeline-mini li span,
html[data-appearance="light"] .phase-detail-grid span{
  color:#30445e;
}
html[data-appearance="light"] .phase-detail-grid strong,
html[data-appearance="light"] .roadmap-timeline-block>strong,
html[data-appearance="light"] .phase-detail-section>strong{
  color:#4a6f9f;
}
html[data-appearance="light"] .roadmap-node-actions{
  background:#eef3f9;
  border-color:#d2deea;
}
html[data-appearance="light"] .roadmap-node-row.active .roadmap-node-actions{
  background:#dfeafb;
  border-color:#a8c3e9;
}
html[data-appearance="light"] .roadmap-node-status-label,
html[data-appearance="light"] .roadmap-status-dot{
  background:#f2f6fb;
  border-color:#d2dfeb;
  color:#60738c;
}
html[data-appearance="light"] .roadmap-icon-btn{
  background:#fff;
  border-color:#cbd9e7;
  color:#425b79;
}
html[data-appearance="light"] .roadmap-icon-btn:hover:not(:disabled){
  background:#eaf3ff;
  border-color:#7aa3e5;
  color:#23589f;
}
html[data-appearance="light"] .roadmap-icon-btn[data-roadmap-help]::after,
html[data-appearance="light"] .roadmap-icon-btn[data-roadmap-help]::before{
  background:#fff;
  color:#263b55;
  border-color:#adc7e9;
}
html[data-appearance="light"] .roadmap-timeline-open-btn{
  background:#e8f1ff;
  color:#245ca8;
  border-color:#aec8ec;
}
html[data-appearance="light"] .phase-notes-details summary{
  color:#2c65af;
}
html[data-appearance="light"] .phase-notes-details pre{
  color:#3f536d;
}

/* Remaining fixed-dark controls in Light appearance */
html[data-appearance="light"] .asset-tree-item,
html[data-appearance="light"] .asset-chip,
html[data-appearance="light"] .inline-check,
html[data-appearance="light"] .runs-panel-btn,
html[data-appearance="light"] .top-runs-btn{
  background:#f4f8fd;
  border-color:#d2dfec;
  color:#2a405d;
}
html[data-appearance="light"] .asset-tree-item.active{
  background:#e6f1ff;
  color:#23589f;
  border-color:#9dbce8;
}
html[data-appearance="light"] .finder-header{
  background:#eef3f9;
}
html[data-appearance="light"] .file-inspector{
  background:#f5f8fc;
}
html[data-appearance="light"] .file-meta{
  background:#fff;
}

/* v1.0.373 light Version Explorer, Runs details and concise event feedback */
html[data-appearance="light"] .version-picker-modal,
html[data-appearance="light"] .version-picker-list{
  color:#1b2d45;
}
html[data-appearance="light"] .version-pick-row{
  background:#f7faff;
  border-color:#cfdeec;
  box-shadow:0 1px 2px rgba(31,61,99,.04);
}
html[data-appearance="light"] .version-pick-row:hover{
  background:#f0f6fd;
  border-color:#a9c5e5;
}
html[data-appearance="light"] .version-pick-main{
  background:transparent;
  color:#213750;
  border:0;
  box-shadow:none;
}
html[data-appearance="light"] .version-pick-row strong,
html[data-appearance="light"] .version-pick-row small b{
  color:#1c3552;
}
html[data-appearance="light"] .version-pick-row small,
html[data-appearance="light"] .version-pick-row time{
  color:#6d8098;
}
html[data-appearance="light"] .version-pick-branch,
html[data-appearance="light"] .version-pick-delete,
html[data-appearance="light"] .version-pick-info{
  background:#edf4fc;
  border-color:#bfd2e7;
  color:#2d65ac;
}
html[data-appearance="light"] .version-pick-branch:hover,
html[data-appearance="light"] .version-pick-delete:hover,
html[data-appearance="light"] .version-pick-info:hover{
  background:#e3effc;
  border-color:#89add8;
}
html[data-appearance="light"] .version-pick-branch{
  background:#edf9f0;
  border-color:#b8dec2;
  color:#28723d;
}
html[data-appearance="light"] .version-pick-delete{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#b4233b;
}
html[data-appearance="light"] .version-pick-row.active{
  background:#e5f3ff;
  border-color:#69bfe9;
  box-shadow:inset 3px 0 0 #34d399,0 0 0 2px rgba(56,189,248,.08);
}
html[data-appearance="light"] .version-detail-summary,
html[data-appearance="light"] .version-detail-meta span,
html[data-appearance="light"] .version-detail-block{
  background:#f6f9fd;
  border-color:#d3e0ed;
  color:#2b4059;
}
html[data-appearance="light"] .version-detail-summary p,
html[data-appearance="light"] .version-detail-block>strong,
html[data-appearance="light"] .version-detail-block li{
  color:#253a54;
}
html[data-appearance="light"] .version-detail-meta b{
  color:#6c7f97;
}
html[data-appearance="light"] .version-kind-badge{
  background:#e7f0ff;
  color:#2b61aa;
}

html[data-appearance="light"] .api-runs-modal-card{
  background:#fff;
  color:#1b2d45;
  border-color:#cfddea;
}
html[data-appearance="light"] .api-runs-tabs{
  border-bottom-color:#d8e3ee;
}
html[data-appearance="light"] .api-runs-tabs button,
html[data-appearance="light"] .api-runs-scope button{
  background:#f1f6fc;
  color:#4a607a;
  border-color:#d1dfec;
}
html[data-appearance="light"] .api-runs-tabs button.active,
html[data-appearance="light"] .api-runs-scope button.active{
  background:#e4efff;
  color:#235aa8;
  border-color:#9dbde8;
}
html[data-appearance="light"] .api-run-row{
  background:#f8fbff;
  border-color:#d2e0ed;
}
html[data-appearance="light"] .api-run-row.running{
  border-color:#8cb3e4;
  box-shadow:inset 3px 0 0 #3b82f6;
}
html[data-appearance="light"] .api-run-row.failed{
  background:#fff6f7;
  border-color:#efb2ba;
  box-shadow:inset 3px 0 0 #dc5a6c;
}
html[data-appearance="light"] .api-run-summary-grid{
  background:#f8fbff;
}
html[data-appearance="light"] .api-run-heading > strong{
  color:#1b3049;
}
html[data-appearance="light"] .api-run-heading > small,
html[data-appearance="light"] .api-run-summary-grid > small[data-run-time]{
  color:#6e8097;
}
html[data-appearance="light"] .api-run-summary-grid > em,
html[data-appearance="light"] .api-run-row summary em{
  background:#e7f1ff;
  border-color:#a8c6ec;
  color:#285fa8;
}
html[data-appearance="light"] .api-run-live-progress{
  background:#eef5fd;
  border-color:#cfdeeb;
}
html[data-appearance="light"] .api-run-live-progress > span{
  color:#667b94;
}
html[data-appearance="light"] .api-run-live-progress > strong{
  color:#24466e;
}
html[data-appearance="light"] .api-run-row .api-run-actions{
  background:#f1f6fc;
  border-top-color:#d5e1ed;
}
html[data-appearance="light"] .api-run-detail-grid{
  background:#d7e3ee;
  border-top-color:#d2dfeb;
}
html[data-appearance="light"] .api-run-detail-grid div{
  background:#f8fbff;
}
html[data-appearance="light"] .api-run-detail-grid strong{
  color:#6b7e96;
}
html[data-appearance="light"] .api-run-detail-grid span{
  color:#243a54;
}
html[data-appearance="light"] .api-run-progress-history{
  background:#f8fbff!important;
}
html[data-appearance="light"] .api-run-progress-history li{
  background:#eef5fc;
  border-color:#d1dfeb;
}
html[data-appearance="light"] .api-run-progress-history li small{
  color:#73849a;
}
html[data-appearance="light"] .api-run-progress-history li strong{
  color:#2f66ad;
}
html[data-appearance="light"] .api-run-progress-history li span{
  color:#314761;
}

html[data-appearance="light"] .toast{
  background:#fff;
  color:#243850;
  border-color:#8bb3e5;
  box-shadow:0 16px 36px rgba(30,61,99,.18);
}
html[data-appearance="light"] .toast.progress{
  background:#f4f8fd;
}
html[data-appearance="light"] .toast.error{
  background:#fff5f6;
  color:#a83245;
  border-color:#e89aa6;
}

/* v1.0.374 final Light-theme account/runtime surfaces and dynamic Runs */

/* Runs modal now sizes to its content instead of reserving a large empty panel. */
.api-runs-modal-card{
  height:auto;
  max-height:calc(100vh - 44px);
}
.api-runs-modal-body{
  flex:0 1 auto;
  max-height:calc(100vh - 230px);
  min-height:0;
  overflow-y:auto;
}
.api-run-row.processed .api-run-live-progress{
  display:none;
}
.api-run-detail-grid:not(.hidden){
  display:grid;
  max-height:min(540px,52vh);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.api-run-row.details-open{
  box-shadow:0 8px 22px rgba(15,23,42,.10);
}
@media(max-width:780px){
  .api-runs-modal-card{height:auto;max-height:calc(100vh - 20px)}
  .api-runs-modal-body{max-height:calc(100vh - 205px)}
  .api-run-detail-grid:not(.hidden){max-height:55vh}
}

/* Account layout and card hierarchy. */
.account-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.account-metric-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.account-metric-status,
.account-metric-link{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  border-radius:999px;
  padding:3px 8px;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.account-metric-status{
  text-transform:capitalize;
}
.account-metric-detail{
  display:grid!important;
  gap:4px;
  margin-top:3px;
}
.account-metric-detail b{
  font-size:11px;
  line-height:1.35;
  font-weight:650;
  overflow-wrap:anywhere;
}
@media(max-width:980px){
  .account-summary-grid{grid-template-columns:1fr;}
}

html[data-appearance="light"] .account-settings-modal,
html[data-appearance="light"] .byok-usage-modal-card,
html[data-appearance="light"] .storage-details-modal-card,
html[data-appearance="light"] .change-password-card{
  background:#f5f8fc;
  color:#1b2d45;
  border-color:#cad9e8;
  box-shadow:0 24px 70px rgba(25,55,92,.20);
}
html[data-appearance="light"] .account-profile-card{
  background:linear-gradient(135deg,#e8f2ff 0%,#f7fbff 58%,#eefaf7 100%);
  border-color:#bfd4eb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-appearance="light"] .account-profile-main strong{color:#19304d;}
html[data-appearance="light"] .account-profile-main p{color:#60748e;}
html[data-appearance="light"] .account-profile-avatar{
  background:linear-gradient(145deg,#2f6fed,#2bb7a9);
  color:#fff;
  box-shadow:0 8px 20px rgba(47,111,237,.22);
}
html[data-appearance="light"] .account-section-card,
html[data-appearance="light"] .account-section-card.provider-settings-panel{
  position:relative;
  background:#fff;
  border-color:#d2dfec;
  color:#223750;
  box-shadow:0 4px 14px rgba(31,61,99,.055);
  overflow:hidden;
}
html[data-appearance="light"] .account-section-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg,#3b82f6,#2bb7a9);
  opacity:.78;
}
html[data-appearance="light"] .account-section-head h3,
html[data-appearance="light"] .account-section-card h3,
html[data-appearance="light"] .provider-head h3{
  color:#1a304b;
}
html[data-appearance="light"] .account-section-card .hint,
html[data-appearance="light"] .provider-settings-panel .hint{
  color:#687c95;
}
html[data-appearance="light"] .account-section-card label,
html[data-appearance="light"] .provider-settings-panel label,
html[data-appearance="light"] .change-password-form label{
  color:#60758f;
}
html[data-appearance="light"] .account-section-card .account-switcher select,
html[data-appearance="light"] .account-section-card input,
html[data-appearance="light"] .account-section-card select,
html[data-appearance="light"] .provider-settings-panel input,
html[data-appearance="light"] .provider-settings-panel select,
html[data-appearance="light"] .change-password-form input{
  background:#f7faff;
  color:#1d334e;
  border-color:#cbdbea;
}
html[data-appearance="light"] .account-section-card input:focus,
html[data-appearance="light"] .account-section-card select:focus,
html[data-appearance="light"] .provider-settings-panel input:focus,
html[data-appearance="light"] .provider-settings-panel select:focus{
  border-color:#77a4df;
  box-shadow:0 0 0 3px rgba(59,130,246,.11);
}
html[data-appearance="light"] .provider-pill{
  background:#e8f1ff;
  border-color:#a9c5e9;
  color:#285fa8;
}
html[data-appearance="light"] .provider-pill.active{
  background:#e7f8ef;
  border-color:#9bd4b3;
  color:#257047;
}
html[data-appearance="light"] .provider-pill.error{
  background:#fff0f2;
  border-color:#e8a2ac;
  color:#a82d42;
}
html[data-appearance="light"] .account-metric-card{
  min-height:166px;
  background:#f8fbff;
  border-color:#cfdeec;
  color:#243951;
  box-shadow:none;
  padding:14px;
  gap:7px;
}
html[data-appearance="light"] .account-metric-card:hover{
  background:#f2f7fd;
  border-color:#99bae0;
  transform:translateY(-1px);
}
html[data-appearance="light"] .account-metric-card small{color:#687d96;}
html[data-appearance="light"] .account-metric-card strong{color:#1b3452;}
html[data-appearance="light"] .account-metric-card span{color:#5f748e;}
html[data-appearance="light"] .account-metric-detail b{color:#506780;}
html[data-appearance="light"] .account-subscription-card{
  background:linear-gradient(145deg,#f1f7ff,#fbfdff);
  border-color:#b9d0ec;
}
html[data-appearance="light"] .account-byok-card{
  background:linear-gradient(145deg,#f5f2ff,#fbfaff);
  border-color:#d2c5ef;
}
html[data-appearance="light"] .account-storage-card{
  background:linear-gradient(145deg,#eefaf6,#f9fdfb);
  border-color:#b8dfcf;
}
html[data-appearance="light"] .account-metric-status{
  background:#e8f6ee;
  border:1px solid #acd9be;
  color:#2e774d;
}
html[data-appearance="light"] .account-metric-link{
  background:#e9f2ff;
  border:1px solid #b9d0ed;
  color:#2a62aa;
}

/* Account detail modals: subscription/usage/storage information remains readable in Light mode. */
html[data-appearance="light"] .byok-total-strip span,
html[data-appearance="light"] .storage-total-strip span,
html[data-appearance="light"] .storage-node-strip{
  background:#fff;
  border-color:#d0deeb;
}
html[data-appearance="light"] .byok-total-strip strong,
html[data-appearance="light"] .storage-total-strip strong,
html[data-appearance="light"] .storage-node-strip strong,
html[data-appearance="light"] .byok-detail-total strong{
  color:#1e3653;
}
html[data-appearance="light"] .byok-total-strip small,
html[data-appearance="light"] .storage-total-strip small,
html[data-appearance="light"] .storage-node-strip small,
html[data-appearance="light"] .storage-docker-mini,
html[data-appearance="light"] .storage-docker-mini strong{
  color:#667b94;
}
html[data-appearance="light"] .storage-node-strip.online{background:#f1fbf5;border-color:#a8d9bb;}
html[data-appearance="light"] .storage-node-strip.offline{background:#fff5f6;border-color:#e5a8b1;}
html[data-appearance="light"] .storage-table,
html[data-appearance="light"] .byok-usage-browser,
html[data-appearance="light"] .byok-model-table{
  background:#fff;
  border-color:#cfdeeb;
}
html[data-appearance="light"] .storage-row,
html[data-appearance="light"] .byok-model-row{
  border-bottom-color:#dce6ef;
  color:#2b4059;
}
html[data-appearance="light"] .storage-row.head,
html[data-appearance="light"] .byok-model-row.head{
  background:#edf3f9;
  color:#536981;
}
html[data-appearance="light"] .storage-row strong,
html[data-appearance="light"] .byok-model-row strong{
  color:#203650;
}
html[data-appearance="light"] .storage-row small,
html[data-appearance="light"] .byok-model-row small,
html[data-appearance="light"] .storage-empty{
  color:#6b7f96;
}
html[data-appearance="light"] .byok-project-list{
  background:#f3f7fb;
  border-right-color:#d6e2ed;
}
html[data-appearance="light"] .byok-project-row{
  color:#263c55;
  border-bottom-color:#d9e4ee;
}
html[data-appearance="light"] .byok-project-row:hover{background:#eaf2fb;}
html[data-appearance="light"] .byok-project-row.active{
  background:#e5f0ff;
  box-shadow:inset 3px 0 0 #3b82f6;
}
html[data-appearance="light"] .byok-project-detail{background:#fff;}
html[data-appearance="light"] .byok-detail-head h3{color:#1d344f;}
html[data-appearance="light"] .byok-recent-details{border-top-color:#d5e1ec;}
html[data-appearance="light"] .byok-recent-details summary{color:#2b5f9f;}

/* Runtime Services: light service inventory and readable log/diagnostic output. */
html[data-appearance="light"] .runtime-services-modal-card{
  background:#f5f8fc;
  color:#1d324c;
  border-color:#cbdbea;
}
html[data-appearance="light"] .runtime-services-list{
  padding:10px;
  border:1px solid #d2dfec;
  border-radius:14px;
  background:#eef4fa;
}
html[data-appearance="light"] .runtime-service-row{
  background:#fff;
  border-color:#ccdcea;
  color:#263d57;
  box-shadow:0 1px 2px rgba(31,61,99,.035);
}
html[data-appearance="light"] .runtime-service-row strong{color:#1b3552;}
html[data-appearance="light"] .runtime-service-row span{color:#34506d;}
html[data-appearance="light"] .runtime-service-row small{color:#71849a;}
html[data-appearance="light"] .runtime-persistence-note{
  background:#e8f2ff;
  border-color:#bdd2eb;
  color:#49657f;
}
html[data-appearance="light"] .runtime-services-output{
  background:#f7f9fc;
  color:#26384f;
  border:1px solid #ccd9e6;
  box-shadow:inset 0 1px 2px rgba(31,61,99,.04);
}


/* v1.0.375 Zurro brand mark + Light default */
.zurro-logo-mark{
  display:block;
  width:100%;
  height:100%;
  background:center / contain no-repeat url('/assets/zurro-mark-white.png');
}
html[data-appearance="light"] .zurro-logo-mark{background-image:url('/assets/zurro-mark-black.png');}
html[data-appearance="dark"] .zurro-logo-mark{background-image:url('/assets/zurro-mark-white.png');}
html[data-appearance="legacy"] .zurro-logo-mark{background-image:url('/assets/zurro-mark-white.png');}
.logo.logo-btn{
  background:transparent;
  box-shadow:none;
  padding:2px;
  border-radius:10px;
}
html[data-appearance="light"] .logo.logo-btn{background:#fff;border:1px solid #d7e2ef;}
html[data-appearance="dark"] .logo.logo-btn{background:#102238;border:1px solid #2a425d;}
html[data-appearance="legacy"] .logo.logo-btn{background:#111b2e;border:1px solid #223047;}
.logo.logo-btn .zurro-logo-mark{width:32px;height:32px;}
.login-brand{
  width:76px;
  height:76px;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
  margin:0 0 16px;
}
.login-brand .zurro-logo-mark{width:76px;height:76px;}
html[data-appearance="light"] .login-card{box-shadow:0 24px 70px rgba(18,40,68,.14);}

/* v1.0.376 complete Light-mode setup wizard surfaces */
html[data-appearance="light"] #setupWizardModal .setup-wizard-modal-card,
html[data-appearance="light"] #wizardModelPickerModal .wizard-model-picker-card{
  background:#f5f8fc;
  color:#1d3049;
  border-color:#cbd9e7;
  box-shadow:0 24px 72px rgba(25,55,92,.18);
}
html[data-appearance="light"] #setupWizardModal .wizard-head h2,
html[data-appearance="light"] #setupWizardModal .wizard-screen h3,
html[data-appearance="light"] #setupWizardModal .wizard-context-heading h4,
html[data-appearance="light"] #setupWizardModal .wizard-advanced-head h4,
html[data-appearance="light"] #wizardModelPickerModal h2{
  color:#1a304b;
}
html[data-appearance="light"] #setupWizardModal .wizard-screen > .hint,
html[data-appearance="light"] #setupWizardModal .wizard-context-heading .hint,
html[data-appearance="light"] #setupWizardModal .wizard-discovery-head .hint,
html[data-appearance="light"] #setupWizardModal .wizard-advanced-head .hint{
  color:#657a93;
}
html[data-appearance="light"] #setupWizardModal .wizard-mode-label{
  color:#2f67b6;
}

/* Shared optional context: files and inspiration. */
html[data-appearance="light"] #setupWizardModal .wizard-source-context{
  gap:16px;
}
html[data-appearance="light"] #setupWizardModal .wizard-context-section{
  background:#fff;
  color:#263c55;
  border-color:#d0deeb;
  box-shadow:0 3px 12px rgba(31,61,99,.045);
}
html[data-appearance="light"] #setupWizardModal .wizard-context-section:nth-child(1){
  background:linear-gradient(145deg,#f7fbff,#fff);
}
html[data-appearance="light"] #setupWizardModal .wizard-context-section:nth-child(2){
  background:linear-gradient(145deg,#f5f9ff,#fff);
}
html[data-appearance="light"] #setupWizardModal .wizard-upload-box{
  background:#edf5ff;
  color:#34506c;
  border-color:#9ebbe0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-appearance="light"] #setupWizardModal .wizard-upload-box span{
  color:#536b85;
}
html[data-appearance="light"] #setupWizardModal .wizard-file-row{
  background:#fff;
  color:#203750;
  border-color:#cfdeeb;
  box-shadow:0 1px 3px rgba(31,61,99,.035);
}
html[data-appearance="light"] #setupWizardModal .wizard-file-row small{
  color:#6d8198;
}
html[data-appearance="light"] #setupWizardModal .wizard-inspiration-list{
  gap:9px;
}
html[data-appearance="light"] #setupWizardModal .wizard-inspiration-row{
  padding:9px;
  border:1px solid #d2dfec;
  border-radius:13px;
  background:#f7faff;
}
html[data-appearance="light"] #setupWizardModal .wizard-inspiration-row input{
  background:#fff;
  color:#1f354f;
  border-color:#c9d9e8;
}
html[data-appearance="light"] #setupWizardModal .wizard-row-icon.danger{
  background:#fff1f3;
  color:#b52c43;
  border-color:#efb2bc;
  box-shadow:none;
}
html[data-appearance="light"] #setupWizardModal .wizard-row-icon.danger:hover:not(:disabled){
  background:#ffe6ea;
  border-color:#df8595;
}

/* API-only advanced model configuration. */
html[data-appearance="light"] #setupWizardModal .wizard-advanced-panel{
  background:#fff;
  color:#263c55;
  border-color:#d0deeb;
  box-shadow:0 3px 12px rgba(31,61,99,.045);
}
html[data-appearance="light"] #setupWizardModal .wizard-advanced-head > strong{
  background:#e7f0ff;
  color:#255ba7;
  border-color:#a8c3e8;
}
html[data-appearance="light"] #setupWizardModal .wizard-api-profile-block{
  border-top-color:#dbe5ef;
}
html[data-appearance="light"] #setupWizardModal .wizard-pill-btn{
  background:#f5f8fc;
  color:#243b55;
  border-color:#cfdeeb;
  box-shadow:none;
}
html[data-appearance="light"] #setupWizardModal .wizard-pill-btn:hover:not(:disabled){
  background:#eef5fd;
  border-color:#8fb2df;
}
html[data-appearance="light"] #setupWizardModal .wizard-pill-btn span{
  color:#687d95;
}
html[data-appearance="light"] #setupWizardModal .wizard-pill-btn.selected{
  background:#e6f0ff;
  color:#2258a4;
  border-color:#85a9dc;
  box-shadow:0 0 0 3px rgba(47,111,237,.09);
}
html[data-appearance="light"] #setupWizardModal .wizard-advanced-model-list,
html[data-appearance="light"] #setupWizardModal .wizard-advanced-model-row{
  color:#516a84;
}
html[data-appearance="light"] #setupWizardModal .wizard-advanced-model-list strong,
html[data-appearance="light"] #setupWizardModal .wizard-advanced-model-row strong{
  color:#1d3857;
}
html[data-appearance="light"] #setupWizardModal .wizard-material-warning{
  background:#fff8e8;
  color:#785316;
  border-color:#e7c87f;
}

/* API discovery chat. */
html[data-appearance="light"] #setupWizardModal .wizard-discovery-layout{
  gap:14px;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-log{
  background:#eef4fa;
  border-color:#cbdbe9;
  box-shadow:inset 0 1px 2px rgba(31,61,99,.035);
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-message{
  background:#fff;
  color:#263d57;
  border-color:#ceddea;
  box-shadow:0 3px 10px rgba(31,61,99,.055);
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-message strong{
  color:#3569a9;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-message.user{
  background:#eaf8ef;
  color:#214c34;
  border-color:#a8d7b8;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-message.user strong{
  color:#31704a;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-message.error{
  background:#fff0f2;
  color:#842c3b;
  border-color:#e5a5af;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-message.error strong{
  color:#b12d43;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-file-chip{
  background:#eef4fb;
  color:#35506d;
  border-color:#c7d8e8;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-message.user .wizard-chat-file-chip{
  background:#fff;
  color:#2c6041;
  border-color:#b1d8bf;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-file-chip.pending{
  background:#edf4fc;
  color:#315170;
  border-color:#b8cde3;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-file-chip.pending button{
  color:#667d96;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-file-chip.pending button:hover{
  background:#dce9f7;
  color:#1f456b;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-pending-files{
  color:#687d95;
}
html[data-appearance="light"] #setupWizardModal .wizard-brief-preview{
  background:linear-gradient(145deg,#f4f8fd,#fff);
  color:#39516b;
  border-color:#cbdbe9;
  box-shadow:0 3px 10px rgba(31,61,99,.04);
}
html[data-appearance="light"] #setupWizardModal .wizard-brief-preview strong{
  color:#1d3550;
}
html[data-appearance="light"] #setupWizardModal .wizard-brief-preview small{
  color:#6a7f97;
}
html[data-appearance="light"] #setupWizardModal .wizard-brief-attachment-count{
  background:#e7f1ff;
  color:#2a609f;
  border:1px solid #b9cfe9;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-input-row{
  border-top-color:#d7e3ee;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-compose textarea,
html[data-appearance="light"] #setupWizardModal .wizard-chat-compose.finalised textarea{
  background:#fff;
  color:#203650;
  border-color:#c8d8e7;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-compose.finalised{
  opacity:.82;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-compose.finalised textarea{
  background:#f1f5f9;
  color:#6b7f96;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-attach-btn{
  background:#edf4fc;
  color:#2e609d;
  border-color:#bfd2e7;
}
html[data-appearance="light"] #setupWizardModal .wizard-chat-attach-btn:hover:not(:disabled){
  background:#e1edfa;
  border-color:#86aadd;
}

/* One-click discovery status, review and draft states. */
html[data-appearance="light"] #setupWizardModal .wizard-preview-box{
  background:linear-gradient(145deg,#edf5ff,#f9fbfe);
  color:#36506b;
  border-color:#bcd1e8;
  box-shadow:0 3px 11px rgba(31,61,99,.045);
}
html[data-appearance="light"] #setupWizardModal .wizard-preview-box strong{
  color:#1b3552;
}
html[data-appearance="light"] #setupWizardModal .wizard-preview-box span{
  color:#3e5771;
}
html[data-appearance="light"] #setupWizardModal .wizard-preview-box small{
  color:#6a7f97;
}
html[data-appearance="light"] #setupWizardModal .wizard-review-grid div,
html[data-appearance="light"] #setupWizardModal .wizard-draft-notice{
  background:#fff;
  color:#2a4059;
  border-color:#cfdeeb;
  box-shadow:0 2px 8px rgba(31,61,99,.035);
}
html[data-appearance="light"] #setupWizardModal .wizard-review-grid strong{
  color:#60758d;
}
html[data-appearance="light"] #setupWizardModal .wizard-review-grid span,
html[data-appearance="light"] #setupWizardModal .wizard-draft-notice strong{
  color:#1d344f;
}
html[data-appearance="light"] #setupWizardModal .wizard-footer{
  border-top-color:#d7e3ee;
}

/* Custom model picker opened from the wizard. */
html[data-appearance="light"] #wizardModelPickerModal .modal-head,
html[data-appearance="light"] #wizardModelPickerModal .model-picker-toolbar,
html[data-appearance="light"] #wizardModelPickerModal .modal-actions{
  background:#f5f8fc;
  color:#213750;
  border-color:#d3e0eb;
}
html[data-appearance="light"] #wizardModelPickerModal .model-picker-families,
html[data-appearance="light"] #wizardModelPickerModal .model-picker-results,
html[data-appearance="light"] #wizardModelPickerModal .model-model-list{
  background:#fff;
  border-color:#d0deeb;
}
html[data-appearance="light"] #wizardModelPickerModal .model-family-row,
html[data-appearance="light"] #wizardModelPickerModal .model-choice-flat{
  background:#f7faff;
  color:#263c55;
  border-color:#d3e0ec;
}
html[data-appearance="light"] #wizardModelPickerModal .model-family-row:hover,
html[data-appearance="light"] #wizardModelPickerModal .model-choice-flat:hover{
  background:#edf5ff;
  border-color:#9bb9df;
}
html[data-appearance="light"] #wizardModelPickerModal .model-family-row.active,
html[data-appearance="light"] #wizardModelPickerModal .model-choice-flat.active{
  background:#e6f0ff;
  color:#2258a4;
  border-color:#84a8db;
}
html[data-appearance="light"] #wizardModelPickerModal .model-family-copy strong,
html[data-appearance="light"] #wizardModelPickerModal .model-choice-name,
html[data-appearance="light"] #wizardModelPickerModal .model-family-description strong{
  color:#1d3550;
}
html[data-appearance="light"] #wizardModelPickerModal .model-family-copy small,
html[data-appearance="light"] #wizardModelPickerModal .model-choice-description,
html[data-appearance="light"] #wizardModelPickerModal .model-family-description p{
  color:#687d95;
}

/* v1.0.377 Light-mode pre-version and First Build states */
html[data-appearance="light"] .first-build-recovery-card{
  background:linear-gradient(145deg,#edf5ff 0%,#fbfdff 78%);
  color:#263d57;
  border-color:#b9d0ec;
  box-shadow:0 5px 18px rgba(31,61,99,.06);
}
html[data-appearance="light"] .first-build-recovery-copy h3{
  color:#18324f;
}
html[data-appearance="light"] .first-build-recovery-copy p{
  color:#506780;
}
html[data-appearance="light"] .first-build-recovery-copy small{
  color:#9a5c19;
  background:#fff7e8;
  border:1px solid #e9ca94;
  border-radius:10px;
  padding:8px 10px;
  line-height:1.4;
}
html[data-appearance="light"] .first-build-recovery-kicker{
  color:#2a62aa;
}
html[data-appearance="light"] .first-build-recovery-card.is-problem{
  background:linear-gradient(145deg,#fff7ed 0%,#fffdf9 78%);
  color:#523b27;
  border-color:#efc58f;
}
html[data-appearance="light"] .first-build-recovery-card.is-problem .first-build-recovery-copy h3{
  color:#7b3e16;
}
html[data-appearance="light"] .first-build-recovery-card.is-problem .first-build-recovery-copy p{
  color:#73563c;
}
html[data-appearance="light"] .first-build-recovery-card.is-problem .first-build-recovery-kicker{
  color:#b65c18;
}

/* A project exists before its first version: keep the sidebar state light and explicit. */
html[data-appearance="light"] .project-card.project-awaiting-build,
html[data-appearance="light"] .project-card.project-awaiting-build.active{
  background:linear-gradient(145deg,#f1f6ff 0%,#ffffff 82%);
  border-color:#b8cfea;
  color:#1d3550;
}
html[data-appearance="light"] .project-card.project-awaiting-build.active{
  border-color:#77a5df;
  box-shadow:0 0 0 2px rgba(47,111,237,.10);
}
html[data-appearance="light"] .project-card.project-awaiting-build .project-title{
  color:#18324f;
}
html[data-appearance="light"] .project-card.project-awaiting-build > small{
  color:#687d95;
}
html[data-appearance="light"] .project-build-state{
  background:#e6f0ff;
  color:#285fa8;
  border-color:#a8c3e8;
  opacity:1;
}
html[data-appearance="light"] .project-card.project-awaiting-build .version-chip.muted{
  background:#f4f7fb;
  color:#6b7f96;
  border-color:#d2deea;
  opacity:1;
}

/* v1.0.378 Light-mode run/version details and handoff dialog contrast */
html[data-appearance="light"] .studio-dialog-card{
  background:#fff;
  color:#17273e;
  border-color:#cbd9e7;
  box-shadow:0 24px 60px rgba(24,48,78,.20);
}
html[data-appearance="light"] .studio-dialog-card .modal-head h2{
  color:#17273e;
}
html[data-appearance="light"] .studio-dialog-message{
  color:#40546d;
  background:#f5f8fc;
  border:1px solid #d5e2ee;
  border-radius:13px;
  padding:13px 14px;
  margin:6px 0 15px;
}
html[data-appearance="light"] .studio-dialog-message :where(p,li,span){
  color:#40546d;
}
html[data-appearance="light"] .studio-dialog-message :where(strong,b){
  color:#1b3049;
}
html[data-appearance="light"] .studio-dialog-message a{
  color:#245fae;
  font-weight:750;
}
html[data-appearance="light"] .studio-dialog-message code{
  background:#e8f1fc;
  color:#244b79;
  border:1px solid #c5d8ee;
}
html[data-appearance="light"] .studio-dialog-input,
html[data-appearance="light"] .studio-dialog-textarea{
  background:#f9fbfe;
  color:#17273e;
  border-color:#c7d7e7;
}
html[data-appearance="light"] .studio-dialog-input::placeholder,
html[data-appearance="light"] .studio-dialog-textarea::placeholder{
  color:#7d8da2;
}
html[data-appearance="light"] #studioDialogModal.dialog-danger .studio-dialog-message{
  background:#fff5f6;
  border-color:#efb5bd;
  color:#7e2b38;
}
html[data-appearance="light"] #studioDialogModal.dialog-danger .studio-dialog-message :where(p,li,span){
  color:#7e2b38;
}
html[data-appearance="light"] #studioDialogModal.dialog-danger .studio-dialog-message :where(strong,b){
  color:#9f2437;
}
html[data-appearance="light"] #studioDialogModal.dialog-danger .studio-dialog-textarea{
  background:#fffafb;
  border-color:#e7a5af;
  color:#44222a;
}
html[data-appearance="light"] #studioDialogModal.dialog-danger .studio-dialog-textarea:focus{
  border-color:#cf5468;
  box-shadow:0 0 0 3px rgba(207,84,104,.12);
}
html[data-appearance="light"] .studio-dialog-actions{
  border-top:1px solid #e0e8f1;
  padding-top:13px;
}

/* Version details opened from the Version Explorer. */
html[data-appearance="light"] .version-detail-card{
  color:#263b55;
}
html[data-appearance="light"] .version-detail-summary{
  background:linear-gradient(135deg,#edf5ff,#f8fbff);
  border-color:#bcd1ea;
}
html[data-appearance="light"] .version-detail-meta span,
html[data-appearance="light"] .version-detail-block{
  background:#f6f9fd;
  border:1px solid #d5e2ee;
  border-radius:11px;
  padding:10px 12px;
}
html[data-appearance="light"] .version-detail-block ul{
  color:#344a64;
}
html[data-appearance="light"] .published-version-detail a{
  color:#1f62b1;
}
html[data-appearance="light"] .published-version-detail span{
  color:#526a84;
}

/* Runs details: stronger separation and readable values on Light mode. */
html[data-appearance="light"] .api-run-detail-grid{
  background:#e6eef7;
  border-top-color:#cad9e8;
  gap:8px;
  padding:10px!important;
}
html[data-appearance="light"] .api-run-detail-grid > div:not(.api-run-progress-history){
  background:#f8fbff;
  border:1px solid #d3e1ee;
  border-radius:10px;
  padding:10px 12px;
}
html[data-appearance="light"] .api-run-detail-grid strong{
  color:#58708b;
}
html[data-appearance="light"] .api-run-detail-grid span{
  color:#203750;
  font-weight:600;
}
html[data-appearance="light"] .api-run-progress-history{
  background:#f4f8fd!important;
  border:1px solid #d3e1ee;
  border-radius:11px;
}
html[data-appearance="light"] .api-run-progress-history > strong{
  color:#1e3855;
}

/* Handoff review details use labelled rows instead of pale text paragraphs. */
.handoff-review-detail{
  display:grid;
  gap:9px;
}
.handoff-review-detail-row{
  display:grid;
  grid-template-columns:minmax(120px,160px) minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:11px;
}
.handoff-review-detail-row > strong{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.handoff-review-detail-row > span{
  line-height:1.48;
  overflow-wrap:anywhere;
}
.handoff-review-detail-files > div{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.handoff-review-detail-files code{
  font-size:11px;
  overflow-wrap:anywhere;
}
html[data-appearance="light"] .handoff-review-detail-row{
  background:#f8fbff;
  border-color:#d4e2ef;
}
html[data-appearance="light"] .handoff-review-detail-row > strong{
  color:#58718d;
}
html[data-appearance="light"] .handoff-review-detail-row > span{
  color:#263e59;
}
html[data-appearance="dark"] .handoff-review-detail-row{
  background:#0b192a;
  border-color:#2a425d;
}
html[data-appearance="dark"] .handoff-review-detail-row > strong{
  color:#93a9c1;
}
html[data-appearance="dark"] .handoff-review-detail-row > span{
  color:#dce8f4;
}
@media(max-width:620px){
  .handoff-review-detail-row{grid-template-columns:1fr;gap:5px}
}

/* v1.0.379 Roadmap Explorer icon alignment and long-label handling */
.roadmap-node-actions{
  align-self:center;
}
.roadmap-icon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  line-height:0;
  font-size:0;
}
.roadmap-icon-glyph{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  flex:0 0 14px;
  line-height:0;
  pointer-events:none;
}
.roadmap-action-svg{
  display:block;
  width:14px;
  height:14px;
  overflow:visible;
}
.roadmap-action-play{transform:translateX(.75px);}
.roadmap-node-row .phase-tree-button{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.phase-tree-button-content{
  display:flex;
  align-items:center;
  gap:5px;
  width:100%;
  min-width:0;
  overflow:hidden;
}
.phase-tree-caret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:10px;
  min-width:10px;
  color:currentColor;
  line-height:1;
  flex:0 0 10px;
}
.phase-tree-caret:empty{display:none;}
.phase-node-label{
  display:flex;
  align-items:center;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.phase-node-title{
  display:block;
  flex:1 1 auto;
  width:auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dependency-icon{flex:0 0 auto;}

/* v1.0.380 API-only First Build settings + Roadmap detail contrast */
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .first-build-recovery-advanced-card{
  background:#f5f8fc;
  color:#1d3049;
  border-color:#cbd9e7;
  box-shadow:0 24px 72px rgba(25,55,92,.18);
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .modal-head h2,
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-head h4{
  color:#1a304b;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .modal-head .hint,
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-head .hint,
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-api-profile-block .hint{
  color:#657a93;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-panel{
  margin-top:0;
  background:#fff;
  color:#263c55;
  border-color:#d0deeb;
  box-shadow:0 3px 12px rgba(31,61,99,.045);
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-head > strong{
  background:#e7f0ff;
  color:#255ba7;
  border-color:#a8c3e8;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-api-profile-block{
  border-top-color:#dbe5ef;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-pill-btn{
  background:#f5f8fc;
  color:#243b55;
  border-color:#cfdeeb;
  box-shadow:none;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-pill-btn:hover:not(:disabled){
  background:#eef5fd;
  border-color:#8fb2df;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-pill-btn span{
  color:#687d95;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-pill-btn.selected{
  background:#e6f0ff;
  color:#2258a4;
  border-color:#85a9dc;
  box-shadow:0 0 0 3px rgba(47,111,237,.09);
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-model-list,
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-model-row{
  color:#516a84;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-model-list strong,
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-advanced-model-row strong{
  color:#1d3857;
}
html[data-appearance="light"] #firstBuildRecoveryAdvancedModal .wizard-material-warning{
  background:#fff8e8;
  color:#785316;
  border-color:#e7c87f;
}

/* Roadmap Explorer right-hand lifecycle status badges need solid light-theme contrast. */
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill{
  box-shadow:none;
  text-shadow:none;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-todo{
  background:#edf2f7;
  border-color:#b8c6d5;
  color:#40546c;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-active{
  background:#e5efff;
  border-color:#87aee5;
  color:#1f579f;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-built,
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-ai-built{
  background:#dff7f2;
  border-color:#78c7b6;
  color:#176b5f;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-approved,
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-complete{
  background:#e2f7e9;
  border-color:#83c99a;
  color:#236b3b;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-partial{
  background:#fff6cf;
  border-color:#ddc565;
  color:#735f0b;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-blocked,
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-needs-changes{
  background:#fff0df;
  border-color:#e1a267;
  color:#8a4316;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-discarded{
  background:#ffe9eb;
  border-color:#dda0a8;
  color:#963141;
}
html[data-appearance="light"] .phase-explorer-details .lifecycle-status-pill.status-superseded{
  background:#f1eaff;
  border-color:#b9a1df;
  color:#65429a;
}


/* 1.0.388 verified Application text persistence */
/* 1.0.389 element-aware Application text mapping */
.manual-version-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:rgba(249,115,22,.16);border:1px solid rgba(249,115,22,.42);color:#fdba74;font-size:10px;font-weight:900;line-height:1.35;vertical-align:middle;white-space:nowrap}
.manual-file-label{display:block;margin-top:2px;color:#fb923c;font-size:10px;font-weight:800;line-height:1.15}
.manual-file-dot{color:#fb923c;font-size:9px;margin-left:3px;flex:0 0 auto}
.finder-row.manually-modified-file{box-shadow:inset 2px 0 0 rgba(249,115,22,.72)}
.file-inspector-head strong .manual-version-badge{margin-left:7px}
html[data-appearance="light"] .manual-version-badge{background:#fff7ed;border-color:#fdba74;color:#9a3412}
html[data-appearance="light"] .manual-file-label,html[data-appearance="light"] .manual-file-dot{color:#c2410c}

/* v1.0.391 compact Workspace work panels + light dependency dialog */
.workspace-rail-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 10px;
}
.workspace-rail-tab{
  position:relative;
  min-width:0;
  min-height:58px;
  padding:9px 7px 7px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:12px;
  background:rgba(7,17,31,.76);
  color:#cbd5e1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  box-shadow:none;
}
.workspace-rail-tab:hover{
  border-color:rgba(96,165,250,.55);
  background:rgba(15,35,64,.84);
  color:#f8fafc;
}
.workspace-rail-tab.active{
  border-color:#60a5fa;
  background:linear-gradient(180deg,rgba(37,99,235,.22),rgba(7,17,31,.92));
  color:#f8fafc;
  box-shadow:0 0 0 1px rgba(96,165,250,.12) inset;
}
.workspace-rail-icon{
  font-size:17px;
  font-weight:950;
  line-height:1;
}
.workspace-rail-label{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:850;
  letter-spacing:.02em;
}
.workspace-rail-count{
  position:absolute;
  top:4px;
  right:5px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border:2px solid #0f1e31;
  border-radius:999px;
  background:#334155;
  color:#f8fafc;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:950;
  line-height:1;
}
.workspace-rail-tab.has-items .workspace-rail-count{
  background:#2563eb;
}
.workspace-rail-section{
  margin-top:0;
}
.ai-changes-panel,
.handoff-review-panel.workspace-rail-section{
  padding-top:0;
  border-top:0;
}
.handoff-review-panel.workspace-rail-section{
  margin-top:0;
}
.workspace-rail-section .section-panel-head{
  margin:0 0 10px;
}
.workspace-rail-empty{
  margin:0;
  padding:12px;
  border:1px dashed rgba(148,163,184,.25);
  border-radius:12px;
  color:#94a3b8;
  font-size:12px;
  line-height:1.45;
}

/* Keep the Workspace right-panel collapse chevron, without the misaligned disc. */
.phase-preview-head #toggleRightPanelBtn2{
  min-width:30px;
  width:30px;
  height:30px;
  padding:0;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  border-radius:7px;
}
.phase-preview-head #toggleRightPanelBtn2:hover,
.phase-preview-head #toggleRightPanelBtn2:focus-visible{
  border-color:rgba(96,165,250,.32);
  background:rgba(96,165,250,.10);
}

html[data-appearance="light"] .workspace-rail-tab{
  background:#f4f8fd;
  border-color:#d3dfec;
  color:#526982;
}
html[data-appearance="light"] .workspace-rail-tab:hover{
  background:#edf5ff;
  border-color:#9fbee7;
  color:#1f3d66;
}
html[data-appearance="light"] .workspace-rail-tab.active{
  background:linear-gradient(180deg,#e9f3ff,#f8fbff);
  border-color:#77a8e7;
  color:#174e94;
  box-shadow:0 0 0 1px rgba(37,99,235,.06) inset;
}
html[data-appearance="light"] .workspace-rail-count{
  border-color:#fff;
  background:#8293a8;
  color:#fff;
}
html[data-appearance="light"] .workspace-rail-tab.has-items .workspace-rail-count{
  background:#2563eb;
}
html[data-appearance="light"] .workspace-rail-empty{
  background:#f8fbff;
  border-color:#cbd9e8;
  color:#63768e;
}
html[data-appearance="light"] .phase-preview-head #toggleRightPanelBtn2{
  border-color:transparent;
  background:transparent;
  color:#45627f;
  box-shadow:none;
}
html[data-appearance="light"] .phase-preview-head #toggleRightPanelBtn2:hover,
html[data-appearance="light"] .phase-preview-head #toggleRightPanelBtn2:focus-visible{
  border-color:#bfd2e8;
  background:#edf4fb;
}

/* Light-theme dependent-version dialog: remove inherited dark version cards. */
html[data-appearance="light"] .version-delete-warning>p{
  color:#3d5068;
}
html[data-appearance="light"] .version-dependency-tree ul{
  border-left-color:#c8d6e5;
}
html[data-appearance="light"] .version-dependency-tree ul>.version-dependency-node::before{
  border-top-color:#c8d6e5;
}
html[data-appearance="light"] .version-dependency-copy{
  background:#f6f9fc;
  border-color:#cad8e7;
  box-shadow:none;
}
html[data-appearance="light"] .version-dependency-node.root>.version-dependency-copy{
  background:#fff3f4;
  border-color:#e9aeb5;
}
html[data-appearance="light"] .version-dependency-copy strong{
  color:#1e334d;
}
html[data-appearance="light"] .version-dependency-copy span{
  color:#657991;
}


/* v1.0.392 Workspace action rail refinement */
.active-ai-provider-badge{
  display:inline-flex!important;
  width:max-content;
  max-width:92px;
  margin-top:4px!important;
  padding:2px 7px;
  border:1px solid rgba(96,165,250,.34);
  border-radius:999px;
  background:rgba(37,99,235,.12);
  color:#93c5fd!important;
  font-size:9px!important;
  font-weight:900;
  line-height:1.25;
  letter-spacing:.05em;
  text-transform:uppercase;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.active-ai-provider-badge[data-provider="claude"]{
  border-color:rgba(249,115,22,.36);
  background:rgba(249,115,22,.12);
  color:#fdba74!important;
}
.active-ai-provider-badge[data-provider="api"]{
  border-color:rgba(20,184,166,.36);
  background:rgba(20,184,166,.12);
  color:#5eead4!important;
}
html[data-appearance="light"] .active-ai-provider-badge{
  background:#eef5ff;
  border-color:#b9d0ee;
  color:#245897!important;
}
html[data-appearance="light"] .active-ai-provider-badge[data-provider="claude"]{
  background:#fff4eb;
  border-color:#f5c49f;
  color:#9a4316!important;
}
html[data-appearance="light"] .active-ai-provider-badge[data-provider="api"]{
  background:#eafaf7;
  border-color:#9edbd1;
  color:#0f766e!important;
}
.workspace-panel-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}
.workspace-panel-actions button{
  width:100%;
}
.workspace-rail-section > .section-panel-body{
  margin-top:0;
}
/* The selected rail button already names the open section. */
.workspace-rail-section .section-panel-head{
  display:none!important;
}
/* The phase/stage control remains, but the redundant outer card is removed. */
.phase-preview-panel,
html[data-appearance="light"] .phase-preview-panel,
html[data-appearance="dark"] .phase-preview-panel{
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.right-collapsed .right-panel > .phase-preview-panel{
  margin:0!important;
}


/* v1.0.394 distinct Workspace agent actions */
.workspace-panel-actions .workspace-agent-action{
  width:100%;
  min-height:42px;
  padding:9px 12px;
  border:1px solid #4f8bc9;
  border-radius:8px;
  background:linear-gradient(180deg,#214f7f,#17395f);
  color:#f8fbff;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 6px 16px rgba(3,15,31,.18);
  font-weight:850;
  letter-spacing:.01em;
}
.workspace-panel-actions .workspace-agent-action:hover:not(:disabled){
  border-color:#75abe0;
  background:linear-gradient(180deg,#2a6097,#1c4774);
  transform:translateY(-1px);
}
.workspace-panel-actions .workspace-agent-action:active:not(:disabled){
  transform:translateY(0);
}
.workspace-panel-actions .workspace-agent-action:disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none;
}
html[data-appearance="light"] .workspace-panel-actions .workspace-agent-action{
  border-color:#8fb3dc;
  background:linear-gradient(180deg,#eaf3ff,#dceafd);
  color:#174e82;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 5px 14px rgba(35,78,126,.10);
}
html[data-appearance="light"] .workspace-panel-actions .workspace-agent-action:hover:not(:disabled){
  border-color:#5f94cc;
  background:linear-gradient(180deg,#deedff,#cfe2fa);
  color:#103f70;
}


/* Workspace rail disabled state (used for genuine blockers such as unanswered blocking Questions). */
.workspace-rail-tab:disabled{
  opacity:.42;
  filter:saturate(.28);
  cursor:not-allowed;
  border-color:rgba(148,163,184,.16);
  background:rgba(15,23,42,.52);
  color:#7f8ea3;
  box-shadow:none;
}
.workspace-rail-tab:disabled:hover{
  border-color:rgba(148,163,184,.16);
  background:rgba(15,23,42,.52);
  color:#7f8ea3;
}
.workspace-rail-tab:disabled .workspace-rail-count{background:#475569}
html[data-appearance="light"] .workspace-rail-tab:disabled,
html[data-appearance="light"] .workspace-rail-tab:disabled:hover{
  opacity:.5;
  filter:saturate(.22);
  border-color:#d8e0e9;
  background:#eef2f6;
  color:#8794a3;
  box-shadow:none;
}
html[data-appearance="light"] .workspace-rail-tab:disabled .workspace-rail-count{background:#94a3b8}

/* v1.0.395 Visual Styles Phase 1: read-only Style Map */
.preview-panel{position:relative}
.visual-styles-trigger.active-mode{
  border-color:#60a5fa;
  background:#172d4f;
  color:#dbeafe;
}
.visual-styles-panel{
  position:absolute;
  top:12px;
  right:12px;
  z-index:24;
  width:min(410px,calc(100% - 24px));
  max-height:calc(100% - 24px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #334155;
  border-radius:18px;
  background:rgba(10,19,34,.98);
  color:#e5edf7;
  box-shadow:0 22px 65px rgba(2,6,23,.42);
  backdrop-filter:blur(16px);
}
.visual-styles-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-bottom:1px solid #26354a;
  background:#101d31;
}
.visual-styles-head > div:first-child{display:grid;gap:2px;min-width:0}
.visual-styles-head strong{font-size:14px;line-height:1.2}
.visual-styles-head small{font-size:11px;color:#93a4bb}
.visual-styles-head-actions{display:flex;align-items:center;gap:6px}
.visual-styles-head-actions .icon-btn{min-width:32px;width:32px;height:32px;padding:0;border-radius:9px}
.visual-styles-body{padding:13px;overflow:auto;display:grid;gap:13px}
.visual-styles-empty{
  padding:26px 16px;
  text-align:center;
  color:#94a3b8;
  border:1px dashed #334155;
  border-radius:14px;
  background:#0b1424;
}
.style-map-intro{display:grid;gap:8px}
.style-map-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.style-map-status-copy{display:grid;gap:3px;min-width:0}
.style-map-status-copy strong{font-size:13px}
.style-map-status-copy small{font-size:11px;line-height:1.4;color:#9fb0c5}
.style-map-support-badge{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid #475569;
  font-size:10px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:nowrap;
}
.style-map-support-badge.ready{color:#bbf7d0;background:#123524;border-color:#287a4c}
.style-map-support-badge.partial{color:#fef3c7;background:#3a2b10;border-color:#8b6b1c}
.style-map-support-badge.manual{color:#fecaca;background:#3a171b;border-color:#8d3038}
.style-map-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.style-map-summary-card{display:grid;gap:2px;padding:9px;border-radius:11px;border:1px solid #29394f;background:#0d1829}
.style-map-summary-card strong{font-size:15px;color:#f8fafc}
.style-map-summary-card span{font-size:10px;color:#8fa1b7;text-transform:uppercase;letter-spacing:.04em}
.style-map-section{display:grid;gap:8px}
.style-map-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.style-map-section-head strong{font-size:12px}
.style-map-section-head span{font-size:10px;color:#8fa1b7}
.style-system-list{display:flex;gap:6px;flex-wrap:wrap}
.style-system-chip{padding:5px 7px;border-radius:8px;background:#17243a;border:1px solid #33465f;font-size:10px;color:#cbd5e1}
.style-map-file-list,.style-map-value-list,.style-map-warning-list{display:grid;gap:6px}
.style-map-file-row,.style-map-value-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px 9px;
  border:1px solid #28394f;
  border-radius:11px;
  background:#0c1728;
}
.style-map-file-copy,.style-map-value-copy{min-width:0;display:grid;gap:2px}
.style-map-file-copy strong,.style-map-value-copy strong{font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.style-map-file-copy small,.style-map-value-copy small{font-size:10px;line-height:1.35;color:#8fa1b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.style-map-open-file{padding:5px 8px;font-size:10px;border-radius:8px;min-width:auto}
.style-map-value-main{display:flex;align-items:center;gap:7px;min-width:0}
.style-map-swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);flex:0 0 auto;background-image:linear-gradient(45deg,#94a3b8 25%,transparent 25%),linear-gradient(-45deg,#94a3b8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#94a3b8 75%),linear-gradient(-45deg,transparent 75%,#94a3b8 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}
.style-map-value-text{min-width:0;display:grid;gap:1px}
.style-map-value-text code{padding:0;background:transparent;color:#e5edf7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.style-map-warning{padding:8px 9px;border-radius:10px;background:#231d10;border:1px solid #5b4a1d;color:#f5dfa5;font-size:10px;line-height:1.4}
.style-map-readonly-note{padding:9px 10px;border-radius:11px;border:1px solid #24466b;background:#0f2944;color:#bfdbfe;font-size:10px;line-height:1.45}
.style-map-loading{display:grid;place-items:center;gap:9px;min-height:180px;color:#9fb0c5;font-size:12px}
.style-map-loading::before{content:"";width:24px;height:24px;border-radius:50%;border:3px solid #334155;border-top-color:#60a5fa;animation:spin .8s linear infinite}
html[data-appearance="light"] .visual-styles-trigger.active-mode{border-color:#2563eb;background:#dbeafe;color:#1d4ed8}
html[data-appearance="light"] .visual-styles-panel{background:rgba(255,255,255,.985);color:#172033;border-color:#cbd5e1;box-shadow:0 22px 60px rgba(15,23,42,.2)}
html[data-appearance="light"] .visual-styles-head{background:#f8fafc;border-bottom-color:#dbe3ee}
html[data-appearance="light"] .visual-styles-head small,
html[data-appearance="light"] .style-map-status-copy small,
html[data-appearance="light"] .style-map-section-head span,
html[data-appearance="light"] .style-map-file-copy small,
html[data-appearance="light"] .style-map-value-copy small{color:#64748b}
html[data-appearance="light"] .visual-styles-empty{background:#f8fafc;border-color:#cbd5e1;color:#64748b}
html[data-appearance="light"] .style-map-summary-card,
html[data-appearance="light"] .style-map-file-row,
html[data-appearance="light"] .style-map-value-row{background:#f8fafc;border-color:#dbe3ee}
html[data-appearance="light"] .style-map-summary-card strong{color:#172033}
html[data-appearance="light"] .style-system-chip{background:#eef4fb;border-color:#d2dfef;color:#334155}
html[data-appearance="light"] .style-map-value-text code{color:#172033}
html[data-appearance="light"] .style-map-warning{background:#fff8e8;border-color:#f0d58a;color:#735512}
html[data-appearance="light"] .style-map-readonly-note{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
@media(max-width:760px){
  .visual-styles-panel{top:8px;right:8px;width:calc(100% - 16px);max-height:calc(100% - 16px)}
  .style-map-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@keyframes zurroStyleMapSpin{to{transform:rotate(360deg)}}
.style-map-loading::before{animation-name:zurroStyleMapSpin}


/* v1.0.396 Style Map source targeting and light project-image picker */
html[data-appearance="light"] #assetPickerModal .asset-picker-upload{
  background:#f7f9fc;
  border-color:#d7e0eb;
}
html[data-appearance="light"] #assetPickerModal .asset-pick-item{
  background:#fff;
  border-color:#d7e0eb;
  color:#21324a;
}
html[data-appearance="light"] #assetPickerModal .asset-pick-item:hover{
  background:#f4f8ff;
  border-color:#8ab0ef;
}
html[data-appearance="light"] #assetPickerModal .asset-pick-item:has(input:checked){
  background:#edf4ff;
  border-color:#5e91ed;
  box-shadow:0 0 0 2px rgba(47,111,237,.08);
}
html[data-appearance="light"] #assetPickerModal .asset-pick-item strong{color:#142238;}
html[data-appearance="light"] #assetPickerModal .asset-pick-item small,
html[data-appearance="light"] #assetPickerModal .asset-picker-upload .hint{color:#64748b;}
html[data-appearance="light"] #assetPickerModal input[type="file"]{color:#42556e;}
html[data-appearance="light"] #assetPickerModal input[type="file"]::file-selector-button{
  background:#fff;
  color:#21324a;
  border-color:#d4deea;
}
html[data-appearance="light"] #assetPickerModal select option{
  background:#fff;
  color:#142238;
}


/* v1.0.397 Visual Styles Phase 2: live CSS custom-property editing */
.visual-styles-panel{width:min(430px,calc(100% - 26px));max-height:calc(100% - 28px)}
.visual-style-token-list{display:grid;gap:7px}
.visual-style-token-row{display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid #29394f;background:#0d1829;transition:border-color .15s ease,box-shadow .15s ease}
.visual-style-token-row.changed{border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,.2)}
.visual-style-token-row.ambiguous{border-color:#735b22;background:#241e12}
.visual-style-token-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.visual-style-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px}
.visual-style-controls:has(.visual-style-slider){grid-template-columns:auto minmax(0,1fr) auto;}
.visual-style-controls input[type="color"]{width:32px;height:30px;padding:2px;border-radius:8px;border:1px solid #3a4b63;background:#101c2d;cursor:pointer}
.visual-style-value-input{min-width:0;width:100%;height:31px;padding:6px 8px;border-radius:8px;border:1px solid #35465d;background:#101c2d;color:#e7eef8;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.visual-style-slider{grid-column:1/-1;width:100%;accent-color:#3b82f6}
.visual-style-reset{min-width:31px;width:31px;height:31px;padding:0;border-radius:8px}
.visual-style-reset:disabled{opacity:.35}
.visual-style-ambiguous{font-size:10px;line-height:1.4;color:#f3d790}
.visual-style-analysis-details{display:grid;gap:10px;padding:8px 0}
.visual-style-analysis-details>summary{cursor:pointer;font-size:11px;font-weight:800;color:#9fb0c5;user-select:none}
.visual-style-analysis-details[open]>summary{margin-bottom:4px}
.visual-style-save-bar{position:sticky;bottom:-12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px -12px -12px;padding:10px 12px;border-top:1px solid #29394f;background:rgba(8,16,29,.96);backdrop-filter:blur(12px)}
.visual-style-save-bar>span{font-size:10px;color:#9fb0c5}
.visual-style-save-bar>div{display:flex;gap:7px}
.visual-style-save-bar button{font-size:10px;padding:7px 10px;white-space:nowrap}
html[data-appearance="light"] .visual-style-token-row{background:#f8fafc;border-color:#dbe3ee}
html[data-appearance="light"] .visual-style-token-row.changed{border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,.14)}
html[data-appearance="light"] .visual-style-token-row.ambiguous{background:#fff8e8;border-color:#ecd287}
html[data-appearance="light"] .visual-style-controls input[type="color"],html[data-appearance="light"] .visual-style-value-input{background:#fff;border-color:#cbd5e1;color:#172033}
html[data-appearance="light"] .visual-style-analysis-details>summary,html[data-appearance="light"] .visual-style-save-bar>span{color:#64748b}
html[data-appearance="light"] .visual-style-save-bar{background:rgba(255,255,255,.96);border-color:#dbe3ee}
@media (max-width:720px){.visual-style-save-bar{align-items:flex-start;flex-direction:column}.visual-style-save-bar>div{width:100%}.visual-style-save-bar button{flex:1}}

/* v1.0.398 Visual Styles shadows and selected-element context */
.visual-style-selection{display:grid;gap:9px;padding:11px;border:1px solid #2c425d;border-radius:13px;background:#0c1b2d}
.visual-style-selection.empty{color:#9fb0c5}
.visual-style-selection.empty strong{color:#e5edf7}
.visual-style-selection.empty small{line-height:1.45}
.visual-style-selection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.visual-style-selection-head>div{min-width:0;display:grid;gap:2px}
.visual-style-selection-head strong{font-size:12px;color:#f8fafc}
.visual-style-selection-head small{font-size:9px;color:#8fa1b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visual-style-selection-head>span{font-size:9px;color:#7dd3fc;white-space:nowrap}
.visual-style-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.visual-style-selection-grid>div{display:grid;gap:2px;min-width:0;padding:6px 7px;border-radius:8px;background:#101f33;border:1px solid #263b54}
.visual-style-selection-grid span,.visual-style-selection-tokens>span{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#8195ad}
.visual-style-selection-grid code{padding:0;background:transparent;color:#dbeafe;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visual-style-selection-tokens{display:grid;gap:5px}
.visual-style-selection-tokens>div{display:flex;flex-wrap:wrap;gap:5px}
.visual-style-selection-tokens button{min-width:0;padding:4px 7px;border-radius:7px;background:#15345a;border:1px solid #2e5d91;color:#bfdbfe;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:none}
.visual-style-selection-note{font-size:9px;line-height:1.45;color:#8fa1b7}
.visual-style-token-actions{display:flex;align-items:center;gap:6px}
.visual-style-selected-badge{padding:3px 6px;border-radius:999px;background:#15345a;border:1px solid #2e5d91;color:#bfdbfe;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.visual-style-token-row.selected-element-style{border-color:#2f6da9;background:#0d2138}
.visual-style-token-row.visual-style-focus-pulse{animation:visualStyleFocusPulse .75s ease-out 2}
@keyframes visualStyleFocusPulse{0%{box-shadow:0 0 0 0 rgba(56,189,248,.6)}100%{box-shadow:0 0 0 8px rgba(56,189,248,0)}}
.visual-shadow-editor{display:grid;gap:8px;padding:9px;border-radius:10px;border:1px solid #2b3f58;background:#0a1524}
.visual-shadow-editor>label,.visual-shadow-opacity{display:grid;grid-template-columns:64px minmax(0,1fr) 42px;align-items:center;gap:7px}
.visual-shadow-editor label>span{font-size:9px;color:#9fb0c5}
.visual-shadow-editor input[type="range"]{width:100%;accent-color:#3b82f6}
.visual-shadow-editor output{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbeafe;text-align:right}
.visual-shadow-colour{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding-top:3px;border-top:1px solid #22354c}
.visual-shadow-colour>label:first-child{display:flex;align-items:center;gap:7px}
.visual-shadow-colour input[type="color"]{width:34px;height:29px;padding:2px;border-radius:7px;border:1px solid #3a4b63;background:#101c2d;cursor:pointer}
.visual-shadow-inset{grid-column:1/-1;display:flex!important;align-items:center;gap:7px!important}
.visual-shadow-inset input{accent-color:#3b82f6}
.visual-shadow-unsupported{padding:7px 8px;border-radius:8px;background:#251e10;border:1px solid #66501c;color:#f3d790;font-size:9px;line-height:1.4}
.visual-style-shadow-raw{grid-template-columns:minmax(0,1fr) auto}
.visual-style-shadow-raw .visual-style-value-input{font-size:9px}
html[data-appearance="light"] .visual-style-selection{background:#f5f9ff;border-color:#c6d8ee}
html[data-appearance="light"] .visual-style-selection.empty{color:#64748b}
html[data-appearance="light"] .visual-style-selection.empty strong,html[data-appearance="light"] .visual-style-selection-head strong{color:#172033}
html[data-appearance="light"] .visual-style-selection-head small,html[data-appearance="light"] .visual-style-selection-note{color:#64748b}
html[data-appearance="light"] .visual-style-selection-grid>div{background:#fff;border-color:#dbe5f0}
html[data-appearance="light"] .visual-style-selection-grid span,html[data-appearance="light"] .visual-style-selection-tokens>span{color:#64748b}
html[data-appearance="light"] .visual-style-selection-grid code{color:#1e3a5f}
html[data-appearance="light"] .visual-style-selection-tokens button,html[data-appearance="light"] .visual-style-selected-badge{background:#e8f2ff;border-color:#b7d2f3;color:#1d4f8f}
html[data-appearance="light"] .visual-style-token-row.selected-element-style{background:#f2f8ff;border-color:#8ab7e8}
html[data-appearance="light"] .visual-shadow-editor{background:#fff;border-color:#d8e3ef}
html[data-appearance="light"] .visual-shadow-editor label>span{color:#53657b}
html[data-appearance="light"] .visual-shadow-editor output{color:#1e3a5f}
html[data-appearance="light"] .visual-shadow-colour{border-color:#e1e9f2}
html[data-appearance="light"] .visual-shadow-colour input[type="color"]{background:#fff;border-color:#cbd5e1}
html[data-appearance="light"] .visual-shadow-unsupported{background:#fff8e8;border-color:#ecd287;color:#735512}
@media(max-width:520px){.visual-style-selection-grid{grid-template-columns:1fr}.visual-shadow-editor>label,.visual-shadow-opacity{grid-template-columns:58px minmax(0,1fr) 38px}}

/* v1.0.399 theme-aware and direct-CSS Visual Styles */
.visual-style-name-row{display:flex;align-items:center;gap:6px;min-width:0}
.visual-style-name-row code{min-width:0;max-width:100%}
.visual-style-scope-badge{display:inline-flex;align-items:center;flex:0 0 auto;padding:2px 6px;border:1px solid #3b5573;border-radius:999px;background:#142338;color:#bfdbfe;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.visual-style-scope-badge.dark{background:#171923;border-color:#4b5563;color:#e5e7eb}
.visual-style-scope-badge.light,.visual-style-scope-badge.default{background:#f8fafc;border-color:#cbd5e1;color:#334155}
.visual-style-token-row.literal-style .style-map-value-text code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}
.visual-style-token-row.literal-style{border-left-color:#8b5cf6}
html[data-appearance="light"] .visual-style-scope-badge{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}
html[data-appearance="light"] .visual-style-scope-badge.dark{background:#1f2937;border-color:#475569;color:#f8fafc}
html[data-appearance="light"] .visual-style-scope-badge.light,
html[data-appearance="light"] .visual-style-scope-badge.default{background:#fff;border-color:#cbd5e1;color:#334155}

/* Shared confirmations must sit above Runs and every other modal. */
#studioDialogModal{z-index:6100}

/* v1.0.400 Tailwind, SCSS and JavaScript-theme Visual Styles translators */

/* v1.0.401 Visual Styles preview reliability and SCSS-derived controls */
.visual-styles-body{min-height:0;flex:1;overscroll-behavior:contain}
.visual-style-save-bar{position:sticky;bottom:0;margin:4px 0 0;border:1px solid #29394f;border-radius:12px;padding:10px 11px;box-shadow:0 -8px 24px rgba(2,6,23,.16)}
.visual-scss-derived-editor{display:grid;gap:8px;padding:9px;border:1px solid #2b3f58;border-radius:10px;background:#0a1524}
.visual-scss-derived-editor>div{display:grid;gap:2px}
.visual-scss-derived-editor strong{font-size:10px;color:#dbeafe}
.visual-scss-derived-editor small{font-size:9px;line-height:1.4;color:#8fa1b7}
.visual-scss-derived-editor label{display:grid;grid-template-columns:58px minmax(0,1fr) 38px;align-items:center;gap:7px}
.visual-scss-derived-editor label span{font-size:9px;color:#9fb0c5}
.visual-scss-derived-editor input[type="range"]{width:100%;accent-color:#3b82f6}
.visual-scss-derived-editor output{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbeafe;text-align:right}
html[data-appearance="light"] .visual-style-save-bar{border-color:#dbe3ee;box-shadow:0 -8px 24px rgba(15,23,42,.08)}
html[data-appearance="light"] .visual-scss-derived-editor{background:#fff;border-color:#d8e3ef}
html[data-appearance="light"] .visual-scss-derived-editor strong{color:#1e3a5f}
html[data-appearance="light"] .visual-scss-derived-editor small,
html[data-appearance="light"] .visual-scss-derived-editor label span{color:#64748b}
html[data-appearance="light"] .visual-scss-derived-editor output{color:#1e3a5f}
@media(max-width:520px){
  .visual-styles-panel{top:6px;right:6px;width:calc(100% - 12px);max-height:calc(100% - 12px)}
  .visual-style-save-bar{align-items:stretch}
}

.wizard-choice-card.subscription-locked{opacity:.4;border-style:dashed;cursor:not-allowed;filter:grayscale(.2);}
.wizard-choice-card.subscription-locked:hover{transform:none;border-color:#334155;background:#17233a;}
html[data-appearance="light"] .wizard-choice-card.subscription-locked:hover{background:#f4f8fd;border-color:#d0ddec;}
.wizard-choice-card.subscription-locked strong{display:flex;justify-content:space-between;gap:12px;}


/* v1.0.407 project-type-first wizard */
.wizard-selected-type{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #334155;background:#0b1220;border-radius:12px;padding:11px 13px;margin-bottom:4px;color:#94a3b8;}
.wizard-selected-type strong{color:#e5e7eb;font-size:14px;}
html[data-appearance="light"] #setupWizardModal .wizard-selected-type{background:#f8fafc;border-color:#cbd5e1;color:#64748b;}
html[data-appearance="light"] #setupWizardModal .wizard-selected-type strong{color:#0f172a;}

/* v1.0.410 Presentation Workspace: stable slide rail and edit-mode navigation */
.presentation-workspace-shell{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.presentation-stage{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.presentation-slide-rail{
  flex:0 0 226px;
  width:226px;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  border-right:1px solid #26364a;
  background:#0d1727;
  color:#e5edf7;
  box-shadow:12px 0 35px rgba(2,6,23,.18);
  z-index:3;
}
.presentation-slide-rail.hidden{display:none!important}
.presentation-slide-rail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 12px 11px;
  border-bottom:1px solid #26364a;
  background:#101d31;
}
.presentation-slide-rail-head>div:first-child{display:grid;gap:2px;min-width:0}
.presentation-slide-rail-head strong{font-size:13px;line-height:1.2}
.presentation-slide-rail-head small{font-size:10px;color:#91a4bb}
.presentation-slide-rail-actions{display:flex;gap:5px;align-items:center}
.presentation-slide-rail-actions .icon-btn{
  min-width:30px;
  width:30px;
  height:30px;
  padding:0;
  border-radius:9px;
}
.presentation-slide-rail-actions .icon-btn.active{
  border-color:#38bdf8;
  background:#075985;
  color:#e0f2fe;
}
.presentation-slide-rail-actions .icon-btn svg{
  display:block;
  width:17px;
  height:17px;
  margin:auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.presentation-slide-rail.is-thumbnail-mode{flex-basis:250px;width:250px}
.presentation-slide-manage-bar{
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:8px 10px;
  border-bottom:1px solid #26364a;
  background:#0f1b2d;
}
body.workspace-edit-mode.presentation-workspace-active .presentation-slide-manage-bar{display:grid}
.presentation-blueprint-bar{display:grid;gap:11px;padding:12px 12px 13px;border-bottom:1px solid #24384e;background:#0d1b2a}
.presentation-blueprint-bar.hidden{display:none!important}
.presentation-layout-heading,.presentation-arrangement-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.presentation-layout-heading>div,.presentation-arrangement-heading{min-width:0}
.presentation-layout-heading>div{display:grid;gap:2px}
.presentation-layout-heading strong,.presentation-arrangement-heading strong{font-size:12px;color:#e5f1ff}
.presentation-layout-heading small,.presentation-arrangement-heading small{font-size:9px;line-height:1.35;color:#91a4bb}
.presentation-arrangement-heading{display:grid;gap:2px;padding-top:2px}
.presentation-layout-current{max-width:48%;padding:4px 7px;border:1px solid #36516d;border-radius:999px;background:#11283f;color:#bfe5ff;font-size:8px;font-weight:800;line-height:1.2;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.presentation-layout-gallery{display:grid;gap:11px;max-height:min(43vh,420px);padding-right:3px;overflow:auto;scrollbar-width:thin}
.presentation-layout-family{display:grid;gap:6px}
.presentation-layout-family-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}
.presentation-layout-family-head strong{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#c8d8e8}
.presentation-layout-family-head small{max-width:66%;font-size:8px;line-height:1.3;color:#7389a0;text-align:right}
.presentation-layout-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.presentation-layout-card,.presentation-arrangement-card{min-width:0;height:auto!important;padding:7px!important;border:1px solid #2d465f!important;border-radius:9px!important;background:#102338!important;color:#e5f1ff!important;text-align:left;cursor:pointer;box-shadow:none!important}
.presentation-layout-card{display:grid;gap:6px}
.presentation-layout-card:hover:not(:disabled),.presentation-arrangement-card:hover:not(:disabled){background:#17324d!important;border-color:#577696!important;transform:translateY(-1px)}
.presentation-layout-card.selected,.presentation-arrangement-card.selected{border-color:#38bdf8!important;background:#113754!important;box-shadow:0 0 0 1px rgba(56,189,248,.18)!important}
.presentation-layout-card:focus-visible,.presentation-arrangement-card:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}
.presentation-layout-card-copy,.presentation-arrangement-card>span:last-child{display:grid;gap:2px;min-width:0}
.presentation-layout-card-copy strong,.presentation-arrangement-card strong{font-size:9px;line-height:1.25;color:#f2f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.presentation-layout-card-copy small,.presentation-arrangement-card small{display:-webkit-box;overflow:hidden;font-size:8px;line-height:1.35;color:#91a4bb;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.presentation-layout-diagram{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #324b65;border-radius:6px;background:linear-gradient(145deg,#0a1725,#132a40)}
.presentation-layout-region{position:absolute;display:block;border:1px solid rgba(199,221,239,.46);border-radius:2px;background:rgba(199,221,239,.18)}
.presentation-layout-region.role-visual{border-color:rgba(56,189,248,.76);background:repeating-linear-gradient(135deg,rgba(56,189,248,.3),rgba(56,189,248,.3) 3px,rgba(56,189,248,.12) 3px,rgba(56,189,248,.12) 6px)}
.presentation-layout-region.role-panel{border-color:rgba(226,232,240,.7);background:rgba(15,23,42,.72)}
.presentation-layout-region.role-title,.presentation-layout-region.role-quote{border-color:rgba(248,250,252,.72);background:rgba(248,250,252,.38)}
.presentation-layout-region.role-body,.presentation-layout-region.role-attribution{background:rgba(148,163,184,.25)}
.presentation-layout-region.role-item,.presentation-layout-region.role-item-lead,.presentation-layout-region.role-left,.presentation-layout-region.role-right,.presentation-layout-region.role-right-emphasis,.presentation-layout-region.role-step,.presentation-layout-region.role-metric,.presentation-layout-region.role-metric-lead,.presentation-layout-region.role-milestone{border-color:rgba(167,139,250,.62);background:rgba(167,139,250,.22)}
.presentation-layout-region.role-item-lead,.presentation-layout-region.role-right-emphasis,.presentation-layout-region.role-metric-lead{background:rgba(167,139,250,.36)}
.presentation-layout-region.role-connector,.presentation-layout-region.role-line{border:0;border-radius:999px;background:rgba(56,189,248,.7)}
.presentation-layout-region.role-accent,.presentation-layout-region.role-quote-mark{border-color:rgba(251,191,36,.66);background:rgba(251,191,36,.28)}
.presentation-arrangement-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.presentation-arrangement-card{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:7px}
.presentation-arrangement-card .presentation-layout-diagram{width:74px}
.presentation-layout-legacy-controls{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.presentation-blueprint-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.presentation-blueprint-actions button{height:32px;border:1px solid #3b5875;border-radius:7px;background:#17314c;color:#e5f1ff;font-size:10px;font-weight:700;cursor:pointer}
.presentation-blueprint-actions button.secondary{background:transparent;color:#b7c7d9}
.presentation-blueprint-actions button:hover:not(:disabled){background:#214363;border-color:#5d7c9d}
.presentation-blueprint-actions button.hidden{display:none!important}
.presentation-blueprint-status{display:block;min-height:14px;color:#91a4bb;font-size:9px;line-height:1.45}
.presentation-blueprint-status.error{color:#fca5a5}
.presentation-blueprint-bar button:disabled{opacity:.4;cursor:default;transform:none!important}
html[data-appearance="light"] .presentation-blueprint-bar{background:#f5f8fb;border-bottom-color:#d8e1eb}
html[data-appearance="light"] .presentation-layout-heading strong,html[data-appearance="light"] .presentation-arrangement-heading strong{color:#18324a}
html[data-appearance="light"] .presentation-layout-heading small,html[data-appearance="light"] .presentation-arrangement-heading small{color:#64748b}
html[data-appearance="light"] .presentation-layout-current{background:#e8f5fd;border-color:#a8d7ef;color:#075985}
html[data-appearance="light"] .presentation-layout-family-head strong{color:#334155}
html[data-appearance="light"] .presentation-layout-family-head small{color:#64748b}
html[data-appearance="light"] .presentation-layout-card,html[data-appearance="light"] .presentation-arrangement-card{background:#fff!important;color:#172033!important;border-color:#cbd5e1!important}
html[data-appearance="light"] .presentation-layout-card:hover:not(:disabled),html[data-appearance="light"] .presentation-arrangement-card:hover:not(:disabled){background:#f0f7fc!important;border-color:#7aa6c7!important}
html[data-appearance="light"] .presentation-layout-card.selected,html[data-appearance="light"] .presentation-arrangement-card.selected{background:#e8f5fd!important;border-color:#0284c7!important}
html[data-appearance="light"] .presentation-layout-card-copy strong,html[data-appearance="light"] .presentation-arrangement-card strong{color:#172033}
html[data-appearance="light"] .presentation-layout-card-copy small,html[data-appearance="light"] .presentation-arrangement-card small{color:#64748b}
html[data-appearance="light"] .presentation-layout-diagram{background:linear-gradient(145deg,#eef4f8,#fff);border-color:#b8c8d6}
html[data-appearance="light"] .presentation-layout-region{border-color:rgba(71,85,105,.55);background:rgba(100,116,139,.17)}
html[data-appearance="light"] .presentation-layout-region.role-visual{border-color:rgba(2,132,199,.7);background:repeating-linear-gradient(135deg,rgba(14,165,233,.24),rgba(14,165,233,.24) 3px,rgba(14,165,233,.08) 3px,rgba(14,165,233,.08) 6px)}
html[data-appearance="light"] .presentation-layout-region.role-panel{background:rgba(255,255,255,.78)}
html[data-appearance="light"] .presentation-blueprint-actions button{background:#e9f0f7;color:#18324a;border-color:#b9c9d9}
html[data-appearance="light"] .presentation-blueprint-actions button.secondary{background:transparent;color:#49627a}
html[data-appearance="light"] .presentation-blueprint-status{color:#64748b}
html[data-appearance="light"] .presentation-blueprint-status.error{color:#b91c1c}

.presentation-slide-manage-bar button{
  min-width:0;
  padding:7px 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:8px;
  border:1px solid #2d4159;
  background:#14243a;
  color:#dbe7f5;
  font-size:9px;
  font-weight:800;
}
.presentation-slide-manage-bar button:hover{background:#1a304b;border-color:#4b6583}
.presentation-slide-manage-bar button:disabled{opacity:.35;cursor:default}
.presentation-slide-manage-bar button.danger{color:#fecaca}
.presentation-slide-manage-bar button.danger:hover:not(:disabled){background:#7f1d1d;color:#fff;border-color:#b91c1c}
.presentation-slide-list{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:10px;
  display:grid;
  align-content:start;
  gap:8px;
}
.presentation-slide-list-empty{
  padding:18px 12px;
  border:1px dashed #334155;
  border-radius:12px;
  color:#93a4ba;
  font-size:11px;
  line-height:1.45;
  text-align:center;
}
.presentation-slide-item{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:9px;
  border:1px solid #29394f;
  border-radius:12px;
  background:#111f33;
  color:#dbe7f5;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
.presentation-slide-drag{
  display:none;
  position:absolute;
  right:6px;
  top:6px;
  z-index:2;
  width:24px;
  height:24px;
  place-items:center;
  border-radius:7px;
  background:rgba(10,20,35,.78);
  color:#9fb2c9;
  font-size:11px;
  line-height:1;
  cursor:default;
}
body.workspace-edit-mode .presentation-slide-item[draggable="true"] .presentation-slide-drag{display:grid;cursor:grab}
body.workspace-edit-mode .presentation-slide-item[draggable="true"]:active .presentation-slide-drag{cursor:grabbing}
.presentation-slide-item.is-dragging{opacity:.42}
.presentation-slide-item.is-drop-before{box-shadow:inset 0 3px 0 #38bdf8}
.presentation-slide-item.is-drop-after{box-shadow:inset 0 -3px 0 #38bdf8}
.presentation-slide-item:hover{
  border-color:#4b6583;
  background:#15263d;
}
.presentation-slide-item.active{
  border-color:#38bdf8;
  background:#12304a;
  box-shadow:0 0 0 1px rgba(56,189,248,.22),0 10px 26px rgba(2,6,23,.24);
}
.presentation-slide-item-number{
  display:grid;
  place-items:center;
  min-height:26px;
  border-radius:8px;
  background:#0a1423;
  color:#91a4bb;
  font-size:10px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.presentation-slide-item.active .presentation-slide-item-number{
  background:#075985;
  color:#e0f2fe;
}
.presentation-slide-thumbnail{
  display:none;
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid #314760;
  border-radius:9px;
  background:#020617;
  box-shadow:0 6px 18px rgba(2,6,23,.28);
}
.presentation-slide-thumbnail iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#0f172a;
  pointer-events:none;
}
.presentation-slide-rail.is-thumbnail-mode .presentation-slide-item{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:8px}
.presentation-slide-rail.is-thumbnail-mode .presentation-slide-thumbnail{display:block;grid-column:1/-1;grid-row:1}
.presentation-slide-rail.is-thumbnail-mode .presentation-slide-item-number{grid-column:1;grid-row:2}
.presentation-slide-rail.is-thumbnail-mode .presentation-slide-item-copy{grid-column:2;grid-row:2;align-self:stretch;display:flex;align-items:center;min-height:28px}
.presentation-slide-item-copy{display:grid;min-width:0}
.presentation-slide-item-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.3;
}
.presentation-slide-rail.is-thumbnail-mode .presentation-slide-item-copy strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
}
.presentation-slide-rail-foot{
  padding:9px 11px 11px;
  border-top:1px solid #26364a;
  color:#8194ac;
  font-size:9px;
  line-height:1.4;
}
body.presentation-workspace-active .preview-panel{
  align-items:stretch;
  justify-content:stretch;
}
body.presentation-workspace-active.device-tablet .presentation-stage #previewFrame,
body.presentation-workspace-active.device-mobile .presentation-stage #previewFrame{
  align-self:stretch;
}
html[data-appearance="light"] .presentation-slide-rail{
  border-right-color:#d8e1eb;
  background:#f5f8fb;
  color:#142238;
  box-shadow:12px 0 35px rgba(15,23,42,.08);
}
html[data-appearance="light"] .presentation-slide-rail-head{
  border-bottom-color:#d8e1eb;
  background:#fff;
}
html[data-appearance="light"] .presentation-slide-rail-head small,
html[data-appearance="light"] .presentation-slide-rail-foot,
html[data-appearance="light"] .presentation-slide-item-copy small{color:#64748b}
html[data-appearance="light"] .presentation-slide-list-empty{
  border-color:#cbd5e1;
  color:#64748b;
  background:#fff;
}
html[data-appearance="light"] .presentation-slide-item{
  border-color:#d7e0ea;
  background:#fff;
  color:#142238;
}
html[data-appearance="light"] .presentation-slide-item:hover{border-color:#94a3b8;background:#f8fafc}
html[data-appearance="light"] .presentation-slide-item.active{
  border-color:#0284c7;
  background:#eaf7ff;
  box-shadow:0 0 0 1px rgba(2,132,199,.12),0 8px 22px rgba(15,23,42,.08);
}
html[data-appearance="light"] .presentation-slide-item-number{background:#eef2f7;color:#64748b}
html[data-appearance="light"] .presentation-slide-thumbnail{border-color:#cbd5e1;background:#e2e8f0;box-shadow:0 5px 14px rgba(15,23,42,.12)}
html[data-appearance="light"] .presentation-slide-item.active .presentation-slide-item-number{background:#0369a1;color:#fff}
html[data-appearance="light"] .presentation-slide-rail-foot{border-top-color:#d8e1eb}
@media(max-width:1100px){
  .presentation-slide-rail{flex-basis:190px;width:190px}
  .presentation-slide-rail.is-thumbnail-mode{flex-basis:214px;width:214px}
}
@media(max-width:760px){
  .presentation-slide-rail{flex-basis:148px;width:148px}
  .presentation-slide-rail.is-thumbnail-mode{flex-basis:178px;width:178px}
  .presentation-slide-item{grid-template-columns:24px minmax(0,1fr);gap:6px;padding:7px}
  .presentation-slide-rail.is-thumbnail-mode .presentation-slide-item{grid-template-columns:24px minmax(0,1fr)}
}

/* v1.0.414 Presentation semantic roles and scoped Visual Styles */
.presentation-style-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #263e56;border-radius:10px;background:#081525}
.presentation-style-scope{min-width:0;padding:7px 6px;border:0;border-radius:7px;background:transparent;color:#8fa4bd;font-size:8px;line-height:1.25;box-shadow:none;cursor:pointer}
.presentation-style-scope:hover{background:#13243a;color:#dbeafe}
.presentation-style-scope.active{background:#0f766e;color:#ecfeff}
html[data-appearance="light"] .presentation-style-scopes{border-color:#d8e3ef;background:#eaf1f7}
html[data-appearance="light"] .presentation-style-scope{color:#52657c}
html[data-appearance="light"] .presentation-style-scope:hover{background:#fff;color:#172033}
html[data-appearance="light"] .presentation-style-scope.active{background:#0f766e;color:#fff}
.presentation-selected-style-editor{display:grid;gap:9px;padding:11px;border:1px solid #285477;border-radius:13px;background:#0a1c30}
.presentation-selected-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.presentation-selected-style-head>div{display:grid;gap:2px;min-width:0}
.presentation-selected-style-head strong{font-size:11px;color:#e0f2fe}
.presentation-selected-style-head small{font-size:9px;line-height:1.4;color:#8fb4cd}
.presentation-selected-style-head>span{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#7dd3fc}
.presentation-style-fields{display:grid;gap:7px}
.presentation-style-field{display:grid;grid-template-columns:72px minmax(0,1fr) 30px;align-items:center;gap:7px;padding:7px;border:1px solid #263e56;border-radius:9px;background:#0d1829}
.presentation-style-field>label{font-size:9px;color:#9fb0c5}
.presentation-style-field select,.presentation-style-field input[type="number"]{min-width:0;width:100%;height:31px;padding:5px 7px;border:1px solid #35465d;border-radius:8px;background:#101c2d;color:#e7eef8;font-size:10px}
.presentation-style-colour{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:center}
.presentation-style-colour input[type="color"]{width:34px;height:31px;padding:2px;border:1px solid #3a4b63;border-radius:8px;background:#101c2d}
.presentation-style-number{display:grid;grid-template-columns:70px 28px;gap:4px;align-items:center}
.presentation-style-number>span{font-size:8px;color:#8195ad}
.presentation-style-number input[type="range"]{grid-column:1/-1;width:100%;accent-color:#14b8a6}
.visual-style-selection-technical{min-width:0}
.visual-style-selection-technical summary{cursor:pointer;font-size:8px;color:#8fa1b7}
.visual-style-selection-technical small{display:block;margin-top:3px}
html[data-appearance="light"] .presentation-selected-style-editor{border-color:#a9cbe3;background:#f1f8fd}
html[data-appearance="light"] .presentation-selected-style-head strong{color:#164e63}
html[data-appearance="light"] .presentation-selected-style-head small,.visual-style-selection-technical summary{color:#64748b}
html[data-appearance="light"] .presentation-style-field{border-color:#d8e3ef;background:#fff}
html[data-appearance="light"] .presentation-style-field>label{color:#53657b}
html[data-appearance="light"] .presentation-style-field select,html[data-appearance="light"] .presentation-style-field input[type="number"]{border-color:#cbd5e1;background:#fff;color:#172033}
@media(max-width:760px){.presentation-style-field{grid-template-columns:62px minmax(0,1fr) 28px}}


/* v1.0.415 Presentation Visual Styles: stable live preview and simplified controls */
.presentation-style-intro{display:grid;gap:3px;padding:10px 11px;border:1px solid #28435f;border-radius:12px;background:#0b1b2e}
.presentation-style-intro strong{font-size:12px;color:#f8fafc}
.presentation-style-intro small{font-size:9px;line-height:1.4;color:#8fa1b7}
.visual-style-selection.presentation-selection{gap:6px;padding:10px}
.visual-style-selection.presentation-selection .visual-style-selection-head strong{font-size:14px}
.visual-style-selection.presentation-selection .visual-style-selection-head small{font-size:10px;color:#93a4bb}
.presentation-style-scopes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;border:0;background:transparent}
.presentation-style-scope{display:grid;gap:2px;text-align:left;padding:8px 9px;border:1px solid #294059;border-radius:10px;background:#0c192a;color:#dbeafe}
.presentation-style-scope strong{font-size:10px;line-height:1.2}
.presentation-style-scope small{font-size:8px;line-height:1.25;color:#8498b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.presentation-style-scope:hover{background:#13243a;border-color:#3d5c7b}
.presentation-style-scope.active{background:#0f766e;border-color:#2dd4bf;color:#ecfeff;box-shadow:0 0 0 1px rgba(45,212,191,.16)}
.presentation-style-scope.active small{color:#ccfbf1}
.presentation-style-inheritance-note{padding:8px 9px;border:1px solid #68571f;border-radius:9px;background:#211d11;color:#f3dfa1;font-size:9px;line-height:1.4}
.presentation-style-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.presentation-style-tab{display:grid;gap:2px;text-align:left;padding:8px 9px;border:1px solid #294059;border-radius:10px;background:#0c192a;color:#dbeafe;box-shadow:none}
.presentation-style-tab strong{font-size:10px}
.presentation-style-tab small{font-size:8px;color:#8498b0}
.presentation-style-tab.active{border-color:#60a5fa;background:#102b4b;color:#eff6ff}
.presentation-style-tab.active small{color:#bfdbfe}
.presentation-style-tab-panel{display:grid;gap:7px}
.presentation-style-tab-panel.hidden{display:none!important}
.presentation-style-more{display:grid;gap:7px;padding:7px;border:1px solid #263e56;border-radius:9px;background:#0a1524}
.presentation-style-more>summary{cursor:pointer;font-size:9px;font-weight:800;color:#9fb0c5}
.presentation-style-more[open]>summary{margin-bottom:7px}
.presentation-style-more .presentation-style-field{margin-top:6px}
html[data-appearance="light"] .presentation-style-intro{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-style-intro strong{color:#172033}
html[data-appearance="light"] .presentation-style-intro small{color:#64748b}
html[data-appearance="light"] .presentation-style-scope,html[data-appearance="light"] .presentation-style-tab{background:#fff;border-color:#d8e3ef;color:#172033}
html[data-appearance="light"] .presentation-style-scope small,html[data-appearance="light"] .presentation-style-tab small{color:#64748b}
html[data-appearance="light"] .presentation-style-scope.active{background:#0f766e;border-color:#0f766e;color:#fff}
html[data-appearance="light"] .presentation-style-scope.active small{color:#ccfbf1}
html[data-appearance="light"] .presentation-style-tab.active{background:#eff6ff;border-color:#60a5fa;color:#1e3a8a}
html[data-appearance="light"] .presentation-style-tab.active small{color:#1d4ed8}
html[data-appearance="light"] .presentation-style-inheritance-note{background:#fff8e8;border-color:#ecd287;color:#735512}
html[data-appearance="light"] .presentation-style-more{background:#f8fafc;border-color:#d8e3ef}
@media(max-width:760px){.presentation-style-scopes,.presentation-style-tabs{grid-template-columns:1fr}.presentation-style-scope,.presentation-style-tab{text-align:center}}

/* v1.0.416 Presentation Styles: slide themes and simplified card hierarchy */
.presentation-selected-style-editor{display:grid;gap:10px}
.presentation-style-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.presentation-style-tab{min-height:62px;padding:10px 11px;border:1px solid #294059;border-radius:12px;background:#0c192a;color:#dbeafe;text-align:left;box-shadow:none;cursor:pointer}
.presentation-style-tab strong{font-size:11px;line-height:1.2}
.presentation-style-tab small{font-size:8px;line-height:1.3;color:#8498b0}
.presentation-style-tab:hover{border-color:#466887;background:#12243a}
.presentation-style-tab.active{border-color:#60a5fa;background:#102b4b;color:#eff6ff;box-shadow:0 0 0 1px rgba(96,165,250,.16)}
.presentation-style-scope-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:7px 8px;border:1px solid #263e56;border-radius:10px;background:#091523}
.presentation-style-scope-row>span{font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8195ad}
.presentation-style-scopes{display:flex;gap:4px;padding:0;border:0;background:transparent}
.presentation-style-scope{display:block;min-width:0;flex:1;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9fb0c5;font-size:9px;line-height:1.2;text-align:center;box-shadow:none;cursor:pointer}
.presentation-style-scope:hover{background:#14243a;color:#e2e8f0}
.presentation-style-scope.active{border-color:#2dd4bf;background:#0f766e;color:#ecfeff;box-shadow:none}
.presentation-style-tab-panel{display:grid;gap:7px;padding:9px;border:1px solid #263e56;border-radius:11px;background:#0a1524}
.presentation-slide-theme-editor .presentation-style-tab-panel{min-height:72px}
.presentation-slide-selection .visual-style-selection-note{max-width:52ch}
html[data-appearance="light"] .presentation-style-tab{background:#fff;border-color:#d8e3ef;color:#172033}
html[data-appearance="light"] .presentation-style-tab small{color:#64748b}
html[data-appearance="light"] .presentation-style-tab:hover{background:#f8fafc;border-color:#94a3b8}
html[data-appearance="light"] .presentation-style-tab.active{background:#eff6ff;border-color:#60a5fa;color:#1e3a8a}
html[data-appearance="light"] .presentation-style-scope-row{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-style-scope-row>span{color:#64748b}
html[data-appearance="light"] .presentation-style-scope{color:#52657c}
html[data-appearance="light"] .presentation-style-scope:hover{background:#eef2f7;color:#172033}
html[data-appearance="light"] .presentation-style-scope.active{background:#0f766e;border-color:#0f766e;color:#fff}
html[data-appearance="light"] .presentation-style-tab-panel{background:#f8fafc;border-color:#d8e3ef}
@media(max-width:760px){.presentation-style-tabs{grid-template-columns:1fr}.presentation-style-scope-row{grid-template-columns:1fr}.presentation-style-scope-row>span{text-align:center}}


/* v1.0.417 Presentation Styles: end-user simplification */
.visual-styles-panel.presentation-mode .visual-styles-head{padding-bottom:9px}
.visual-styles-panel.presentation-mode .visual-styles-head strong{font-size:13px}
.visual-styles-panel.presentation-mode .visual-style-selection.presentation-selection{padding:8px 10px;gap:2px}
.visual-styles-panel.presentation-mode .visual-style-selection.presentation-selection .visual-style-selection-head strong{font-size:13px}
.visual-styles-panel.presentation-mode .visual-style-selection.presentation-selection .visual-style-selection-head small{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visual-styles-panel.presentation-mode .presentation-selected-style-editor{gap:8px}

/* v1.0.426 Presentation design direction step */
.wizard-presentation-direction-screen{display:grid;gap:18px;max-width:1180px;margin:0 auto}
.wizard-direction-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:18px;align-items:stretch}
.wizard-direction-hero>div:first-child{padding:4px 0}
.wizard-step-kicker{display:block;margin-bottom:5px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#60a5fa}
.wizard-direction-hero h3{margin:0 0 8px;font-size:26px;line-height:1.08;color:#f8fafc}
.wizard-direction-hero p{margin:0;max-width:70ch;font-size:13px;line-height:1.55;color:#9fb0c5}
.wizard-direction-impact{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;padding:14px;border:1px solid #2b4058;border-radius:15px;background:linear-gradient(145deg,#0d1a2b,#101f34)}
.wizard-direction-impact strong{width:100%;margin-bottom:2px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#dbeafe}
.wizard-direction-impact span{padding:6px 9px;border:1px solid #314c68;border-radius:999px;background:#13263d;font-size:10px;color:#bfdbfe}
.wizard-direction-recommendation{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:11px 13px;border:1px solid #2e5c54;border-radius:12px;background:#0c2827;color:#ccfbf1}
.wizard-direction-recommendation strong{font-size:11px}
.wizard-direction-recommendation span{font-size:11px;line-height:1.45;color:#9de6da}
.wizard-direction-section{display:grid;gap:10px}
.wizard-direction-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}
.wizard-direction-section-head h4{margin:0 0 2px;font-size:15px;color:#f1f5f9}
.wizard-direction-section-head p{margin:0;font-size:11px;color:#8ea0b6}
.wizard-design-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.wizard-design-path{display:grid;grid-template-columns:138px minmax(0,1fr);gap:13px;align-items:stretch;min-height:142px;padding:11px;border:1px solid #30465f;border-radius:15px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.wizard-design-path:hover{border-color:#5d7da1;transform:translateY(-1px)}
.wizard-design-path.dimmed{opacity:.82}
.wizard-design-path.selected{border-color:#60a5fa;background:#122a46;box-shadow:0 0 0 2px rgba(96,165,250,.15)}
.wizard-design-path-preview{position:relative;display:block;overflow:hidden;min-height:118px;border-radius:11px;background:#101827;border:1px solid rgba(255,255,255,.08)}
.wizard-design-path-preview i{position:absolute;display:block;border-radius:4px}
.wizard-design-path-preview[data-design-path="ai"]{background:linear-gradient(145deg,#20124a,#0b5f73 56%,#f59e0b)}
.wizard-design-path-preview[data-design-path="ai"] i:nth-child(1){left:12px;top:14px;width:78px;height:12px;background:#fff}
.wizard-design-path-preview[data-design-path="ai"] i:nth-child(2){left:12px;top:34px;width:54px;height:6px;background:rgba(255,255,255,.65)}
.wizard-design-path-preview[data-design-path="ai"] i:nth-child(3){right:10px;bottom:10px;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.2);box-shadow:-27px -16px 0 rgba(255,255,255,.12)}
.wizard-design-path-preview[data-design-path="ai"] i:nth-child(4){left:12px;bottom:14px;width:42px;height:24px;border:2px solid rgba(255,255,255,.55);background:transparent}
.wizard-design-path-preview[data-design-path="theme"]{background:#f5efe4}
.wizard-design-path-preview[data-design-path="theme"] i:nth-child(1){left:13px;top:13px;width:74px;height:8px;background:#172033}
.wizard-design-path-preview[data-design-path="theme"] i:nth-child(2){left:13px;top:29px;width:48px;height:5px;background:#b15c38}
.wizard-design-path-preview[data-design-path="theme"] i:nth-child(3){right:10px;top:12px;width:42px;height:88px;background:#25304a}
.wizard-design-path-preview[data-design-path="theme"] i:nth-child(4){left:13px;bottom:16px;width:65px;height:38px;border:1px solid #cabda9;background:repeating-linear-gradient(90deg,#efe3d2 0 9px,#f8f2e9 9px 18px)}
.wizard-design-path-preview[data-design-path="brand"]{background:#111827}
.wizard-design-path-preview[data-design-path="brand"] i:nth-child(1){left:13px;top:13px;width:25px;height:25px;border-radius:50%;background:#22c55e}
.wizard-design-path-preview[data-design-path="brand"] i:nth-child(2){left:48px;top:16px;width:62px;height:8px;background:#f8fafc}
.wizard-design-path-preview[data-design-path="brand"] i:nth-child(3){left:13px;bottom:13px;width:110px;height:47px;background:linear-gradient(135deg,#16a34a,#0f766e);clip-path:polygon(0 15%,100% 0,87% 100%,9% 82%)}
.wizard-design-path-preview[data-design-path="brand"] i:nth-child(4){right:15px;top:46px;width:30px;height:30px;border:6px solid #86efac;background:transparent;transform:rotate(18deg)}
.wizard-design-path-preview[data-design-path="inspiration"]{background:#e9edf5}
.wizard-design-path-preview[data-design-path="inspiration"] i:nth-child(1){left:10px;top:10px;width:54px;height:76px;background:linear-gradient(#ec4899 0 28%,#5b21b6 28% 58%,#fff 58%)}
.wizard-design-path-preview[data-design-path="inspiration"] i:nth-child(2){right:10px;top:10px;width:56px;height:44px;background:linear-gradient(135deg,#fde68a,#f97316)}
.wizard-design-path-preview[data-design-path="inspiration"] i:nth-child(3){right:10px;bottom:10px;width:56px;height:43px;background:#0f172a}
.wizard-design-path-preview[data-design-path="inspiration"] i:nth-child(4){left:18px;bottom:18px;width:38px;height:7px;background:#111827}
.wizard-design-path-copy{display:flex;flex-direction:column;min-width:0;padding:2px 2px 1px}
.wizard-design-path-copy small{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#60a5fa}
.wizard-design-path-copy strong{margin-top:5px;font-size:14px;color:#f8fafc}
.wizard-design-path-copy>span{margin-top:5px;font-size:11px;line-height:1.4;color:#a7b6c8}
.wizard-design-path-copy em{margin-top:auto;padding-top:8px;font-size:9px;line-height:1.35;font-style:normal;color:#7f93aa}
.wizard-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wizard-theme-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:stretch;min-height:104px;padding:9px;border:1px solid #30465f;border-radius:13px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none}
.wizard-theme-card:hover{border-color:#5d7da1}
.wizard-theme-card.selected{border-color:#60a5fa;background:#122a46;box-shadow:0 0 0 2px rgba(96,165,250,.15)}
.wizard-theme-preview{position:relative;display:block;overflow:hidden;min-height:84px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#fff}
.wizard-theme-preview i{position:absolute;display:block}
.wizard-theme-preview i:nth-child(1){left:9px;top:9px;width:62%;height:8px;background:currentColor}
.wizard-theme-preview i:nth-child(2){left:9px;top:24px;width:42%;height:4px;background:currentColor;opacity:.55}
.wizard-theme-preview i:nth-child(3){right:8px;bottom:8px;width:38px;height:38px;border-radius:8px;background:currentColor;opacity:.22}
.wizard-theme-preview i:nth-child(4){left:9px;bottom:10px;width:38px;height:18px;border:2px solid currentColor;opacity:.55}
.wizard-theme-preview.theme-minimal{background:#f8fafc;color:#111827}
.wizard-theme-preview.theme-editorial{background:#f4eadc;color:#7c2d12}
.wizard-theme-preview.theme-bold{background:#172554;color:#facc15}
.wizard-theme-preview.theme-creative{background:linear-gradient(135deg,#581c87,#db2777 55%,#fb923c);color:#fff}
.wizard-theme-preview.theme-creative i:nth-child(3){border-radius:50%;transform:rotate(18deg);box-shadow:-22px -17px 0 rgba(255,255,255,.28)}
.wizard-theme-preview.theme-product{background:#071b2c;color:#38bdf8}
.wizard-theme-preview.theme-data{background:#eef6f2;color:#166534}
.wizard-theme-preview.theme-storytelling{background:linear-gradient(135deg,#111827,#7c2d12);color:#fed7aa}
.wizard-theme-preview.theme-education{background:#eff6ff;color:#1d4ed8}
.wizard-theme-preview.theme-corporate{background:#f1f5f9;color:#334155}
.wizard-theme-copy{display:flex;flex-direction:column;min-width:0;padding:1px 0}
.wizard-theme-copy small{font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#60a5fa}
.wizard-theme-copy strong{margin-top:4px;font-size:12px;color:#f8fafc}
.wizard-theme-copy span{margin-top:4px;font-size:9px;line-height:1.35;color:#92a4b9}
.wizard-motion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wizard-motion-card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:88px;padding:10px;border:1px solid #30465f;border-radius:12px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none}
.wizard-motion-card:hover{border-color:#5d7da1}
.wizard-motion-card.selected{border-color:#2dd4bf;background:#0d2d31;box-shadow:0 0 0 2px rgba(45,212,191,.13)}
.wizard-motion-mark{grid-row:1/3;position:relative;width:42px;height:42px;border-radius:10px;background:#14263d;overflow:hidden}
.wizard-motion-mark i{position:absolute;width:11px;height:11px;border-radius:3px;background:#60a5fa}
.wizard-motion-mark i:nth-child(1){left:7px;top:15px}.wizard-motion-mark i:nth-child(2){left:16px;top:15px;opacity:.55}.wizard-motion-mark i:nth-child(3){left:25px;top:15px;opacity:.24}
.wizard-motion-mark.motion-none i{left:15px!important;top:15px!important;opacity:1!important}.wizard-motion-mark.motion-none i:nth-child(n+2){display:none}
.wizard-motion-mark.motion-subtle i:nth-child(1){left:8px}.wizard-motion-mark.motion-subtle i:nth-child(2){left:18px;opacity:.7}.wizard-motion-mark.motion-subtle i:nth-child(3){left:26px;opacity:.35}
.wizard-motion-mark.motion-expressive i:nth-child(1){left:5px;top:23px;transform:rotate(-12deg)}.wizard-motion-mark.motion-expressive i:nth-child(2){left:17px;top:14px;opacity:.75;transform:rotate(8deg)}.wizard-motion-mark.motion-expressive i:nth-child(3){left:28px;top:6px;opacity:.5;transform:rotate(18deg)}
.wizard-motion-card strong{font-size:11px;color:#f8fafc}
.wizard-motion-card>span:last-child{font-size:9px;line-height:1.35;color:#8fa1b7}
.wizard-direction-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px 12px;align-items:center;padding:12px 14px;border:1px solid #314961;border-radius:13px;background:#0b1727}
.wizard-direction-summary>span:first-child{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8196ae}
.wizard-direction-summary strong{font-size:12px;color:#f8fafc}
.wizard-direction-summary>span:nth-child(3){font-size:10px;color:#bfdbfe}
.wizard-direction-summary small{grid-column:2/4;font-size:9px;color:#7f93aa}
html[data-appearance="light"] .wizard-direction-hero h3,html[data-appearance="light"] .wizard-direction-section-head h4,html[data-appearance="light"] .wizard-design-path-copy strong,html[data-appearance="light"] .wizard-theme-copy strong,html[data-appearance="light"] .wizard-motion-card strong,html[data-appearance="light"] .wizard-direction-summary strong{color:#172033}
html[data-appearance="light"] .wizard-direction-hero p,html[data-appearance="light"] .wizard-direction-section-head p{color:#64748b}
html[data-appearance="light"] .wizard-direction-impact{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .wizard-direction-impact strong{color:#334155}
html[data-appearance="light"] .wizard-direction-impact span{background:#eef6ff;border-color:#c7d9ee;color:#1d4ed8}
html[data-appearance="light"] .wizard-direction-recommendation{background:#ecfdf5;border-color:#a7f3d0;color:#166534}
html[data-appearance="light"] .wizard-direction-recommendation span{color:#287a58}
html[data-appearance="light"] .wizard-design-path,html[data-appearance="light"] .wizard-theme-card,html[data-appearance="light"] .wizard-motion-card,html[data-appearance="light"] .wizard-direction-summary{background:#fff;border-color:#d6e0eb;color:#172033}
html[data-appearance="light"] .wizard-design-path.selected,html[data-appearance="light"] .wizard-theme-card.selected{background:#eef6ff;border-color:#3b82f6}
html[data-appearance="light"] .wizard-motion-card.selected{background:#ecfdf5;border-color:#14b8a6}
html[data-appearance="light"] .wizard-design-path-copy>span,html[data-appearance="light"] .wizard-theme-copy span,html[data-appearance="light"] .wizard-motion-card>span:last-child{color:#64748b}
html[data-appearance="light"] .wizard-design-path-copy em,html[data-appearance="light"] .wizard-direction-summary small{color:#718096}
html[data-appearance="light"] .wizard-motion-mark{background:#e7eef7}
@media(max-width:1060px){.wizard-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wizard-direction-hero{grid-template-columns:1fr}.wizard-design-path-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wizard-design-path{grid-template-columns:105px minmax(0,1fr)}.wizard-theme-grid,.wizard-motion-grid{grid-template-columns:1fr}.wizard-direction-recommendation{grid-template-columns:1fr}.wizard-direction-summary{grid-template-columns:1fr}.wizard-direction-summary small{grid-column:auto}}

.wizard-direction-route-notice{padding:9px 11px;border:1px solid #6f5b27;border-radius:10px;background:#241e10;color:#f6dda0;font-size:10px;line-height:1.4}
html[data-appearance="light"] .wizard-direction-route-notice{background:#fff8e7;border-color:#e8cf8c;color:#725316}

/* v1.0.426 Presentation visual asset direction */
.wizard-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wizard-visual-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:11px;align-items:stretch;min-height:112px;padding:9px;border:1px solid #30465f;border-radius:13px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none}
.wizard-visual-card:hover{border-color:#5d7da1}
.wizard-visual-card.selected{border-color:#a78bfa;background:#21163a;box-shadow:0 0 0 2px rgba(167,139,250,.13)}
.wizard-visual-card>span:last-child{display:flex;flex-direction:column;min-width:0;padding:2px 0}
.wizard-visual-card strong{font-size:12px;color:#f8fafc}
.wizard-visual-card small{margin-top:4px;font-size:9px;line-height:1.38;color:#9fb0c5}
.wizard-visual-card em{margin-top:auto;padding-top:7px;font-size:8px;line-height:1.35;font-style:normal;color:#7f93aa}
.wizard-visual-preview{position:relative;display:block;overflow:hidden;min-height:90px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#14243a}
.wizard-visual-preview i{position:absolute;display:block}
.wizard-visual-preview i:nth-child(1){left:9px;top:9px;width:50px;height:50px;border-radius:11px;background:linear-gradient(135deg,#38bdf8,#8b5cf6)}
.wizard-visual-preview i:nth-child(2){right:8px;top:16px;width:27px;height:27px;border-radius:50%;border:5px solid rgba(255,255,255,.65)}
.wizard-visual-preview i:nth-child(3){left:12px;right:10px;bottom:10px;height:8px;border-radius:6px;background:rgba(255,255,255,.45)}
.wizard-visual-preview.visual-materials-first{background:#0f2f2a}.wizard-visual-preview.visual-materials-first i:nth-child(1){background:linear-gradient(135deg,#34d399,#0f766e)}
.wizard-visual-preview.visual-generate{background:linear-gradient(145deg,#3b0764,#9d174d)}.wizard-visual-preview.visual-generate i:nth-child(1){border-radius:50% 35% 55% 40%;background:linear-gradient(135deg,#f472b6,#fb923c)}
.wizard-visual-preview.visual-illustration{background:#172554}.wizard-visual-preview.visual-illustration i:nth-child(1){background:transparent;border:3px solid #93c5fd;transform:rotate(-8deg)}.wizard-visual-preview.visual-illustration i:nth-child(2){border-color:#facc15;border-width:3px}
.wizard-visual-preview.visual-minimal{background:#f8fafc}.wizard-visual-preview.visual-minimal i:nth-child(1){background:#e2e8f0;border-radius:4px}.wizard-visual-preview.visual-minimal i:nth-child(2){border-color:#334155}.wizard-visual-preview.visual-minimal i:nth-child(3){background:#64748b}
.wizard-image-style-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:10px 11px;border:1px solid #30465f;border-radius:12px;background:#0b1727}
.wizard-image-style-row>span{font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#8ea0b6}
.wizard-image-style-row>div{display:flex;flex-wrap:wrap;gap:5px}
.wizard-image-style-row button{padding:6px 8px;border:1px solid #314b67;border-radius:999px;background:#12243a;color:#aebed0;font-size:9px;box-shadow:none;cursor:pointer}
.wizard-image-style-row button:hover{border-color:#6686a8;color:#f8fafc}
.wizard-image-style-row button.selected{border-color:#a78bfa;background:#4c1d95;color:#faf5ff}
html[data-appearance="light"] .wizard-visual-card{background:#fff;border-color:#d6e0eb;color:#172033}
html[data-appearance="light"] .wizard-visual-card.selected{background:#f5f3ff;border-color:#8b5cf6}
html[data-appearance="light"] .wizard-visual-card strong{color:#172033}
html[data-appearance="light"] .wizard-visual-card small{color:#64748b}
html[data-appearance="light"] .wizard-image-style-row{background:#fff;border-color:#d6e0eb}
html[data-appearance="light"] .wizard-image-style-row button{background:#f8fafc;border-color:#d6e0eb;color:#475569}
html[data-appearance="light"] .wizard-image-style-row button.selected{background:#ede9fe;border-color:#8b5cf6;color:#5b21b6}
@media(max-width:820px){.wizard-visual-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wizard-visual-card{grid-template-columns:84px minmax(0,1fr)}.wizard-image-style-row{grid-template-columns:1fr}}


/* v1.0.427 Simplified Presentation design choice */
.wizard-presentation-direction-simple{max-width:980px}
.wizard-direction-hero-simple{grid-template-columns:1fr}
.wizard-simple-look-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.wizard-simple-look-card{display:grid;grid-template-rows:118px auto;gap:10px;padding:10px;border:1px solid #30465f;border-radius:15px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.wizard-simple-look-card:hover{border-color:#5d7da1;transform:translateY(-1px)}
.wizard-simple-look-card.selected{border-color:#60a5fa;background:#122a46;box-shadow:0 0 0 2px rgba(96,165,250,.15)}
.wizard-simple-look-card>.wizard-theme-preview{min-height:118px}
.wizard-simple-look-card>span:last-child{display:grid;gap:5px}
.wizard-simple-look-card strong{font-size:13px;color:#f8fafc}
.wizard-simple-look-card small{font-size:10px;line-height:1.4;color:#96a8bc}
.wizard-simple-look-card em{font-size:9px;line-height:1.38;color:#6f87a1;font-style:normal;padding-top:3px;border-top:1px solid rgba(148,163,184,.16)}
.wizard-theme-preview.theme-ai::after{content:"AI";position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font:800 8px/1 system-ui,sans-serif;letter-spacing:.08em}
.wizard-simple-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.wizard-simple-visual-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;align-items:stretch;padding:10px;border:1px solid #30465f;border-radius:14px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none}
.wizard-simple-visual-card:hover{border-color:#5d7da1}
.wizard-simple-visual-card.selected{border-color:#a78bfa;background:#21163a;box-shadow:0 0 0 2px rgba(167,139,250,.13)}
.wizard-simple-visual-card .wizard-visual-preview{min-height:82px}
.wizard-simple-visual-card>span:last-child{display:grid;align-content:center;gap:5px}
.wizard-simple-visual-card strong{font-size:12px;color:#f8fafc}
.wizard-simple-visual-card small{font-size:10px;line-height:1.42;color:#96a8bc}
.wizard-direction-summary-simple{grid-template-columns:auto 1fr;gap:5px 12px}
.wizard-direction-summary-simple small{grid-column:2}
html[data-appearance="light"] .wizard-simple-look-card,html[data-appearance="light"] .wizard-simple-visual-card{background:#fff;border-color:#d6e0eb;color:#172033}
html[data-appearance="light"] .wizard-simple-look-card.selected{background:#eef6ff;border-color:#3b82f6}
html[data-appearance="light"] .wizard-simple-visual-card.selected{background:#f5f3ff;border-color:#8b5cf6}
html[data-appearance="light"] .wizard-simple-look-card strong,html[data-appearance="light"] .wizard-simple-visual-card strong{color:#172033}
html[data-appearance="light"] .wizard-simple-look-card small,html[data-appearance="light"] .wizard-simple-visual-card small{color:#64748b}
html[data-appearance="light"] .wizard-simple-look-card em{color:#718096;border-top-color:#e2e8f0}
@media(max-width:860px){.wizard-simple-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wizard-simple-look-grid,.wizard-simple-visual-grid{grid-template-columns:1fr}.wizard-simple-look-card{grid-template-rows:105px auto}.wizard-direction-summary-simple{grid-template-columns:1fr}.wizard-direction-summary-simple small{grid-column:auto}}

/* v1.0.435 Presentation creation brief */
.wizard-approach-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.wizard-approach-card{display:grid;grid-template-rows:84px auto;gap:9px;padding:9px;border:1px solid #30465f;border-radius:14px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.wizard-approach-card:hover{border-color:#5d7da1;transform:translateY(-1px)}
.wizard-approach-card.selected{border-color:#34d399;background:#0d2d2a;box-shadow:0 0 0 2px rgba(52,211,153,.13)}
.wizard-approach-card>span:last-child{display:grid;align-content:start;gap:4px}
.wizard-approach-card strong{font-size:12px;color:#f8fafc}
.wizard-approach-card small{font-size:9px;line-height:1.42;color:#96a8bc}
.wizard-approach-preview{position:relative;display:block;overflow:hidden;min-height:84px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#172033}
.wizard-approach-preview i{position:absolute;display:block}
.wizard-approach-preview i:nth-child(1){left:10px;top:10px;width:52%;height:52%;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#8b5cf6)}
.wizard-approach-preview i:nth-child(2){right:9px;bottom:10px;width:38%;height:38%;border-radius:50%;background:#f59e0b}
.wizard-approach-preview i:nth-child(3){left:10px;right:10px;bottom:8px;height:5px;border-radius:999px;background:rgba(255,255,255,.38)}
.wizard-approach-preview.approach-ai::after{content:"AI";position:absolute;right:7px;top:7px;padding:4px 6px;border-radius:999px;background:rgba(15,23,42,.75);color:#fff;font:800 8px/1 system-ui,sans-serif;letter-spacing:.08em}
.wizard-approach-preview.approach-photographic{background:linear-gradient(155deg,#081b2a,#466f88)}
.wizard-approach-preview.approach-photographic i:nth-child(1){left:0;top:0;width:100%;height:100%;border-radius:0;background:linear-gradient(145deg,transparent 48%,rgba(255,255,255,.18) 49%),linear-gradient(25deg,#123d52 35%,#91b6c8 36% 58%,#e8c9a5 59%)}
.wizard-approach-preview.approach-photographic i:nth-child(2){right:12px;top:12px;bottom:auto;width:20px;height:20px;background:#f8d58a}
.wizard-approach-preview.approach-illustration{background:#2a1546}
.wizard-approach-preview.approach-illustration i:nth-child(1){background:transparent;border:3px solid #c4b5fd;transform:rotate(-7deg);border-radius:38% 55% 42% 58%}
.wizard-approach-preview.approach-illustration i:nth-child(2){background:#fb7185;border-radius:35% 65% 54% 46%}
.wizard-approach-preview.approach-playful{background:#173b45}
.wizard-approach-preview.approach-playful i:nth-child(1){border-radius:50%;background:#facc15;box-shadow:12px 8px 0 #fb7185}
.wizard-approach-preview.approach-playful i:nth-child(2){border-radius:10px;background:#67e8f9;transform:rotate(12deg)}
.wizard-approach-preview.approach-diagram{background:#10243b}
.wizard-approach-preview.approach-diagram i:nth-child(1){left:11px;top:16px;width:24px;height:24px;border-radius:6px;background:#38bdf8;box-shadow:48px 0 0 #a78bfa,24px 38px 0 #34d399}
.wizard-approach-preview.approach-diagram i:nth-child(2){left:30px;top:26px;width:52px;height:2px;border-radius:0;background:#cbd5e1;transform:rotate(0deg);box-shadow:-3px 23px 0 #cbd5e1}
.wizard-simple-visual-grid.is-disabled .wizard-simple-visual-card:first-child{opacity:.45;cursor:not-allowed}
html[data-appearance="light"] .wizard-approach-card{background:#fff;border-color:#d6e0eb;color:#172033}
html[data-appearance="light"] .wizard-approach-card.selected{background:#ecfdf5;border-color:#10b981}
html[data-appearance="light"] .wizard-approach-card strong{color:#172033}
html[data-appearance="light"] .wizard-approach-card small{color:#64748b}
@media(max-width:980px){.wizard-approach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.wizard-approach-grid{grid-template-columns:1fr}.wizard-approach-card{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto}.wizard-approach-preview{min-height:80px}}

/* v1.0.436 Presentation colour direction */
.wizard-colour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.wizard-colour-card{display:grid;grid-template-rows:72px auto;gap:9px;padding:9px;border:1px solid #30465f;border-radius:14px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.wizard-colour-card:hover{border-color:#5d7da1;transform:translateY(-1px)}
.wizard-colour-card.selected{border-color:#f59e0b;background:#30220c;box-shadow:0 0 0 2px rgba(245,158,11,.13)}
.wizard-colour-card>span:last-child{display:grid;align-content:start;gap:4px}
.wizard-colour-card strong{font-size:12px;color:#f8fafc}
.wizard-colour-card small{font-size:9px;line-height:1.42;color:#96a8bc}
.wizard-colour-preview{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;align-items:stretch;overflow:hidden;min-height:72px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#172033}
.wizard-colour-preview i{display:block;border-radius:6px}
.wizard-colour-preview.colour-ai i:nth-child(1){background:#f8fafc}.wizard-colour-preview.colour-ai i:nth-child(2){background:#111827}.wizard-colour-preview.colour-ai i:nth-child(3){background:#8b5cf6}.wizard-colour-preview.colour-ai i:nth-child(4){background:#f59e0b}
.wizard-colour-preview.colour-ai::after{content:"AI";position:absolute;right:7px;top:7px;padding:4px 6px;border-radius:999px;background:rgba(15,23,42,.76);color:#fff;font:800 8px/1 system-ui,sans-serif;letter-spacing:.08em}
.wizard-colour-preview.colour-light{background:#eef4fa}.wizard-colour-preview.colour-light i:nth-child(1){background:#fff}.wizard-colour-preview.colour-light i:nth-child(2){background:#dbeafe}.wizard-colour-preview.colour-light i:nth-child(3){background:#2563eb}.wizard-colour-preview.colour-light i:nth-child(4){background:#0f172a}
.wizard-colour-preview.colour-dark{background:#020617}.wizard-colour-preview.colour-dark i:nth-child(1){background:#0f172a}.wizard-colour-preview.colour-dark i:nth-child(2){background:#1e293b}.wizard-colour-preview.colour-dark i:nth-child(3){background:#38bdf8}.wizard-colour-preview.colour-dark i:nth-child(4){background:#f8fafc}
.wizard-colour-preview.colour-neutral{background:#e7e5e4}.wizard-colour-preview.colour-neutral i:nth-child(1){background:#fafaf9}.wizard-colour-preview.colour-neutral i:nth-child(2){background:#a8a29e}.wizard-colour-preview.colour-neutral i:nth-child(3){background:#57534e}.wizard-colour-preview.colour-neutral i:nth-child(4){background:#9a3412}
.wizard-colour-preview.colour-colourful{background:#312e81}.wizard-colour-preview.colour-colourful i:nth-child(1){background:#22d3ee}.wizard-colour-preview.colour-colourful i:nth-child(2){background:#f472b6}.wizard-colour-preview.colour-colourful i:nth-child(3){background:#facc15}.wizard-colour-preview.colour-colourful i:nth-child(4){background:#f8fafc}
html[data-appearance="light"] .wizard-colour-card{background:#fff;border-color:#d6e0eb;color:#172033}
html[data-appearance="light"] .wizard-colour-card.selected{background:#fffbeb;border-color:#f59e0b}
html[data-appearance="light"] .wizard-colour-card strong{color:#172033}
html[data-appearance="light"] .wizard-colour-card small{color:#64748b}
@media(max-width:980px){.wizard-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.wizard-colour-grid{grid-template-columns:1fr}.wizard-colour-card{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto}.wizard-colour-preview{min-height:72px}}

/* Presentation content-layout patterns */
.presentation-content-pattern-editor{display:grid;gap:9px;margin:0 0 12px;padding:11px;border:1px solid #2c435b;border-radius:10px;background:#0d1b2a}
.presentation-content-pattern-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.presentation-content-pattern-heading>div{display:grid;gap:2px;min-width:0}
.presentation-content-pattern-heading strong{font-size:12px;color:#e5f1ff}
.presentation-content-pattern-heading small{font-size:9px;line-height:1.35;color:#91a4bb}
.presentation-content-pattern-heading>span{max-width:44%;padding:4px 7px;border:1px solid #36516d;border-radius:999px;background:#11283f;color:#bfe5ff;font-size:8px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.presentation-content-pattern-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.presentation-content-pattern-card{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:7px;min-width:0;height:auto!important;padding:7px!important;border:1px solid #2d465f!important;border-radius:9px!important;background:#102338!important;color:#e5f1ff!important;text-align:left;cursor:pointer;box-shadow:none!important}
.presentation-content-pattern-card:hover:not(:disabled){background:#17324d!important;border-color:#577696!important;transform:translateY(-1px)}
.presentation-content-pattern-card.selected{border-color:#38bdf8!important;background:#113754!important;box-shadow:0 0 0 1px rgba(56,189,248,.18)!important}
.presentation-content-pattern-card:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}
.presentation-content-pattern-card .presentation-layout-diagram{width:68px}
.presentation-content-pattern-card>span:last-child{display:grid;gap:2px;min-width:0}
.presentation-content-pattern-card strong{font-size:9px;line-height:1.25;color:#f2f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.presentation-content-pattern-card small{display:-webkit-box;overflow:hidden;font-size:8px;line-height:1.35;color:#91a4bb;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.presentation-content-pattern-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.presentation-content-pattern-actions button{height:32px;border:1px solid #3b5875;border-radius:7px;background:#17314c;color:#e5f1ff;font-size:10px;font-weight:700;cursor:pointer}
.presentation-content-pattern-actions button.secondary{background:transparent;color:#b7c7d9}
.presentation-content-pattern-actions button:hover:not(:disabled){background:#214363;border-color:#5d7c9d}
.presentation-content-pattern-actions button.hidden{display:none!important}
.presentation-content-pattern-card:disabled,.presentation-content-pattern-actions button:disabled{opacity:.42;cursor:default;transform:none!important}
.presentation-content-pattern-status{display:block;min-height:14px;color:#91a4bb;font-size:9px;line-height:1.45}
.presentation-content-pattern-status.error{color:#fca5a5}
.presentation-layout-region.role-bullet,.presentation-layout-region.role-dot,.presentation-layout-region.role-icon{border-radius:999px;border-color:rgba(56,189,248,.75);background:rgba(56,189,248,.34)}
.presentation-layout-region.role-arrow,.presentation-layout-region.role-vs,.presentation-layout-region.role-button,.presentation-layout-region.role-banner{border-color:rgba(251,191,36,.72);background:rgba(251,191,36,.3)}
.presentation-layout-region.role-card,.presentation-layout-region.role-column,.presentation-layout-region.role-stat,.presentation-layout-region.role-quote-box,.presentation-layout-region.role-bubble{border-color:rgba(167,139,250,.68);background:rgba(167,139,250,.24)}
html[data-appearance="light"] .presentation-content-pattern-editor{background:#f5f8fb;border-color:#d8e1eb}
html[data-appearance="light"] .presentation-content-pattern-heading strong{color:#18324a}
html[data-appearance="light"] .presentation-content-pattern-heading small{color:#64748b}
html[data-appearance="light"] .presentation-content-pattern-heading>span{background:#e8f5fd;border-color:#a8d7ef;color:#075985}
html[data-appearance="light"] .presentation-content-pattern-card{background:#fff!important;color:#172033!important;border-color:#cbd5e1!important}
html[data-appearance="light"] .presentation-content-pattern-card:hover:not(:disabled){background:#f0f7fc!important;border-color:#7aa6c7!important}
html[data-appearance="light"] .presentation-content-pattern-card.selected{background:#e8f5fd!important;border-color:#0284c7!important}
html[data-appearance="light"] .presentation-content-pattern-card strong{color:#172033}
html[data-appearance="light"] .presentation-content-pattern-card small{color:#64748b}
html[data-appearance="light"] .presentation-content-pattern-actions button{background:#e9f0f7;color:#18324a;border-color:#b9c9d9}
html[data-appearance="light"] .presentation-content-pattern-actions button.secondary{background:transparent;color:#49627a}
html[data-appearance="light"] .presentation-content-pattern-status{color:#64748b}
html[data-appearance="light"] .presentation-content-pattern-status.error{color:#b91c1c}

/* v1.0.473 Presentation block-owned Content Layout controls */
.presentation-content-popover{position:fixed;z-index:1400;display:grid;gap:10px;width:min(370px,calc(100vw - 20px));max-height:min(620px,calc(100vh - 20px));overflow:auto;padding:12px;border:1px solid #38536e;border-radius:13px;background:#0b1727;color:#e5f1ff;box-shadow:0 22px 70px rgba(2,8,23,.48)}
.presentation-content-popover.hidden{display:none!important}
.presentation-content-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #263e56}
.presentation-content-popover-head>div{display:grid;gap:3px;min-width:0}
.presentation-content-popover-head strong{font-size:13px;color:#f2f7fb}
.presentation-content-popover-head small{font-size:9px;line-height:1.35;color:#91a4bb}
.presentation-content-popover-head .icon-btn{flex:0 0 auto;width:28px;height:28px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#cfe7fb}
.presentation-content-popover .presentation-content-pattern-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.presentation-content-popover .presentation-content-pattern-card{grid-template-columns:62px minmax(0,1fr)}
.presentation-content-popover .presentation-content-pattern-card .presentation-layout-diagram{width:62px}
html[data-appearance="light"] .presentation-content-popover{background:#fff;border-color:#cbd5e1;color:#172033;box-shadow:0 22px 64px rgba(15,23,42,.22)}
html[data-appearance="light"] .presentation-content-popover-head{border-color:#d8e3ef}
html[data-appearance="light"] .presentation-content-popover-head strong{color:#172033}
html[data-appearance="light"] .presentation-content-popover-head small{color:#64748b}
html[data-appearance="light"] .presentation-content-popover-head .icon-btn{background:#f8fafc;border-color:#cbd5e1;color:#334155}
@media(max-width:680px){.presentation-content-popover{width:calc(100vw - 16px);left:8px!important}.presentation-content-popover .presentation-content-pattern-gallery{grid-template-columns:1fr}}

/* 1.0.473 shared Media Library */
.media-library-filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(4,minmax(120px,auto));gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel-soft,#f8fafc)}
.media-library-filters.hidden{display:none}
.media-library-filters input,.media-library-filters select{min-width:0}
.media-library-usage{grid-column:1/-1;color:var(--muted);font-weight:600}
.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:12px;align-content:start}
.media-library-card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:220px;cursor:pointer;color:inherit;box-shadow:none}
.media-library-card:hover,.media-library-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.media-library-thumb{height:132px;background:repeating-conic-gradient(from 45deg,#f1f5f9 0 25%,#fff 0 50%) 0/18px 18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.media-library-thumb img{width:100%;height:100%;object-fit:contain;background:transparent}
.media-library-card-body{padding:10px;display:grid;gap:5px}
.media-library-card-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-library-card-meta{display:flex;flex-wrap:wrap;gap:5px}
.media-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:11px;color:var(--muted);background:var(--panel-soft,#f8fafc)}
.media-library-card-description{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.media-preview-large{border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(from 45deg,#f1f5f9 0 25%,#fff 0 50%) 0/18px 18px;overflow:hidden;min-height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.media-preview-large img{max-width:100%;max-height:320px;object-fit:contain}
.media-upload-modal{width:min(720px,calc(100vw - 32px))}
.media-upload-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.media-upload-modal .form-grid label{display:grid;gap:6px}
.media-upload-modal .form-grid .full{grid-column:1/-1}
@media(max-width:900px){.media-library-filters{grid-template-columns:1fr 1fr}.media-library-filters input{grid-column:1/-1}.media-upload-modal .form-grid{grid-template-columns:1fr}.media-upload-modal .form-grid .full{grid-column:auto}}

.phase-question-visual-brief{max-width:100%;font-size:12px;color:#a9b8ca;}
.phase-question-visual-brief summary{cursor:pointer;display:inline-flex;max-width:100%;font-weight:800;color:#93c5fd;text-decoration:underline;text-underline-offset:3px;}
.phase-question-visual-brief p{margin:7px 0 0;max-height:160px;overflow:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.45;padding:8px 9px;border-radius:8px;background:rgba(15,23,42,.36);}
html[data-appearance="light"] .phase-question-visual-brief{color:#53667e;}
html[data-appearance="light"] .phase-question-visual-brief summary{color:#2563a5;}
html[data-appearance="light"] .phase-question-visual-brief p{background:#f3f7fb;}

.workspace-image-usage{margin:0 0 7px;padding:6px 8px;border-radius:8px;background:rgba(59,130,246,.09);color:#9ec8ff;font-size:11px;font-weight:800;line-height:1.3;text-align:center;}
html[data-appearance="light"] .workspace-image-usage{background:#edf5ff;color:#245c95;}

/* 1.0.473 Media Library appearance and scope stabilisation */
.media-library-filters{background:var(--panel2);border-color:var(--line)}
.media-library-card{background:var(--panel);border-color:var(--line);color:var(--text)}
.media-library-card-body{background:var(--panel)}
.media-pill{background:var(--panel2);border-color:var(--line);color:var(--muted)}
.media-upload-modal{background:var(--panel);color:var(--text);border-color:var(--line)}
.media-upload-modal .modal-head{border-bottom:1px solid var(--line);padding-bottom:12px}
.media-upload-modal .modal-head h2{color:var(--text)}
.media-upload-modal .modal-head p{color:var(--muted)}
.media-upload-modal input[type="file"]{padding:8px;background:var(--panel2);color:var(--text)}
.media-upload-modal input[type="file"]::file-selector-button{margin-right:10px;border:1px solid var(--line);border-radius:8px;padding:8px 11px;background:var(--panel);color:var(--text);font-weight:800;cursor:pointer}
.media-upload-modal input[type="file"]::file-selector-button:hover{border-color:var(--blue)}
.media-preview-large,.media-library-thumb{border-color:var(--line)}
html[data-appearance="dark"] .media-library-thumb,
html[data-appearance="dark"] .media-preview-large{background:repeating-conic-gradient(from 45deg,#122238 0 25%,#0b192a 0 50%) 0/18px 18px}
html[data-appearance="light"] .media-library-thumb,
html[data-appearance="light"] .media-preview-large{background:repeating-conic-gradient(from 45deg,#edf2f7 0 25%,#fff 0 50%) 0/18px 18px}
html[data-appearance="dark"] .media-library-card:hover,
html[data-appearance="dark"] .media-library-card.selected{background:#12243a;border-color:#4c8df5;box-shadow:0 0 0 2px rgba(76,141,245,.18)}
html[data-appearance="light"] .media-library-card:hover,
html[data-appearance="light"] .media-library-card.selected{background:#f8fbff;border-color:#5b8fe8;box-shadow:0 0 0 2px rgba(47,111,237,.13)}
[data-asset-view]:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important}


/* 1.0.497 Presentation workspace inspector */
.presentation-inspector-panel{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}
.presentation-inspector-panel.hidden{display:none!important}
.presentation-inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 0 12px;border-bottom:1px solid var(--line)}
.presentation-inspector-head>div{display:grid;gap:2px;min-width:0}.presentation-inspector-head strong{font-size:15px}.presentation-inspector-head small{font-size:10px;color:var(--muted);line-height:1.35}
.presentation-inspector-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0}
.presentation-inspector-scopes button{min-width:0;padding:9px 7px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--muted);font-size:11px;font-weight:850;box-shadow:none}
.presentation-inspector-scopes button.active{border-color:#5f9ce0;background:#17395f;color:#f8fbff}
.presentation-inspector-body{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.presentation-inspector-body.hidden{display:none!important}
.visual-styles-panel.in-presentation-inspector{position:static;inset:auto;z-index:auto;width:100%;max-height:none;min-height:0;flex:1;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.visual-styles-panel.in-presentation-inspector .visual-styles-head{display:none!important}
.visual-styles-panel.in-presentation-inspector .visual-styles-body{padding:0 1px 10px;min-height:0;overflow:auto}
.visual-styles-panel.in-presentation-inspector .visual-style-save-bar{position:sticky;bottom:0;z-index:3;margin-top:2px}
.presentation-inspector-activity{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:10px;border-top:1px solid var(--line)}
.presentation-inspector-activity button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);box-shadow:none;font-size:10px;font-weight:800;text-align:left}
.presentation-inspector-activity button.active{border-color:#60a5fa;background:#17395f;color:#fff}.presentation-inspector-activity b{min-width:20px;padding:2px 6px;border-radius:999px;background:rgba(96,165,250,.14);text-align:center;font-size:9px}
.presentation-inspector-control-card{display:grid;gap:7px;padding:10px;border:1px solid #294059;border-radius:11px;background:#0c192a}
.presentation-inspector-control-card>label{font-size:10px;font-weight:850;color:#dbeafe}.presentation-inspector-control-card>small{font-size:8px;line-height:1.4;color:#8498b0}
.presentation-inspector-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.presentation-inspector-inline select{min-width:0}.presentation-inspector-inline button{min-width:62px}
.presentation-role-control{border:1px solid #263e56;border-radius:10px;background:#0a1524;overflow:hidden}.presentation-role-control>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;cursor:pointer}.presentation-role-control>summary strong{font-size:10px}.presentation-role-control>summary small{font-size:8px;color:#8498b0}.presentation-role-control>.presentation-style-field{margin:0 7px 7px}
.presentation-inheritance-note{display:grid;gap:3px;padding:9px;border:1px solid #68571f;border-radius:9px;background:#211d11;color:#f3dfa1;font-size:9px;line-height:1.4}
.presentation-deck-theme-editor .presentation-style-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.presentation-slide-theme-editor .presentation-style-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
body.right-collapsed.presentation-workspace-active .right-panel>.presentation-inspector-panel{display:flex!important;height:100%;padding:0}
body.right-collapsed.presentation-workspace-active .presentation-inspector-panel>*:not(.presentation-inspector-head){display:none!important}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head{height:100%;padding:0;border:0;align-items:center;justify-content:flex-start}.right-collapsed.presentation-workspace-active .presentation-inspector-head>div{display:none}.right-collapsed.presentation-workspace-active .presentation-inspector-head .icon-btn{width:100%;height:42px}
html[data-appearance="light"] .presentation-inspector-scopes button,html[data-appearance="light"] .presentation-inspector-activity button{background:#f6f9fc;color:#53657b;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-inspector-scopes button.active,html[data-appearance="light"] .presentation-inspector-activity button.active{background:#e6f1ff;color:#164e7a;border-color:#77a9df}
html[data-appearance="light"] .presentation-inspector-control-card,html[data-appearance="light"] .presentation-role-control{background:#fff;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-inspector-control-card>label{color:#172033}html[data-appearance="light"] .presentation-inspector-control-card>small,html[data-appearance="light"] .presentation-role-control>summary small{color:#64748b}
html[data-appearance="light"] .presentation-inheritance-note{background:#fff8dd;border-color:#e8cf72;color:#6d5310}
@media(max-width:900px){.presentation-slide-theme-editor .presentation-style-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Presentation workspace foundation 1.0.497 */
.presentation-primary-nav{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}
.presentation-primary-nav button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 7px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--muted);font-size:10px;font-weight:850;box-shadow:none}
.presentation-primary-nav button.active{border-color:#60a5fa;background:#17395f;color:#fff}
.presentation-primary-nav b{min-width:20px;padding:2px 6px;border-radius:999px;background:rgba(96,165,250,.14);font-size:9px;text-align:center}
.presentation-inspector-scopes{grid-template-columns:1fr}
.presentation-inspector-body{overflow:auto}
.presentation-activity-open .presentation-inspector-panel{height:auto;min-height:0;flex:0 0 auto;overflow:visible}
.presentation-activity-open .right-panel>.workspace-rail-section:not(.hidden){display:flex;flex:1 1 auto;min-height:0;overflow:auto;margin-top:10px}
.presentation-style-information{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:10px}
.presentation-style-information span,.presentation-section-heading small,.presentation-structure-hint{font-size:9px;color:var(--muted)}
.presentation-style-information strong{font-size:17px;text-transform:capitalize}
.presentation-style-information small{font-size:9px;line-height:1.4;color:var(--muted)}
.presentation-settings-group,.presentation-slide-structure{display:grid;gap:8px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:10px}
.presentation-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.presentation-section-heading strong{font-size:12px}
.presentation-more-roles{margin-top:4px;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.presentation-more-roles>summary{padding:11px;cursor:pointer;font-size:11px;font-weight:800;background:var(--panel2)}
.presentation-more-roles>.presentation-role-control{margin:7px}
.presentation-slide-structure-list{display:grid;gap:4px}
.presentation-slide-structure-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}
.presentation-slide-structure-row>button:first-child{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;box-shadow:none;font-size:10px}
.presentation-slide-structure-row.is-present>button:first-child:hover{background:rgba(96,165,250,.12)}
.presentation-slide-structure-row>button:disabled{opacity:.62}
.presentation-structure-status{width:16px;color:#60a5fa;font-weight:900;text-align:center}
.presentation-structure-add{padding:5px 8px!important;font-size:9px!important}
.presentation-slide-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.presentation-add-slide-modal-card{width:min(1040px,94vw);max-height:90vh;display:flex;flex-direction:column}
.presentation-add-slide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:auto;padding:4px 2px 12px}
.presentation-add-slide-variation-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:58vh}
.presentation-add-slide-card{display:grid;grid-template-rows:140px auto;gap:9px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);text-align:left;box-shadow:none}
.presentation-add-slide-card:hover:not(:disabled),.presentation-add-slide-card.is-selected{border-color:#60a5fa;background:color-mix(in srgb,var(--panel2) 82%,#2563eb 18%);transform:translateY(-1px)}
.presentation-add-slide-card.is-disabled{opacity:.48;cursor:not-allowed}
.presentation-add-slide-preview{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#eef3f8;border:1px solid rgba(100,116,139,.22)}
.presentation-add-slide-preview .presentation-layout-diagram{width:100%;height:100%}
.presentation-add-slide-card-copy{display:grid;gap:4px}
.presentation-add-slide-card-copy strong{font-size:12px}
.presentation-add-slide-card-copy small{font-size:9px;line-height:1.4;color:var(--muted)}
.presentation-add-slide-back{width:max-content;margin-bottom:10px;background:transparent;border:0;box-shadow:none;padding:4px 0;color:#60a5fa;font-size:10px;font-weight:800}
.presentation-add-slide-actions{padding-top:10px;border-top:1px solid var(--line)}
body.presentation-workspace-active #visualStylesBtn{display:inline-flex!important}
body.presentation-workspace-active #workspaceModeBtn{min-width:116px}
html[data-appearance="light"] .presentation-primary-nav button,html[data-appearance="light"] .presentation-style-information,html[data-appearance="light"] .presentation-settings-group,html[data-appearance="light"] .presentation-slide-structure,html[data-appearance="light"] .presentation-more-roles>summary,html[data-appearance="light"] .presentation-add-slide-card{background:#f7fafe;color:#172033;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-primary-nav button.active{background:#e6f1ff;color:#164e7a;border-color:#77a9df}
@media(max-width:1100px){.presentation-add-slide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-add-slide-variation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.presentation-workspace-active #generatePresentationImagesBtn{display:none!important}
.presentation-structure-later{padding:4px 7px;color:var(--muted);font-size:8px;font-weight:700}


/* 1.0.497 Presentation workspace foundation correction */
body.presentation-workspace-active .presentation-blueprint-bar{display:none!important}
.presentation-style-information{color:var(--text)}
.presentation-style-information strong{color:var(--text)}
.presentation-style-information span,.presentation-style-information small{color:var(--muted)}
.presentation-slide-variation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.presentation-slide-variation-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 86%,transparent);color:var(--text);text-align:left;box-shadow:none}
.presentation-slide-variation-card:hover{border-color:#5f9ce0;background:rgba(59,130,246,.09)}
.presentation-slide-variation-card.is-selected{border-color:#60a5fa;box-shadow:0 0 0 1px rgba(96,165,250,.32) inset;background:rgba(37,99,235,.14)}
.presentation-slide-variation-card .presentation-add-slide-preview{min-height:42px;border-radius:6px}
.presentation-slide-variation-card>span:last-child{display:grid;gap:2px;min-width:0}
.presentation-slide-variation-card strong{font-size:10px;line-height:1.25}
.presentation-slide-variation-card small{font-size:8px;line-height:1.35;color:var(--muted)}
.presentation-custom-layout-note{padding:10px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:10px;line-height:1.45}
html[data-appearance="light"] .presentation-slide-variation-card{background:#fff;color:#172033;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-slide-variation-card.is-selected{background:#eaf3ff;border-color:#77a9df}

/* 1.0.497 Presentation direct editing */
.presentation-inspector-head{align-items:center;padding-bottom:10px}
.presentation-inspector-head>div{display:flex;align-items:baseline;gap:8px}
.presentation-inspector-head small{font-size:11px;font-weight:750;color:var(--text)}
.presentation-settings-accordion{margin:0 0 9px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);overflow:hidden;color:var(--text)}
.presentation-settings-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;cursor:pointer;list-style:none;font-size:11px;color:var(--text)}
.presentation-settings-accordion>summary::-webkit-details-marker{display:none}
.presentation-settings-accordion>summary span{color:var(--muted);transition:transform .15s ease}
.presentation-settings-accordion[open]>summary span{transform:rotate(180deg)}
.presentation-settings-accordion-body{display:grid;gap:9px;padding:0 10px 10px;border-top:1px solid var(--line)}
.presentation-typography-pair{display:grid;gap:6px;padding-top:9px}
.presentation-typography-pair+.presentation-typography-pair{border-top:1px solid var(--line)}
.presentation-typography-pair>strong{font-size:10px;color:var(--text)}
.presentation-typography-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,.72fr);gap:7px;align-items:end}
.presentation-typography-controls .presentation-style-field{margin:0;min-width:0}
.presentation-typography-controls .presentation-style-field label{font-size:8px}
.presentation-more-roles{display:grid;gap:7px;padding-top:8px}
.presentation-role-control{background:color-mix(in srgb,var(--panel) 82%,transparent);border-color:var(--line)}
.presentation-role-control>summary{padding:8px 9px;color:var(--text)}
.presentation-role-control>summary span{color:var(--muted)}
.presentation-role-control>div{display:grid;gap:7px;padding:0 8px 8px}
.presentation-slide-type-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 1px 9px;color:var(--muted);font-size:9px}
.presentation-slide-type-line strong{font-size:11px;color:var(--text)}
.presentation-slide-variation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:9px}
.presentation-slide-variation-card{display:grid;grid-template-columns:1fr;grid-template-rows:74px auto;align-items:stretch;gap:6px;padding:7px;text-align:center}
.presentation-slide-variation-card .presentation-add-slide-preview{min-height:74px}
.presentation-slide-variation-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.presentation-slide-structure{display:block;padding:0;margin-bottom:9px;background:var(--panel2)}
.presentation-slide-structure .presentation-settings-accordion-body{padding-top:7px}
.presentation-slide-structure-list{justify-items:stretch;text-align:left}
.presentation-slide-structure-row{width:100%}
.presentation-slide-structure-row>button:first-child{justify-content:flex-start;width:100%;text-align:left}
.presentation-structure-add{display:grid!important;place-items:center;width:24px;height:24px;padding:0!important;border-radius:999px!important;font-size:14px!important;font-weight:900!important}
.visual-styles-panel.in-presentation-inspector .visual-style-save-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;margin:2px 0 0;border-radius:9px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 -5px 14px rgba(0,0,0,.12)}
.visual-styles-panel.in-presentation-inspector .visual-style-save-bar p{margin:0;font-size:9px}
.visual-styles-panel.in-presentation-inspector .visual-style-save-bar .button-row{gap:5px}
.visual-styles-panel.in-presentation-inspector .visual-style-save-bar button{padding:7px 9px;font-size:9px}
/* Legacy Presentation hides the shared AI Changes controls. Slides also carries the
   presentation-workspace-active class for editor chrome, so explicitly exclude Slides: Slides
   uses the same AI Changes composer as Sites/Documents. */
body.presentation-workspace-active:not(.slides-workspace-active) #taskKindField,
body.presentation-workspace-active:not(.slides-workspace-active) #workspaceImageSelection,
body.presentation-workspace-active:not(.slides-workspace-active) #workspaceImageUsage,
body.presentation-workspace-active:not(.slides-workspace-active) #generatePresentationImagesBtn,
body.presentation-workspace-active:not(.slides-workspace-active) #editSelectedTextBtn{display:none!important}
html[data-appearance="light"] .presentation-settings-accordion{background:#f7fafe;color:#172033;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-role-control{background:#fff;color:#172033;border-color:#d8e3ef}
@media(max-width:900px){.presentation-typography-controls{grid-template-columns:1fr}.presentation-slide-variation-grid{grid-template-columns:1fr}}

/* 1.0.497 Presentation direct-editing usability correction */
.presentation-settings-accordion:not([open])>.presentation-settings-accordion-body{display:none!important}
.presentation-settings-accordion:not([open]){min-height:0!important}
.presentation-settings-accordion:not([open])>summary{min-height:0}
.presentation-typography-control{display:flex!important;align-items:center;min-width:0;margin:0!important}
.presentation-typography-control select{display:block;width:100%;min-width:0}
.presentation-typography-controls{align-items:center}


/* Presentation fit and media selection 1.0.497 */
.presentation-image-replace-card{width:min(980px,calc(100vw - 48px));max-height:min(820px,calc(100vh - 48px));display:flex;flex-direction:column}.presentation-image-replace-search{padding:0 20px 14px}.presentation-image-replace-search input{width:100%}.presentation-image-replace-grid{padding:0 20px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow:auto;min-height:240px}.presentation-image-replace-item{display:flex;flex-direction:column;gap:8px;padding:8px;border:2px solid transparent;border-radius:12px;background:var(--panel-2,#fff);color:inherit;text-align:left}.presentation-image-replace-item img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:var(--panel-3,#eef2f7)}.presentation-image-replace-item strong{font-size:12px;line-height:1.25}.presentation-image-replace-item.is-selected{border-color:var(--accent,#3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#3b82f6) 22%,transparent)}
.presentation-slide-layout-section{display:grid;gap:7px;padding:2px 0 10px}
.presentation-slide-layout-section+.presentation-slide-layout-section{border-top:1px solid var(--line);padding-top:11px}
.presentation-slide-layout-section-head{display:grid;gap:2px}
.presentation-slide-layout-section-head>strong{font-size:10px;color:var(--text)}
.presentation-slide-layout-section-head>small{font-size:8px;line-height:1.35;color:var(--muted)}

/* Presentation editor final polish 1.0.503 */
.visual-styles-body{display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:0}
.visual-styles-scroll{display:grid;align-content:start;grid-auto-rows:max-content;gap:13px;min-height:0;flex:1;overflow:auto;padding:0 1px 10px;overscroll-behavior:contain}
.visual-styles-panel.in-presentation-inspector .visual-styles-body{display:flex;overflow:hidden;padding:0 1px;align-items:stretch}
.visual-styles-panel.in-presentation-inspector .visual-styles-scroll{padding:0 1px 8px}
.visual-styles-panel.in-presentation-inspector .visual-style-save-bar{position:static;flex:0 0 auto;bottom:auto;margin:0;align-self:stretch}
.presentation-selected-style-editor{align-content:start;grid-auto-rows:max-content;align-self:start;width:100%}
.presentation-settings-accordion{align-self:start;width:100%;min-height:0}
.presentation-settings-accordion:not([open]){display:block;height:auto;min-height:0;margin-bottom:9px}
.presentation-settings-accordion:not([open])>summary{height:auto;min-height:0;padding:8px 11px;align-items:center}
.presentation-slide-layout-section-head{display:block}
.presentation-layout-region.role-content-zone{border-color:rgba(96,165,250,.7);background:rgba(59,130,246,.12)}
.presentation-layout-region.role-text-line{height:5px!important;border:0;background:#2563eb;border-radius:999px;opacity:.86}
.presentation-layout-region.role-visual{z-index:1}
.presentation-layout-region.role-content-zone,.presentation-layout-region.role-text-line{z-index:2}
html[data-appearance="light"] .presentation-layout-region.role-content-zone{border-color:rgba(37,99,235,.48);background:rgba(59,130,246,.1)}
html[data-appearance="light"] .presentation-layout-region.role-text-line{background:#2563eb}
.presentation-slide-variation-card.is-disabled,.presentation-slide-variation-card:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)}
.presentation-slide-variation-card.is-disabled:hover,.presentation-slide-variation-card:disabled:hover{border-color:var(--line);background:color-mix(in srgb,var(--panel2) 86%,transparent)}

/* 1.0.509 managed Presentation items */
.presentation-slide-structure-entry{display:grid;gap:4px;min-width:0}
.presentation-managed-items{display:grid;gap:4px;margin:0 0 5px 23px;padding-left:7px;border-left:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.presentation-managed-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;min-width:0}
.presentation-managed-item-label{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 6px;border:0;border-radius:7px;background:transparent;color:var(--text);box-shadow:none;text-align:left}
.presentation-managed-item-label:hover{background:rgba(96,165,250,.1)}
.presentation-managed-item-label span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:999px;background:rgba(96,165,250,.13);font-size:8px;font-weight:850;color:#60a5fa}
.presentation-managed-item-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}
.presentation-managed-item-actions{display:flex;align-items:center;gap:2px}
.presentation-managed-item-actions button{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:6px;font-size:8px;box-shadow:none}
.presentation-managed-item-actions button:disabled{opacity:.28}
.presentation-managed-item-actions button.danger{color:#f87171}
@media(max-width:1100px){.presentation-managed-item-row{grid-template-columns:1fr}.presentation-managed-item-actions{justify-content:flex-start;flex-wrap:wrap}}


/* Presentation content item and visual slot contract 1.0.525 */
.presentation-slide-structure-row>button:first-child .presentation-structure-label{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.2}
.presentation-slide-structure-row>button:first-child small{margin-left:auto;font-size:8px;font-weight:700;color:var(--muted);white-space:nowrap}
.presentation-slide-structure-row.is-optional>button:first-child:disabled{opacity:.82;color:var(--muted)}
.presentation-managed-item-label strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
.presentation-item-compose-card{width:min(760px,calc(100vw - 48px));max-height:min(820px,calc(100vh - 48px));overflow:auto}
.presentation-item-compose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px 18px}
.presentation-item-compose-grid>label,.presentation-item-compose-section label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}
.presentation-item-compose-grid select,.presentation-item-compose-grid input{width:100%}
.presentation-item-compose-section{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 86%,transparent)}
.presentation-item-compose-size{grid-template-columns:repeat(3,minmax(0,1fr))}
.presentation-item-compose-check{display:flex!important;align-items:center;gap:8px!important;align-self:end;min-height:38px}.presentation-item-compose-check input{width:auto}
.presentation-item-compose-note{margin:0 20px 4px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:12px;line-height:1.4;color:var(--muted)}
@media(max-width:720px){.presentation-item-compose-grid,.presentation-item-compose-section,.presentation-item-compose-size{grid-template-columns:1fr}}


/* 1.0.525 Presentation manual item editing and navigation guard */
.presentation-managed-item-row{
  display:block;
  min-width:0;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  border-radius:9px;
  background:color-mix(in srgb,var(--panel) 72%,transparent);
  overflow:hidden;
}
.presentation-managed-item-row>summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:7px;
  align-items:center;
  padding:6px;
  cursor:pointer;
  list-style:none;
}
.presentation-managed-item-row>summary::-webkit-details-marker{display:none}
.presentation-managed-item-row>summary>.presentation-managed-item-label{padding:4px 5px}
.presentation-managed-item-summary{
  max-width:92px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:8px;
  font-weight:750;
}
.presentation-managed-item-body{
  display:grid;
  gap:6px;
  padding:7px;
  border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.presentation-managed-item-slot{
  display:grid;
  grid-template-columns:minmax(58px,.7fr) minmax(64px,1fr) auto;
  gap:6px;
  align-items:center;
  min-width:0;
  padding:6px;
  border-radius:7px;
  background:color-mix(in srgb,var(--panel2) 82%,transparent);
}
.presentation-managed-item-slot>span{
  color:var(--muted);
  font-size:8px;
  font-weight:750;
}
.presentation-managed-item-slot>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
}
.presentation-managed-item-slot>div,
.presentation-slide-image-actions,
.presentation-selected-managed-item-slots>div>div{
  display:flex;
  gap:4px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.presentation-managed-item-slot button,
.presentation-slide-image-actions button,
.presentation-selected-managed-item button{
  min-height:24px;
  padding:4px 7px;
  border-radius:6px;
  font-size:8px;
  box-shadow:none;
}
.presentation-managed-item-actions{
  display:flex;
  gap:4px;
  justify-content:flex-start;
  flex-wrap:wrap;
  padding-top:2px;
}
.presentation-managed-item-actions button{
  display:inline-flex;
  width:auto;
  min-width:0;
  height:auto;
  min-height:24px;
  padding:4px 7px;
}
.presentation-slide-structure-row:has(.presentation-slide-image-actions){
  grid-template-columns:minmax(0,1fr) auto;
}
.presentation-slide-image-actions{padding-right:2px}
.presentation-selected-managed-item{
  display:grid;
  gap:8px;
  padding:10px;
  margin-bottom:10px;
  border:1px solid color-mix(in srgb,#60a5fa 42%,var(--line));
  border-radius:12px;
  background:color-mix(in srgb,#60a5fa 8%,var(--panel2));
}
.presentation-selected-managed-item-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}
.presentation-selected-managed-item-head>div{display:grid;gap:2px;min-width:0}
.presentation-selected-managed-item-head small{
  color:#60a5fa;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.presentation-selected-managed-item-head strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.presentation-selected-managed-item-head>span{
  display:grid;
  place-items:center;
  flex:0 0 22px;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(96,165,250,.14);
  color:#60a5fa;
  font-size:9px;
  font-weight:850;
}
.presentation-selected-managed-item-slots{display:grid;gap:5px}
.presentation-selected-managed-item-slots>div{
  display:grid;
  grid-template-columns:minmax(64px,.7fr) minmax(64px,1fr) auto;
  gap:6px;
  align-items:center;
  padding:6px;
  border-radius:7px;
  background:color-mix(in srgb,var(--panel) 72%,transparent);
}
.presentation-selected-managed-item-slots span{color:var(--muted);font-size:8px;font-weight:750}
.presentation-selected-managed-item-slots strong{font-size:8px}
.presentation-selected-managed-item-actions{
  display:flex;
  justify-content:space-between;
  gap:6px;
  flex-wrap:wrap;
}
.presentation-required-field{color:var(--muted);font-size:8px;font-weight:700}
@media(max-width:1100px){
  .presentation-managed-item-slot,
  .presentation-selected-managed-item-slots>div{grid-template-columns:1fr}
  .presentation-managed-item-slot>div,
  .presentation-selected-managed-item-slots>div>div{justify-content:flex-start}
}

/* 1.0.525 — Slide Structure remains an overview; content-item editing lives in the canvas popup. */
.presentation-managed-items-summary{margin:0 0 5px 23px;padding-left:7px;border-left:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.presentation-managed-items-summary>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;border-radius:7px;color:var(--muted);font-size:9px;font-weight:750;cursor:pointer;list-style:none}
.presentation-managed-items-summary>summary::-webkit-details-marker{display:none}
.presentation-managed-items-summary>summary:hover{background:rgba(96,165,250,.08);color:var(--text)}
.presentation-managed-items-summary>div{display:grid;gap:3px;padding:3px 0 4px}
.presentation-managed-items-summary>div>button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;padding:5px 6px;border:0;border-radius:7px;background:transparent;color:var(--text);box-shadow:none;text-align:left}
.presentation-managed-items-summary>div>button:hover{background:rgba(96,165,250,.1)}
.presentation-managed-items-summary>div>button>span{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:rgba(96,165,250,.13);font-size:8px;font-weight:850;color:#60a5fa}
.presentation-managed-items-summary>div>button>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.presentation-managed-items-summary>div>button>small{font-size:8px;color:var(--muted);white-space:nowrap}
.presentation-managed-items-summary>small{display:block;padding:0 6px 5px;font-size:8px;line-height:1.35;color:var(--muted)}

/* v1.0.531 streamlined creation wizard + Presentation art direction */
.wizard-screen-heading{display:grid;gap:4px;margin-bottom:16px}
.wizard-screen-heading h3,.wizard-screen-heading p{margin:0}
.wizard-project-type-grid{gap:16px;margin-top:16px}
.wizard-project-type-card{display:grid;grid-template-rows:150px auto;gap:13px;padding:12px;min-height:245px;opacity:1}
.wizard-project-type-card.dimmed{opacity:.7}
.wizard-project-type-card:hover{transform:translateY(-2px);opacity:1}
.wizard-project-type-visual{position:relative;display:block;overflow:hidden;min-height:150px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0b1220}
.wizard-project-type-visual i{position:absolute;display:block}
.wizard-project-type-webpage{background:linear-gradient(145deg,#eff6ff,#dbeafe)}
.wizard-project-type-webpage i:nth-child(1){left:12px;right:12px;top:12px;height:18px;border-radius:7px;background:#1e3a5f;box-shadow:0 26px 0 #fff,0 52px 0 #fff,0 78px 0 #fff}
.wizard-project-type-webpage i:nth-child(2){left:22px;top:45px;width:45%;height:12px;border-radius:5px;background:#2563eb;box-shadow:0 25px 0 #bfdbfe,0 50px 0 #dbeafe}
.wizard-project-type-webpage i:nth-child(3){right:22px;top:45px;width:31%;height:61px;border-radius:9px;background:linear-gradient(135deg,#60a5fa,#1d4ed8)}
.wizard-project-type-presentation{background:linear-gradient(145deg,#fff7ed,#ffedd5)}
.wizard-project-type-presentation i:nth-child(1){left:22px;right:22px;top:16px;bottom:24px;border-radius:10px;background:#fff;border:1px solid #fed7aa;box-shadow:9px 9px 0 rgba(194,65,12,.13)}
.wizard-project-type-presentation i:nth-child(2){left:38px;top:36px;width:48%;height:10px;border-radius:5px;background:#9a3412;box-shadow:0 21px 0 #fdba74,0 42px 0 #ffedd5}
.wizard-project-type-presentation i:nth-child(3){right:38px;bottom:42px;width:42px;height:42px;border-radius:50%;background:#ea580c;box-shadow:-26px -16px 0 -10px #fb923c}
.wizard-project-type-application{background:linear-gradient(145deg,#ecfdf5,#d1fae5)}
.wizard-project-type-application i:nth-child(1){left:14px;top:14px;bottom:14px;width:31px;border-radius:9px;background:#064e3b}
.wizard-project-type-application i:nth-child(2){left:57px;right:14px;top:14px;height:33px;border-radius:9px;background:#10b981;box-shadow:0 45px 0 #fff}
.wizard-project-type-application i:nth-child(3){left:69px;right:72px;top:73px;height:12px;border-radius:5px;background:#6ee7b7;box-shadow:0 23px 0 #d1fae5}
.wizard-project-type-work{background:linear-gradient(145deg,#f5f3ff,#ede9fe)}
.wizard-project-type-work i:nth-child(1){left:20px;right:20px;top:18px;height:22px;border-radius:8px;background:#4c1d95;box-shadow:0 34px 0 #fff,0 68px 0 #fff}
.wizard-project-type-work i:nth-child(2){left:34px;top:61px;width:40%;height:10px;border-radius:5px;background:#8b5cf6;box-shadow:0 34px 0 #c4b5fd}
.wizard-project-type-work i:nth-child(3){right:30px;top:55px;width:42px;height:42px;border-radius:12px;background:#7c3aed;box-shadow:-11px 52px 0 -9px #a78bfa}
.wizard-project-type-copy{display:grid!important;gap:6px!important}
.wizard-project-type-copy strong{font-size:16px;color:#f8fafc}
.wizard-project-type-copy>span{font-size:12px;color:#9fb0c5}
.wizard-details-form{max-width:none}
.wizard-source-context-compact{gap:10px;margin-top:18px}
.wizard-context-collapsible{display:block;padding:0;overflow:hidden}
.wizard-context-collapsible summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;cursor:pointer}
.wizard-context-collapsible summary::-webkit-details-marker{display:none}
.wizard-context-collapsible summary>span:first-child{display:grid;gap:3px}
.wizard-context-collapsible summary strong{font-size:13px;color:#e5e7eb}
.wizard-context-collapsible summary small{font-size:10px;color:#94a3b8}
.wizard-context-summary-action{font-size:10px;font-weight:850;color:#93c5fd;text-transform:uppercase;letter-spacing:.06em}
.wizard-context-content{padding:0 14px 14px;border-top:1px solid #223047}
.wizard-context-heading-compact{align-items:center;margin-top:12px}
.wizard-context-heading-compact p{margin:0}
.wizard-presentation-style-section{display:grid;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid #223047}
.wizard-presentation-style-section .wizard-context-heading h4{margin:0 0 3px}
.wizard-style-group{display:grid;gap:7px}
.wizard-style-group-label{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7f93aa}
.wizard-style-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wizard-fixed-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wizard-presentation-style-section .wizard-simple-look-card{grid-template-rows:92px auto;min-width:0;padding:9px;gap:8px}
.wizard-presentation-style-section .wizard-simple-look-card>.wizard-theme-preview{min-height:92px}
.wizard-style-card-guided{grid-template-columns:140px minmax(0,1fr);grid-template-rows:none!important;align-items:stretch}
.wizard-style-card-guided>.wizard-theme-preview{min-height:96px!important}
.wizard-style-card-copy{display:grid!important;align-content:start;gap:5px;min-width:0}
.wizard-style-card-title{display:flex!important;align-items:center;justify-content:space-between;gap:7px}
.wizard-style-badge{display:inline-flex!important;width:max-content;padding:3px 6px;border-radius:999px;background:#4c1d95;color:#ede9fe!important;font-size:8px!important;font-weight:900;letter-spacing:.05em;text-transform:uppercase;line-height:1}
.wizard-theme-preview.theme-studio{background:linear-gradient(135deg,#eff6ff 0 49%,#f8fafc 49% 100%);color:#1d4ed8}
.wizard-theme-preview.theme-studio i:nth-child(3){background:#0f766e;opacity:.24}
.wizard-theme-preview.theme-ai-art{background:linear-gradient(135deg,#111827,#4c1d95 50%,#be185d);color:#fff}
.wizard-theme-preview.theme-ai-art i:nth-child(1){width:46%;background:#f9a8d4}
.wizard-theme-preview.theme-ai-art i:nth-child(3){border-radius:50% 35% 55% 40%;background:linear-gradient(135deg,#22d3ee,#f472b6);opacity:.8;transform:rotate(12deg)}
.wizard-theme-preview.theme-ai-art::after{content:"AI";position:absolute;right:7px;top:7px;padding:4px 6px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font:800 8px/1 system-ui,sans-serif;letter-spacing:.08em}
.wizard-advanced-panel{margin-top:18px}
html[data-appearance="light"] .wizard-project-type-copy strong{color:#172033}
html[data-appearance="light"] .wizard-project-type-copy>span{color:#64748b}
html[data-appearance="light"] .wizard-context-collapsible summary strong{color:#172033}
html[data-appearance="light"] .wizard-context-collapsible summary small{color:#64748b}
html[data-appearance="light"] .wizard-context-content,html[data-appearance="light"] .wizard-presentation-style-section{border-color:#d8e3ef}
html[data-appearance="light"] .wizard-style-group-label{color:#64748b}
html[data-appearance="light"] .wizard-style-badge{background:#ede9fe;color:#6d28d9!important}
@media(max-width:900px){.wizard-fixed-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-project-type-card{grid-template-rows:120px auto;min-height:215px}.wizard-project-type-visual{min-height:120px}}
@media(max-width:700px){.wizard-project-type-grid,.wizard-style-choice-grid,.wizard-fixed-style-grid{grid-template-columns:1fr}.wizard-style-card-guided{grid-template-columns:110px minmax(0,1fr)}.wizard-inspiration-row{grid-template-columns:1fr}.wizard-project-type-card{grid-template-columns:105px minmax(0,1fr);grid-template-rows:none;min-height:0}.wizard-project-type-visual{min-height:100px}.wizard-project-type-copy{align-content:center}}

.wizard-style-or{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.wizard-style-or::before,.wizard-style-or::after{content:"";height:1px;flex:1;background:var(--border)}

/* 1.0.539 — managed Slide Structure item controls stay compact and non-overlapping. */
.presentation-managed-items-controls{display:flex;justify-content:flex-end;align-items:center;margin:6px 0}
.presentation-managed-item-structure-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.presentation-managed-item-structure-row>button:first-child{min-width:0;width:100%}
.presentation-managed-item-structure-row>.presentation-structure-add{align-self:center}

/* 1.0.539 — Media Library picker search + type filter. */
.presentation-image-replace-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:10px;align-items:center}.presentation-image-replace-search input,.presentation-image-replace-search select{width:100%;min-width:0}@media(max-width:680px){.presentation-image-replace-search{grid-template-columns:1fr}}

/* 1.0.539 — compact numbered slide rail and docked collapsed Presentation strip. */
.presentation-slide-rail:not(.is-thumbnail-mode){flex:0 0 132px;width:132px}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-rail-head>div:first-child{display:none}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-rail-head{justify-content:center;padding:10px 6px}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-manage-bar{padding:7px 6px;gap:5px}
/* Slides still uses legacy presentation-* CSS class names. Presentation is legacy/outdated; Walkthrough is inactive. */
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-manage-bar button{font-size:0;padding:7px 4px}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-manage-bar button span:first-child{font-size:14px}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-manage-bar button span:last-child{display:none}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-list{padding:8px;gap:6px}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-item{display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 28px 7px 7px}
.presentation-slide-rail:not(.is-thumbnail-mode) .presentation-slide-item-number{width:36px;min-height:28px}
.presentation-managed-items-empty{display:flex!important;align-items:center;gap:7px;margin:0 0 5px 23px;padding:5px 7px;border-left:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.presentation-managed-items-empty small{padding:0!important;color:var(--muted);font-size:8px}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head{position:relative;width:100%;height:100%;padding:0;border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head .icon-btn{order:0;width:42px;height:42px;flex:0 0 42px}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head>div{display:block!important;order:1;position:relative;width:100%;height:240px;flex:0 0 240px;min-width:0}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head>div strong{position:absolute;left:50%;top:112px;width:220px;text-align:center;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;font-size:12px}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head>div small{display:none!important}

/* 1.0.542 — blocking Site questions use the review-style read-only routing. */
.workspace-rail-tab.blocking-attention{
  border-color:#f59e0b;
  background:linear-gradient(180deg,rgba(245,158,11,.20),rgba(7,17,31,.94));
  color:#fff7ed;
  box-shadow:0 0 0 1px rgba(245,158,11,.16) inset,0 0 0 3px rgba(245,158,11,.08);
}
.workspace-rail-tab.question-locked{
  opacity:.42;
  filter:saturate(.28);
  cursor:not-allowed;
}
html[data-appearance="light"] .workspace-rail-tab.blocking-attention{
  border-color:#d97706;
  background:linear-gradient(180deg,#fff7ed,#ffedd5);
  color:#7c2d12;
  box-shadow:0 0 0 1px rgba(217,119,6,.12) inset,0 0 0 3px rgba(245,158,11,.08);
}

.workspace-manual-edit-save-bar{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-width:min(520px,calc(100% - 36px));
  max-width:760px;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.4);
  border-radius:12px;
  background:rgba(15,23,42,.96);
  color:#f8fafc;
  box-shadow:0 14px 36px rgba(15,23,42,.32);
}
.workspace-manual-edit-save-bar.hidden{display:none!important}
.workspace-manual-edit-save-bar>div:first-child{display:grid;gap:2px;min-width:0}
.workspace-manual-edit-save-bar strong{font-size:13px}
.workspace-manual-edit-save-bar small{color:#cbd5e1;font-size:11px}
.workspace-manual-edit-save-bar .button-row{margin:0;flex:0 0 auto}

/* 1.0.560 — Site contextual visual picker and temporary manual-edit controls. */
.site-visual-generate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:12px;border-top:1px solid var(--border)}
.site-visual-generate label{display:grid;gap:6px;margin:0;color:var(--muted);font-size:11px;font-weight:800}
.site-visual-generate textarea{width:100%;min-height:74px;resize:vertical}
.site-visual-generate>button{min-width:112px;margin-bottom:1px}
@media(max-width:680px){.site-visual-generate{grid-template-columns:1fr}.site-visual-generate>button{width:100%}}

/* v1.0.560 Site editor stabilisation */
.visual-styles-panel.site-compact{width:min(370px,calc(100% - 24px))}
.visual-styles-panel.site-compact .visual-styles-body{gap:9px;padding:10px}
.visual-styles-panel.site-compact .style-map-intro.compact{gap:4px}
.visual-styles-panel.site-compact .visual-styles-empty.compact{padding:14px 12px}
.visual-styles-panel.site-compact .visual-style-analysis-details>summary{font-weight:800}
.site-visual-layout-card{width:min(520px,calc(100vw - 28px))}
.site-visual-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.site-visual-layout-grid label{display:grid;gap:6px;font-size:12px;font-weight:800}
.site-visual-layout-grid select{width:100%}
@media(max-width:640px){.site-visual-layout-grid{grid-template-columns:1fr}}

/* v1.0.560 Site visual insertion and simple sizing polish */
.site-visual-placement{margin:0 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent)}
.site-visual-placement.hidden{display:none!important}
.site-visual-placement label{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:10px;align-items:center;margin:0;font-size:12px;font-weight:800}
.site-visual-placement select{width:100%}
.site-visual-layout-note{margin:-2px 0 14px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,var(--panel-2) 82%,transparent);color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:640px){.site-visual-placement label{grid-template-columns:1fr}}


/* v1.0.560 Site Advanced Styles & Handoff Polish */
.visual-styles-panel.site-compact .visual-style-analysis-details.site-advanced{border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent);padding-top:8px}
.visual-styles-panel.site-compact .visual-style-analysis-details.site-advanced>summary{font-size:11px;font-weight:850;cursor:pointer;list-style:none}
.visual-styles-panel.site-compact .visual-style-analysis-details.site-advanced>summary::-webkit-details-marker{display:none}
.visual-styles-panel.site-compact .visual-style-analysis-details.site-advanced>summary::after{content:'›';float:right;transform:rotate(90deg);transition:transform .15s ease}
.visual-styles-panel.site-compact .visual-style-analysis-details.site-advanced[open]>summary::after{transform:rotate(-90deg)}
.visual-style-advanced-menu{display:grid;gap:7px;margin-top:8px}
.visual-style-advanced-menu>details{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent);overflow:hidden}
.visual-style-advanced-menu>details>summary{padding:9px 10px;font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.visual-style-advanced-menu>details>summary::-webkit-details-marker{display:none}
.visual-style-advanced-content{display:grid;gap:10px;padding:0 9px 10px}

/* 1.0.560 — Application safe-viewer diagnostics */
.runtime-safe-viewer-banner{display:grid;gap:4px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:rgba(15,23,42,.32)}
.runtime-safe-viewer-banner strong{font-size:13px}
.runtime-safe-viewer-banner span,.runtime-safe-viewer-banner small{font-size:12px;line-height:1.45}
.runtime-safe-viewer-banner.healthy{border-color:rgba(52,211,153,.34)}
.runtime-safe-viewer-banner.neutral{border-color:rgba(148,163,184,.4);background:rgba(71,85,105,.12)}
.runtime-safe-viewer-banner.viewer-issue{border-color:rgba(251,191,36,.55);background:rgba(120,53,15,.2)}
.runtime-safe-viewer-banner.application-issue{border-color:rgba(248,113,113,.52);background:rgba(127,29,29,.18)}
html[data-appearance="light"] .runtime-safe-viewer-banner{background:#f8fafc}
html[data-appearance="light"] .runtime-safe-viewer-banner.neutral{background:#f8fafc}
html[data-appearance="light"] .runtime-safe-viewer-banner.viewer-issue{background:#fff8e6}
html[data-appearance="light"] .runtime-safe-viewer-banner.application-issue{background:#fff1f2}

/* 1.0.560 — shared Site/Application Workspace surface selector */
.workspace-surface-search-wrap{padding:8px 8px 4px}.workspace-surface-search{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:inherit;font:inherit}.page-menu-section [data-surface-id] span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-menu-section [data-surface-id] small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}


/* 1.0.560 — one pending-edit surface for Sites, Applications and Presentations. */
.workspace-manual-edit-save-bar[data-project-type="site"]{border-color:rgba(59,130,246,.42)}
.workspace-manual-edit-save-bar[data-project-type="application"]{border-color:rgba(20,184,166,.48)}
.workspace-manual-edit-save-bar[data-project-type="presentation"]{border-color:rgba(168,85,247,.46)}
.workspace-manual-edit-save-bar .primary{min-width:104px}
@media(max-width:620px){.workspace-manual-edit-save-bar{left:12px;right:12px;bottom:12px;transform:none;min-width:0;gap:10px}.workspace-manual-edit-save-bar small{display:none}}

/* 1.0.574 shared visual picker */
.workspace-visual-picker-card{width:min(1040px,calc(100vw - 48px))}
.workspace-visual-picker-topline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:0 20px 12px}
.workspace-visual-picker-topline>strong{font-size:13px}
.workspace-visual-picker-topline>span{font-size:12px;color:var(--muted)}
.workspace-visual-picker-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.workspace-visual-generate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0 20px 14px;padding:12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 92%,transparent)}
.workspace-visual-generate.hidden{display:none!important}
.workspace-visual-generate label{display:grid;gap:6px;margin:0;color:var(--muted);font-size:11px;font-weight:800}
.workspace-visual-generate textarea{width:100%;min-height:74px;resize:vertical}
.workspace-visual-generate>button{min-width:128px;margin-bottom:1px}
.presentation-image-replace-item small{font-size:10px;color:var(--muted)}
@media(max-width:760px){.workspace-visual-picker-topline{grid-template-columns:1fr}.workspace-visual-picker-actions{justify-content:flex-start}.workspace-visual-generate{grid-template-columns:1fr}.workspace-visual-generate>button{width:100%}}

/* v1.0.574 shared Workspace handoff launcher badge overflow polish */
.handoff-launcher-btn{
  position:relative;
  width:40px;
  min-width:40px;
  height:40px;
  padding:3px!important;
  overflow:visible;
  border-radius:12px;
  background:#111b2e;
  border:1px solid #334155;
}
.handoff-launcher-btn img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));
}
.handoff-launcher-btn:hover:not(:disabled){
  border-color:#60a5fa;
  background:#17233a;
}
.handoff-launcher-btn:focus-visible{
  outline:2px solid #60a5fa;
  outline-offset:2px;
}
html[data-appearance="light"] .handoff-launcher-btn{
  background:#fff;
  border-color:#c9d8e7;
  box-shadow:0 1px 2px rgba(31,61,99,.06);
}
html[data-appearance="light"] .handoff-launcher-btn:hover:not(:disabled){
  background:#f2f7fd;
  border-color:#7ea8d8;
}
html[data-appearance="dark"] .handoff-launcher-btn{
  background:#102238;
  border-color:#2a425d;
}
html[data-appearance="dark"] .handoff-launcher-btn:hover:not(:disabled){
  background:#16304e;
  border-color:#5e91c9;
}
html[data-appearance="legacy"] .handoff-launcher-btn{
  background:#111b2e;
  border-color:#223047;
}
html[data-appearance="legacy"] .handoff-launcher-btn:hover:not(:disabled){
  background:#17233a;
  border-color:#60a5fa;
}

.handoff-launcher-btn:disabled{
  cursor:not-allowed;
  opacity:.45;
  filter:saturate(.65);
}
.handoff-launcher-btn:disabled img{
  filter:grayscale(.15) opacity(.78);
}
.handoff-launcher-count{
  position:absolute;
  top:-8px;
  right:-8px;
  z-index:4;
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:2px solid var(--panel,#fff);
  background:#e11d48;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.02em;
  box-sizing:border-box;
  box-shadow:0 1px 3px rgba(0,0,0,.28);
  pointer-events:none;
}
.handoff-launcher-count.hidden{display:none!important}
html[data-appearance="light"] .handoff-launcher-count{border-color:#fff}
html[data-appearance="dark"] .handoff-launcher-count{border-color:#0f1e31}
html[data-appearance="legacy"] .handoff-launcher-count{border-color:#111b2e}

/* 1.0.574 Studio file visibility + project export scope */
#assetExplorerStudioFilesToggle.active-mode{border-color:#60a5fa;background:rgba(59,130,246,.16);color:#bfdbfe}
html[data-appearance="light"] #assetExplorerStudioFilesToggle.active-mode{border-color:#2563eb;background:#dbeafe;color:#1d4ed8}
.studio-file-badge{display:inline-flex;align-items:center;margin-left:7px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;background:rgba(148,163,184,.18);color:#cbd5e1;border:1px solid rgba(148,163,184,.28)}
html[data-appearance="light"] .studio-file-badge{background:#eef2ff;color:#475569;border-color:#cbd5e1}
.project-export-scope-help{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;margin-top:12px;text-align:left;align-items:start}.project-export-scope-help strong{white-space:nowrap}.project-export-scope-help span{color:var(--muted)}

/* v1.0.574 — final theme consistency sweep before visual-export work. */
html[data-appearance="light"]{
  --studio-ui-surface:#ffffff;
  --studio-ui-surface-soft:#f5f8fc;
  --studio-ui-surface-hover:#eef4fa;
  --studio-ui-border:#d3dfec;
  --studio-ui-text:#17273e;
  --studio-ui-muted:#687b93;
  --studio-ui-accent-soft:#eaf3ff;
  --studio-ui-accent-border:#8fb4e5;
  --studio-ui-danger-soft:#fff4f5;
  --studio-ui-danger-border:#efb5bd;
  --studio-ui-danger-text:#a6283b;
}
html[data-appearance="dark"]{
  --studio-ui-surface:#102238;
  --studio-ui-surface-soft:#0b192a;
  --studio-ui-surface-hover:#17304c;
  --studio-ui-border:#2b435f;
  --studio-ui-text:#e8f1fb;
  --studio-ui-muted:#91a4ba;
  --studio-ui-accent-soft:#102f50;
  --studio-ui-accent-border:#4f7fb6;
  --studio-ui-danger-soft:#351822;
  --studio-ui-danger-border:#7d3042;
  --studio-ui-danger-text:#fecdd3;
}

/* Shared overlays/cards should inherit the selected Studio appearance, even when
   a feature-specific card was added after the original theme layer. */
html[data-appearance="light"] :where(.modal-card,.studio-dialog-card,.workspace-visual-picker-card,.site-visual-layout-card),
html[data-appearance="dark"] :where(.modal-card,.studio-dialog-card,.workspace-visual-picker-card,.site-visual-layout-card){
  background:var(--studio-ui-surface);
  color:var(--studio-ui-text);
  border-color:var(--studio-ui-border);
}
html[data-appearance="light"] :where(.modal-card,.studio-dialog-card,.workspace-visual-picker-card,.site-visual-layout-card) :where(.hint,small),
html[data-appearance="dark"] :where(.modal-card,.studio-dialog-card,.workspace-visual-picker-card,.site-visual-layout-card) :where(.hint,small){
  color:var(--studio-ui-muted);
}

/* Destructive project summary cards previously retained the Legacy dark palette
   inside Light mode. */
html[data-appearance="light"] .project-delete-summary span,
html[data-appearance="dark"] .project-delete-summary span{
  background:var(--studio-ui-surface-soft);
  border-color:var(--studio-ui-border);
  color:var(--studio-ui-muted);
}
html[data-appearance="light"] .project-delete-summary b,
html[data-appearance="dark"] .project-delete-summary b{color:var(--studio-ui-text)}
html[data-appearance="light"] #studioDialogModal.dialog-danger .project-delete-summary span{
  background:#fffafb;
  border-color:#efc2c8;
  color:#7e4250;
}
html[data-appearance="light"] #studioDialogModal.dialog-danger .project-delete-summary b{color:#9f2437}
html[data-appearance="dark"] #studioDialogModal.dialog-danger .project-delete-summary span{
  background:#25151c;
  border-color:#653041;
  color:#e7b7c1;
}
html[data-appearance="dark"] #studioDialogModal.dialog-danger .project-delete-summary b{color:#fecdd3}

/* Presentation navigation/manage controls now follow the active theme rather
   than inheriting the original Legacy dark buttons in Light mode. */
html[data-appearance="light"] .presentation-slide-manage-bar,
html[data-appearance="dark"] .presentation-slide-manage-bar{
  background:var(--studio-ui-surface-soft);
  border-bottom-color:var(--studio-ui-border);
}
html[data-appearance="light"] .presentation-slide-manage-bar button,
html[data-appearance="dark"] .presentation-slide-manage-bar button,
html[data-appearance="light"] .presentation-slide-rail-actions .icon-btn,
html[data-appearance="dark"] .presentation-slide-rail-actions .icon-btn{
  background:var(--studio-ui-surface);
  border-color:var(--studio-ui-border);
  color:var(--studio-ui-text);
}
html[data-appearance="light"] .presentation-slide-manage-bar button:hover:not(:disabled),
html[data-appearance="dark"] .presentation-slide-manage-bar button:hover:not(:disabled),
html[data-appearance="light"] .presentation-slide-rail-actions .icon-btn:hover:not(:disabled),
html[data-appearance="dark"] .presentation-slide-rail-actions .icon-btn:hover:not(:disabled){
  background:var(--studio-ui-surface-hover);
  border-color:var(--studio-ui-accent-border);
}
html[data-appearance="light"] .presentation-slide-manage-bar button.danger,
html[data-appearance="dark"] .presentation-slide-manage-bar button.danger{
  background:var(--studio-ui-danger-soft);
  border-color:var(--studio-ui-danger-border);
  color:var(--studio-ui-danger-text);
}
html[data-appearance="light"] .presentation-slide-drag,
html[data-appearance="dark"] .presentation-slide-drag{
  background:var(--studio-ui-surface-soft);
  color:var(--studio-ui-muted);
  border:1px solid var(--studio-ui-border);
  box-shadow:0 2px 7px rgba(15,23,42,.10);
}
html[data-appearance="light"] .presentation-slide-rail-actions .icon-btn.active,
html[data-appearance="dark"] .presentation-slide-rail-actions .icon-btn.active{
  background:var(--studio-ui-accent-soft);
  border-color:var(--studio-ui-accent-border);
  color:var(--blue);
}

/* The shared pending-edit bar is a Studio surface too; do not force the dark
   Legacy treatment into Light mode. */
html[data-appearance="light"] .workspace-manual-edit-save-bar,
html[data-appearance="dark"] .workspace-manual-edit-save-bar{
  background:color-mix(in srgb,var(--studio-ui-surface) 96%,transparent);
  color:var(--studio-ui-text);
  border-color:var(--studio-ui-border);
  box-shadow:0 14px 36px color-mix(in srgb,var(--bg) 38%,transparent);
}
html[data-appearance="light"] .workspace-manual-edit-save-bar small,
html[data-appearance="dark"] .workspace-manual-edit-save-bar small{color:var(--studio-ui-muted)}

/* Keep newly-added Studio badges and helper surfaces readable in both current
   themes; Legacy intentionally retains the original palette. */
html[data-appearance="dark"] .studio-file-badge{
  background:#17283d;
  border-color:#34506e;
  color:#cbd9e8;
}
html[data-appearance="light"] .project-export-scope-help span,
html[data-appearance="dark"] .project-export-scope-help span{color:var(--studio-ui-muted)}
\n\n/* v1.0.579 Workspace responsive + right-rail polish */
/* Top-level Workspace destinations stay open when selected; only subsection chevrons collapse content. */
.workspace-rail-tab.active{cursor:default}

/* Scale the main shell progressively instead of waiting for the old single mobile breakpoint. */
.app{grid-template-columns:clamp(228px,18vw,280px) minmax(0,1fr)}
.workspace{grid-template-columns:minmax(0,1fr) clamp(308px,24vw,360px)}
.file-explorer-shell{grid-template-columns:clamp(190px,15vw,220px) minmax(0,1fr)}
.finder-layout{grid-template-columns:minmax(0,1fr) clamp(292px,24vw,360px)}

@media (max-width:1500px){
  #workArea{padding:16px}
  .panel-grid{grid-template-columns:minmax(380px,1.15fr) minmax(320px,.85fr);gap:14px}
  .workspace{gap:14px;grid-template-columns:minmax(0,1fr) minmax(300px,330px)}
  .file-explorer-shell{gap:12px;grid-template-columns:190px minmax(0,1fr)}
  .finder-layout{grid-template-columns:minmax(0,1fr) 300px}
  .file-explorer-toolbar{padding:13px}
  .file-inspector{padding:13px}
  .media-library-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;padding:10px}
}

/* Laptop / MacBook-class viewports: reclaim horizontal space before falling back to a mobile stack. */
@media (min-width:1001px) and (max-width:1280px){
  .app{grid-template-columns:210px minmax(0,1fr)}
  body.sidebar-collapsed .app{grid-template-columns:60px minmax(0,1fr)}
  body.sidebar-collapsed .sidebar{width:60px;min-width:60px}
  .sidebar{padding:14px}
  .topbar{padding:14px 16px;gap:12px}
  .tabs{gap:6px}
  .tabs button{padding:7px 9px}
  #workArea{padding:12px}
  .workspace{grid-template-columns:minmax(0,1fr) 292px;gap:10px}
  .right-panel{padding:14px}
  .file-explorer-shell{grid-template-columns:168px minmax(0,1fr);gap:10px;height:calc(100vh - 150px);min-height:0}
  .file-explorer-sidebar{padding:10px}
  .file-explorer-sidebar .asset-tree-item{padding:9px}
  .finder-layout{grid-template-columns:1fr}
  .finder-list-wrap{border-right:0;border-bottom:1px solid var(--border);max-height:min(52vh,520px)}
  .file-inspector{max-height:min(34vh,330px);border-top:0}
  .media-preview-large{min-height:120px;margin-bottom:8px}
  .media-preview-large img{max-height:190px}
  .file-meta{margin:8px 0;padding:9px}
  .file-action-stack{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:10px}
  .file-action-stack>*{flex:0 1 auto}
}

/* Short desktop/laptop screens: reduce chrome height so primary work areas do not need page scrolling. */
@media (max-height:900px) and (min-width:901px){
  .topbar{padding-top:10px;padding-bottom:10px}
  #title{font-size:20px}
  #workArea{padding-top:10px;padding-bottom:10px}
  .workspace{height:calc(100vh - 64px)}
  .file-explorer-shell{height:calc(100vh - 126px);min-height:0}
  .panel,.right-panel{padding:13px}
  .workspace-rail-nav{gap:5px}
  .workspace-rail-tab{padding-top:7px;padding-bottom:7px}
  .modal-card{max-height:92vh}
}

/* Full-HD and 1440p get the balanced desktop layout; 4K is capped by sensible panel widths above. */
@media (min-width:1600px){
  .workspace{grid-template-columns:minmax(0,1fr) minmax(330px,360px)}
  .finder-layout{grid-template-columns:minmax(0,1fr) minmax(320px,360px)}
}

/* Existing tablet/mobile stack remains the final fallback below the supported desktop targets. */
@media (max-width:1000px){
  .app{grid-template-columns:1fr}
  .workspace{grid-template-columns:1fr;height:auto}
  .file-explorer-shell{grid-template-columns:1fr;height:auto}
  .finder-layout{grid-template-columns:1fr}
  .finder-list-wrap{max-height:420px}
  .file-inspector{max-height:none}
}

/* v1.0.598 setup description density */
.setup-description-expandable{
  display:grid;
  gap:5px;
  min-width:0;
}
.setup-description-text{
  display:block;
  line-height:1.45;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.setup-description-text.is-collapsed{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.setup-description-toggle{
  justify-self:start;
  border:0;
  background:transparent;
  color:#7dd3fc;
  padding:0;
  min-height:0;
  font:inherit;
  font-size:12px;
  font-weight:800;
  box-shadow:none;
  cursor:pointer;
}
.setup-description-toggle:hover{color:#bae6fd;text-decoration:underline;}
.wizard-review-grid .setup-description-expandable{color:#e5e7eb;}
.wizard-review-grid .setup-description-toggle{margin-top:2px;}
html[data-appearance="light"] .setup-description-toggle{color:#2563eb;}
html[data-appearance="light"] .setup-description-toggle:hover{color:#1d4ed8;}

/* 1.0.598 AI Messages inbox */
.workspace-rail-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.presentation-primary-nav{grid-template-columns:1.15fr .95fr .8fr .9fr}
.ai-messages-panel{padding-top:0;border-top:0;min-height:0;overflow:auto}
.ai-messages-panel .section-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ai-messages-panel .section-panel-head p{margin:3px 0 0}
.ai-message-list{display:grid;gap:8px;padding-bottom:8px}
.ai-message-card{width:100%;min-width:0;display:grid;gap:5px;padding:10px 11px;border:1px solid rgba(148,163,184,.22);border-radius:11px;background:rgba(7,17,31,.62);color:var(--text);box-shadow:none;text-align:left}
.ai-message-card:hover{border-color:rgba(96,165,250,.55);background:rgba(15,35,64,.78)}
.ai-message-card.unread{border-color:rgba(96,165,250,.7);background:rgba(30,64,175,.12)}
.ai-message-card-top{display:flex;align-items:center;gap:7px;min-width:0}
.ai-message-card-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.ai-message-unread-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.13)}
.ai-message-card small{color:var(--muted);font-size:9px;line-height:1.35}
.ai-message-card>span:last-child{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#cbd5e1;font-size:11px;line-height:1.4}
.ai-message-details{display:grid;gap:8px;margin-top:12px}
.ai-message-detail-row{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.ai-message-detail-row strong{font-size:10px;color:var(--muted)}
.ai-message-detail-row code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--text)}
.ai-message-detail-row small{font-size:10px;color:var(--muted);line-height:1.4}
html[data-appearance="light"] .ai-message-card{background:#fff;color:#172033;border-color:#d8e3ef}
html[data-appearance="light"] .ai-message-card:hover{background:#f8fbff;border-color:#8bb7e7}
html[data-appearance="light"] .ai-message-card.unread{background:#eff6ff;border-color:#77a9df}
html[data-appearance="light"] .ai-message-card>span:last-child{color:#475569}
@media(max-width:1180px){.workspace-rail-nav{gap:5px}.workspace-rail-tab{padding-left:4px;padding-right:4px}.workspace-rail-label{font-size:9px}.presentation-primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 1.0.600 custom activity icon artwork */
:root{
  --activity-icon-questions:url("./assets/activity-questions-blue.png");
  --activity-icon-ai:url("./assets/activity-ai-blue.png");
  --activity-icon-reviews:url("./assets/activity-reviews-blue.png");
  --activity-icon-messages:url("./assets/activity-messages-blue.png");
  --activity-icon-presentation:url("./assets/activity-presentation-blue.png");
}
html[data-appearance="light"]{
  --activity-icon-questions:url("./assets/activity-questions-black.png");
  --activity-icon-ai:url("./assets/activity-ai-black.png");
  --activity-icon-reviews:url("./assets/activity-reviews-black.png");
  --activity-icon-messages:url("./assets/activity-messages-black.png");
  --activity-icon-presentation:url("./assets/activity-presentation-black.png");
}
html[data-appearance="dark"]{
  --activity-icon-questions:url("./assets/activity-questions-white.png");
  --activity-icon-ai:url("./assets/activity-ai-white.png");
  --activity-icon-reviews:url("./assets/activity-reviews-white.png");
  --activity-icon-messages:url("./assets/activity-messages-white.png");
  --activity-icon-presentation:url("./assets/activity-presentation-white.png");
}

/* 1.0.598 dense geometric Workspace activity icon rail */
.icon-action-rail{overflow:visible}
.workspace-rail-nav{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  justify-content:stretch;
  gap:6px;
  padding:6px 0 3px;
  overflow:visible;
}
.workspace-rail-tab{
  width:100%;
  min-width:0;
  height:48px;
  min-height:48px;
  padding:0;
  border-radius:11px;
  overflow:visible;
  flex-direction:row;
  gap:0;
}
.workspace-action-glyph{
  width:25px;
  height:25px;
  flex:0 0 25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.workspace-action-glyph-image{
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  fill:none;
  stroke:none;
}
.activity-icon-questions{background-image:var(--activity-icon-questions);}
.activity-icon-ai{background-image:var(--activity-icon-ai);}
.activity-icon-reviews{background-image:var(--activity-icon-reviews);}
.activity-icon-messages{background-image:var(--activity-icon-messages);}
.activity-icon-presentation{background-image:var(--activity-icon-presentation);}

.workspace-action-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.workspace-rail-count{
  top:-7px;
  right:-7px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-width:2px;
  font-size:9px;
  z-index:3;
  pointer-events:none;
}
.workspace-rail-tab:not(.has-items) .workspace-rail-count{display:none}

.presentation-primary-nav{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  justify-content:stretch;
  gap:6px;
  padding:10px 0;
  overflow:visible;
}
.presentation-primary-nav button{
  position:relative;
  width:100%;
  min-width:0;
  height:48px;
  min-height:48px;
  padding:0;
  border-radius:11px;
  overflow:visible;
  gap:0;
}
.presentation-primary-nav button .workspace-action-glyph{width:25px;height:25px;flex-basis:25px}
.presentation-primary-nav b{
  display:none;
  position:absolute;
  top:-7px;
  right:-7px;
  z-index:3;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border:2px solid #0f1e31;
  border-radius:999px;
  background:#2563eb;
  color:#fff;
  align-items:center;
  justify-content:center;
  font-size:9px;
  font-weight:950;
  line-height:1;
  pointer-events:none;
}
.presentation-primary-nav button.has-items b{display:inline-flex}
html[data-appearance="light"] .presentation-primary-nav b{border-color:#fff}

@media(max-width:1180px){
  .workspace-rail-nav,.presentation-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-left:0;padding-right:0}
  .workspace-rail-tab,.presentation-primary-nav button{width:100%;min-width:0;height:44px;min-height:44px}
  .workspace-action-glyph,.presentation-primary-nav button .workspace-action-glyph{width:23px;height:23px;flex-basis:23px}
}


/* 1.0.602 Site workflow simplification + AI Change attachments */
.ai-change-attachments{margin:4px 0 9px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 88%,transparent);overflow:hidden}
.ai-change-attachments>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;cursor:pointer;list-style:none;font-size:10px;font-weight:850;color:var(--text)}
.ai-change-attachments>summary::-webkit-details-marker{display:none}
.ai-change-attachment-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(59,130,246,.12);color:var(--blue);font-size:9px;font-weight:900}
.ai-change-attachments-body{display:grid;gap:8px;padding:0 10px 10px;border-top:1px solid var(--line)}
.ai-change-attachments-body input[type=file]{margin-top:9px;width:100%;min-width:0;font-size:10px}
.ai-change-attachment-list{display:grid;gap:6px}
.ai-change-attachment-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-width:0}
.ai-change-attachment-item>span{display:grid;gap:2px;min-width:0}.ai-change-attachment-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ai-change-attachment-item small{font-size:8px;color:var(--muted)}
.ai-change-attachment-item button{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;min-width:24px;padding:0;border-radius:7px;box-shadow:none}
.site-workspace-title{cursor:default;font-weight:900;letter-spacing:.01em}
.workspace-rail-nav:has([data-workspace-rail-section="questions"].hidden){grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-appearance="light"] .ai-change-attachments{background:#f8fbff;border-color:#d8e3ef}

/* 1.0.602 compact AI Change attachment picker */
.ai-change-attachment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ai-change-attachment-toolbar button{min-width:92px}
.ai-change-attachment-toolbar .hint{margin:0;flex:1;text-align:right}
@media(max-width:1180px){.ai-change-attachment-toolbar{align-items:flex-start}.ai-change-attachment-toolbar .hint{text-align:left;flex-basis:100%}}

/* 1.0.603 universal Questions + consistent right-panel context */
.phase-preview-simple{
  text-align:center;
  justify-items:center;
}
.workspace-context-bubble{
  min-width:0;
  border:1px solid rgba(96,165,250,.32);
  background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 48%),#07111f;
  border-radius:18px;
  padding:9px 12px;
  color:#e2e8f0;
  text-align:center;
  box-sizing:border-box;
}
.presentation-inspector-head>.presentation-context-bubble{
  display:grid;
  flex:1 1 auto;
  justify-items:center;
  gap:2px;
}
.presentation-context-bubble strong{font-size:12px;line-height:1.2;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.presentation-context-bubble small{font-size:9px;line-height:1.2;color:#bfdbfe}
.presentation-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr));}
.phase-question-context{margin:0;line-height:1.4;}
html[data-appearance="light"] .workspace-context-bubble{
  background:radial-gradient(circle at top left,rgba(59,130,246,.11),transparent 48%),#fff;
  border-color:#b8d2ec;
  color:#21324a;
}
html[data-appearance="light"] .presentation-context-bubble strong{color:#172033}
html[data-appearance="light"] .presentation-context-bubble small{color:#53667e}
html[data-appearance="dark"] .workspace-context-bubble{background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 48%),#0b192a}
@media(max-width:1180px){
  .presentation-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;}
}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head>.presentation-context-bubble{
  display:block!important;
  border:0;
  background:transparent;
  padding:0;
}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head>.presentation-context-bubble strong{
  box-sizing:border-box;
  border:1px solid rgba(96,165,250,.32);
  border-radius:18px;
  background:#07111f;
  padding:7px 12px;
  color:#f8fafc;
}
html[data-appearance="light"] body.right-collapsed.presentation-workspace-active .presentation-inspector-head>.presentation-context-bubble strong{
  background:#fff;
  border-color:#b8d2ec;
  color:#172033;
}
html[data-appearance="dark"] body.right-collapsed.presentation-workspace-active .presentation-inspector-head>.presentation-context-bubble strong{background:#0b192a}

/* 1.0.626 Work Project compact Rules + Clarifications */
.work-rules-panel{margin:7px 0 4px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);overflow:hidden}
.work-rules-panel.hidden{display:none!important}
.work-rules-panel>details>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:8px 9px;color:var(--text)}
.work-rules-panel>details>summary::-webkit-details-marker{display:none}
.work-rules-panel>details>summary>span:first-child{display:flex;align-items:baseline;gap:6px;min-width:0}
.work-rules-panel>details>summary strong{font-size:11px}
.work-rules-panel>details>summary small{font-size:9px;color:var(--muted);white-space:nowrap}
.work-rules-panel>details[open]>summary .work-guidance-chevron{transform:rotate(180deg)}
.work-guidance-add{width:24px;height:24px;min-width:24px;padding:0;font-size:15px;line-height:1}
.work-guidance-chevron{font-size:11px;transition:transform .14s ease}
.work-guidance-body{display:grid;border-top:1px solid var(--line)}
.work-guidance-group{display:grid;gap:7px;padding:8px 9px 9px}
.work-guidance-group+.work-guidance-group{border-top:1px solid var(--line)}
.work-guidance-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
.work-guidance-group-head>span{display:flex;align-items:baseline;gap:6px;min-width:0}
.work-guidance-group-head strong{font-size:10px}
.work-guidance-group-head small{font-size:9px;color:var(--muted);white-space:nowrap}
.work-rules-list{display:grid;gap:6px}
.work-rule-row{display:grid;gap:7px;padding:8px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel) 84%,transparent)}
.work-rule-row>span{font-size:10px;line-height:1.4;color:var(--text);overflow-wrap:anywhere}
.work-rule-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.work-rule-actions .icon-btn{width:25px;height:25px;min-width:25px;padding:0}
.work-rule-actions .small{padding:5px 7px;font-size:9px}
.work-question-rule-toggle{display:flex!important;align-items:center;gap:7px!important;margin:1px 0 3px;font-size:10px!important;font-weight:700!important;color:var(--muted)!important}
.work-question-rule-toggle input{width:auto!important;margin:0}
html[data-appearance="light"] .work-rules-panel{background:#f7fafe;border-color:#d8e3ef}
html[data-appearance="light"] .work-rule-row{background:#fff;border-color:#d8e3ef}

/* 1.0.626 Work semantic Structure + Edit mode */
.work-document-panel{margin:7px 0 4px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);overflow:hidden}
.work-document-panel.hidden{display:none!important}
.work-document-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid var(--line)}
.work-document-head>div{display:grid;gap:2px;min-width:0}.work-document-head strong{font-size:11px}.work-document-head small{font-size:9px;color:var(--muted)}
.work-structure-list{display:grid;gap:6px;padding:8px}
.work-structure-section{border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel) 84%,transparent);overflow:hidden}
.work-structure-section.is-selected{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:1px}
.work-structure-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px}
.work-structure-section-select{appearance:none;background:transparent;border:0;padding:0;text-align:left;min-width:0;color:var(--text);font:inherit;cursor:pointer}
.work-structure-section-select strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-structure-section-select small{display:block;font-size:9px;color:var(--muted)}
.work-structure-actions{display:flex;gap:3px;align-items:center}.work-structure-actions .icon-btn{width:23px;height:23px;min-width:23px;padding:0}.work-structure-actions .small{padding:4px 6px;font-size:8px}
.work-structure-blocks{display:grid;gap:3px;padding:0 7px 7px}
.work-structure-block{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;padding:5px 6px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:9px}
.work-structure-block.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
.work-structure-block>button:first-child{appearance:none;border:0;background:transparent;color:var(--text);text-align:left;padding:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-structure-block-actions{display:flex;gap:2px}.work-structure-block-actions .icon-btn{width:21px;height:21px;min-width:21px;padding:0;font-size:10px}
.work-add-block-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:0 8px 8px}.work-add-block-row select{min-width:0;font-size:9px;padding:6px}
.work-selection-editor{display:grid;gap:7px;padding:8px;border-top:1px solid var(--line)}.work-selection-editor:empty{display:none}
.work-editor-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.work-editor-head strong{font-size:10px}.work-editor-head small{font-size:9px;color:var(--muted)}
.work-selection-editor label{display:grid;gap:3px;font-size:9px;color:var(--muted)}.work-selection-editor input,.work-selection-editor textarea,.work-selection-editor select{width:100%;font-size:10px;padding:7px}.work-selection-editor textarea{min-height:72px;resize:vertical}
.work-editor-actions{display:flex;gap:5px;flex-wrap:wrap}.work-editor-actions .small{padding:5px 7px;font-size:9px}
.work-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.work-editor-grid .span-2{grid-column:1/-1}
html[data-appearance="light"] .work-document-panel{background:#f7fafe;border-color:#d8e3ef}html[data-appearance="light"] .work-structure-section,html[data-appearance="light"] .work-structure-block{background:#fff;border-color:#d8e3ef}

/* 1.0.626 Work inspector parity with Presentation */
body.work-inspector-active .presentation-inspector-body{overflow:auto;padding-bottom:10px}
body.work-inspector-active .presentation-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
body.work-inspector-active #workDocumentPanel{margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
body.work-inspector-active .work-document-head{padding:10px 1px 8px;border-bottom:0}
body.work-inspector-active .work-document-head>div{gap:1px}
body.work-inspector-active .work-document-head strong{font-size:12px}
body.work-inspector-active .work-document-head small{font-size:9px}
body.work-inspector-active .work-structure-list{gap:5px;padding:0 1px 7px}
body.work-inspector-active .work-structure-section{display:block;border:1px solid var(--line);border-radius:10px;background:var(--panel2);overflow:hidden;outline:0}
body.work-inspector-active .work-structure-section.is-selected{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}
body.work-inspector-active .work-structure-section>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:7px 8px}
body.work-inspector-active .work-structure-section>summary::-webkit-details-marker{display:none}
body.work-inspector-active .work-structure-section>summary:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
body.work-inspector-active .work-structure-section-select{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;width:100%;appearance:none;background:transparent;border:0;padding:0;text-align:left;color:var(--text);box-shadow:none;cursor:pointer}
body.work-inspector-active .work-structure-section-select>span:last-child{min-width:0}
body.work-inspector-active .work-structure-section-select strong{display:block;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.work-inspector-active .work-structure-section-select small{display:block;margin-top:1px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.work-inspector-active .work-structure-chevron{font-size:10px;color:var(--muted);transition:transform .15s ease}
body.work-inspector-active .work-structure-section[open] .work-structure-chevron{transform:rotate(180deg)}
body.work-inspector-active .work-structure-section-body{display:grid;gap:5px;padding:0 7px 7px;border-top:1px solid var(--line)}
body.work-inspector-active .work-structure-actions{justify-content:flex-end;padding-top:6px}
body.work-inspector-active .work-structure-actions .icon-btn{width:22px;height:22px;min-width:22px}
body.work-inspector-active .work-structure-actions .small{padding:4px 6px;font-size:8px}
body.work-inspector-active .work-structure-blocks{gap:2px;padding:0}
body.work-inspector-active .work-structure-block{padding:0;border:0;border-radius:7px;background:transparent;font-size:9px}
body.work-inspector-active .work-structure-block.is-selected{background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:none}
body.work-inspector-active .work-structure-block>button:first-child{display:flex;align-items:center;gap:5px;padding:6px 5px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.work-inspector-active .work-structure-block>button:first-child>span:last-child{overflow:hidden;text-overflow:ellipsis}
body.work-inspector-active .work-structure-block>button:first-child:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}
body.work-inspector-active .work-structure-block-actions{padding-right:2px}
body.work-inspector-active .work-structure-block-actions .icon-btn{width:20px;height:20px;min-width:20px;font-size:9px}
body.work-inspector-active .work-add-block-row{padding:1px 1px 8px}
body.work-inspector-active .work-selection-editor{padding:0 1px;border-top:0;margin-top:2px}
body.work-inspector-active .work-selected-editor{margin-bottom:8px}
body.work-inspector-active .work-selected-editor .presentation-settings-accordion-body{display:grid;gap:7px}
body.work-inspector-active .work-rules-panel{margin:2px 1px 0}
body.work-inspector-active .work-rules-panel>details>summary{padding:8px 9px}
body.right-collapsed.work-inspector-active .right-panel>.presentation-inspector-panel{display:flex!important;height:100%;padding:0}
body.right-collapsed.work-inspector-active .presentation-inspector-panel>*:not(.presentation-inspector-head){display:none!important}
body.right-collapsed.work-inspector-active .presentation-inspector-head{height:100%;padding:0;border:0;align-items:center;justify-content:flex-start}
body.right-collapsed.work-inspector-active .presentation-inspector-head>div{display:none}
body.right-collapsed.work-inspector-active .presentation-inspector-head .icon-btn{width:100%;height:42px}
html[data-appearance="light"] body.work-inspector-active .work-structure-section{background:#f7fafe;border-color:#d8e3ef}
html[data-appearance="light"] body.work-inspector-active .work-structure-block{background:transparent;border-color:transparent}
/* Work semantic Structure mirrors the compact Presentation inspector: outline only, editing stays in the canvas. */
body.work-inspector-active .work-structure-section-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:6px 7px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
body.work-inspector-active .work-structure-section-row.is-selected{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}
body.work-inspector-active .work-structure-section-row+.work-structure-section-row{margin-top:4px}
body.work-inspector-active .work-structure-section-row .work-structure-section-select{display:grid;grid-template-columns:18px minmax(0,1fr);gap:5px;align-items:center;min-width:0}
body.work-inspector-active .work-structure-section-row .work-structure-section-select strong{font-size:10px;line-height:1.2}
body.work-inspector-active .work-structure-section-row .work-structure-section-select small{font-size:8px;margin-top:1px}
body.work-inspector-active .work-structure-section-row .work-structure-actions{display:flex;gap:2px;align-items:center;padding:0}
body.work-inspector-active .work-structure-section-row .work-structure-actions .icon-btn{width:20px;height:20px;min-width:20px;font-size:9px}
body.work-inspector-active .work-structure-section-row .work-structure-actions .small{padding:3px 5px;font-size:8px}
html[data-appearance="light"] body.work-inspector-active .work-structure-section-row{background:#f7fafe;border-color:#d8e3ef}

/* 1.0.626 — Work Structure tree + always-editable semantic workspace */
body.work-inspector-active .work-structure-list{display:grid;gap:5px;padding:0 1px 7px}
body.work-inspector-active .work-structure-section{
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
  overflow:hidden;
}
body.work-inspector-active .work-structure-section.is-selected{
  border-color:color-mix(in srgb,var(--accent) 70%,var(--line));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);
}
body.work-inspector-active .work-structure-section-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px;
  align-items:center;
  padding:6px 7px;
  border:0;
  border-radius:0;
  background:transparent;
}
body.work-inspector-active .work-structure-section.is-expanded .work-structure-section-row{border-bottom:1px solid var(--line)}
body.work-inspector-active .work-structure-section-select{
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:5px;
  align-items:center;
  min-width:0;
  width:100%;
  appearance:none;
  border:0;
  background:transparent;
  color:var(--text);
  padding:2px 0;
  text-align:left;
  cursor:pointer;
}
body.work-inspector-active .work-structure-chevron{font-size:13px;color:var(--muted);transition:transform .14s ease}
body.work-inspector-active .work-structure-section.is-expanded .work-structure-chevron{transform:rotate(90deg)}
body.work-inspector-active .work-structure-section-select strong{display:block;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.work-inspector-active .work-structure-section-select small{display:block;margin-top:1px;font-size:8px;color:var(--muted)}
body.work-inspector-active .work-structure-actions{display:flex;gap:2px;padding:0;align-items:center}
body.work-inspector-active .work-structure-actions .icon-btn{width:20px;height:20px;min-width:20px;padding:0;font-size:9px}
body.work-inspector-active .work-structure-section-body{display:grid;gap:6px;padding:6px 7px 7px;background:color-mix(in srgb,var(--panel) 64%,transparent)}
body.work-inspector-active .work-structure-blocks{display:grid;gap:3px;padding:0}
body.work-inspector-active .work-structure-block{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px;
  align-items:center;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
}
body.work-inspector-active .work-structure-block.is-selected{background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:none}
body.work-inspector-active .work-structure-block>button:first-child{
  display:grid;
  grid-template-columns:15px minmax(0,1fr);
  gap:5px;
  align-items:center;
  min-width:0;
  padding:5px 4px;
  appearance:none;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
body.work-inspector-active .work-structure-block>button:first-child:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
body.work-inspector-active .work-structure-block>button:first-child span:last-child{min-width:0}
body.work-inspector-active .work-structure-block strong{display:block;font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.work-inspector-active .work-structure-block small{display:block;margin-top:1px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.work-inspector-active .work-structure-block-actions{display:flex;gap:2px;padding-right:1px}
body.work-inspector-active .work-structure-block-actions .icon-btn{width:19px;height:19px;min-width:19px;padding:0;font-size:8px}
body.work-inspector-active .work-add-block-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:1px 0 0}
body.work-inspector-active .work-add-block-row select{min-width:0;padding:5px 6px;font-size:8px}
body.work-inspector-active .work-add-block-row .small{padding:5px 7px;font-size:8px}
html[data-appearance="light"] body.work-inspector-active .work-structure-section{background:#f7fafe;border-color:#d8e3ef}

/* Work Playbooks */
.wizard-inline-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.setup-overview-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0 2px;border-top:1px solid var(--line,#d9dde4);margin-top:10px}
.setup-overview-actions>div:first-child{display:flex;flex-direction:column;gap:2px}
.work-playbook-manager-card{width:min(980px,calc(100vw - 36px));max-height:min(820px,calc(100vh - 36px));overflow:hidden}
.work-playbook-manager-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:16px;min-height:520px;max-height:calc(100vh - 160px)}
.work-playbook-manager-list{border-right:1px solid var(--line,#d9dde4);padding-right:14px;overflow:auto}
.work-playbook-manager-editor{overflow:auto;padding-right:4px}
.work-playbook-manager-group{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.work-playbook-manager-group>strong{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#68707d)}
.work-playbook-manager-row{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent}
.work-playbook-manager-row:hover,.work-playbook-manager-row.active{border-color:var(--line,#d9dde4);background:var(--panel-soft,#f6f7f9)}
.work-playbook-manager-row span{font-weight:650}
.work-playbook-manager-row small{color:var(--muted,#68707d);line-height:1.3}
.work-playbook-editor-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#68707d);font-weight:700}
@media(max-width:760px){.work-playbook-manager-layout{grid-template-columns:1fr;overflow:auto}.work-playbook-manager-list{border-right:0;border-bottom:1px solid var(--line,#d9dde4);padding-right:0;padding-bottom:12px;max-height:240px}.work-playbook-manager-editor{overflow:visible}.setup-overview-actions{align-items:flex-start;flex-direction:column}}

/* v1.0.626 Work Playbook wizard clarity + manager scrolling */
.work-approach-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line,#d9dde4);border-radius:12px;background:var(--panel-soft,rgba(148,163,184,.08))}
.work-approach-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.work-approach-copy .work-approach-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#68707d);font-weight:700}
.work-approach-copy strong{font-size:14px;line-height:1.25}
.work-approach-copy small{display:block;color:var(--muted,#68707d);line-height:1.35;white-space:normal}
.work-approach-chooser{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}
.work-playbook-manager-card{display:flex;flex-direction:column;min-height:0}
.work-playbook-manager-card>.modal-head{flex:0 0 auto}
.work-playbook-manager-layout{flex:1 1 auto;min-height:0;height:min(680px,calc(100vh - 160px));overflow:hidden}
.work-playbook-manager-list,.work-playbook-manager-editor{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}
.work-playbook-public-detail{display:flex;flex-direction:column;gap:10px;padding:6px 4px 24px}
.work-playbook-public-detail h3{margin:0;font-size:20px}
.work-playbook-public-detail p{margin:0;line-height:1.55}
@media(max-width:760px){.work-approach-card{align-items:flex-start}.work-playbook-manager-layout{height:auto;max-height:calc(100vh - 160px)}}

/* 1.0.626 Work competitor evidence + compact guidance */
.work-evidence-panel{margin-top:8px;border-top:1px solid var(--line);padding-top:7px}
.work-evidence-panel.hidden{display:none!important}
.work-evidence-panel>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:6px 2px;color:var(--text)}
.work-evidence-panel>summary::-webkit-details-marker{display:none}
.work-evidence-panel>summary>span:first-child{display:flex;align-items:baseline;gap:6px;min-width:0}
.work-evidence-panel>summary strong{font-size:10px}
.work-evidence-panel>summary small{font-size:9px;color:var(--muted);white-space:nowrap}
.work-evidence-panel[open]>summary .work-guidance-chevron{transform:rotate(180deg)}
.work-evidence-list{display:grid;gap:6px;padding:6px 0 2px}
.work-evidence-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:start;padding:7px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 86%,transparent)}
.work-evidence-row>div{display:grid;gap:2px;min-width:0}
.work-evidence-row strong{font-size:9.5px;line-height:1.25;overflow-wrap:anywhere}
.work-evidence-row small{font-size:8.5px;color:var(--muted);line-height:1.3;overflow-wrap:anywhere;text-transform:capitalize}
.work-evidence-row>a{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--muted);font-size:11px}
.work-evidence-row>a:hover{color:var(--accent);border-color:var(--accent)}
.work-evidence-stats{display:flex;gap:5px;flex-wrap:wrap;padding:2px 1px}
.work-evidence-stats span{font-size:8px;color:var(--muted);padding:2px 5px;border:1px solid var(--line);border-radius:999px}
.work-evidence-stats span.danger{color:var(--danger,#b42318)}

/* 1.0.626 Work Project persistent Rules */

/* 1.0.626 Actionable AI Messages + safe activity badge placement */
.ai-message-action-hint{display:inline-flex;width:max-content;max-width:100%;padding:3px 7px;border:1px solid rgba(96,165,250,.35);border-radius:999px;color:#93c5fd;font-size:9px;font-weight:850;line-height:1.2}
.ai-message-action-box{display:grid;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.ai-message-action-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ai-message-action-head strong{font-size:11px}
.ai-message-action-box pre{margin:0;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45;color:var(--text)}
.ai-message-action-box>small{font-size:10px;color:var(--muted)}
html[data-appearance="light"] .ai-message-action-hint{color:#1d4ed8;border-color:#93c5fd}
.workspace-rail-count{left:-7px;right:auto}
.presentation-primary-nav b{left:-7px;right:auto}

/* 1.0.626 shared AI Message copy polish */
.ai-message-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.ai-message-detail-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-message-copy-btn{flex:0 0 auto;padding:3px 7px;min-height:0}
.ai-message-action-head-copy-only{justify-content:flex-end}

/* Studio quality checks: unresolved non-blocking validator debt lives in Messages and can be processed as a dedicated AI run. */
.studio-quality-message-group{display:grid;gap:7px;padding:9px;border:1px solid rgba(245,158,11,.28);border-radius:12px;background:rgba(120,53,15,.10)}
.studio-quality-message-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.studio-quality-message-group-head>div{display:grid;gap:2px;min-width:0}
.studio-quality-message-group-head strong{font-size:11px}
.studio-quality-message-group-head small{font-size:9px;line-height:1.3;color:var(--muted)}
.studio-quality-message-group-head button{flex:0 0 auto;white-space:nowrap;padding:4px 7px;min-height:0}
.studio-quality-message-items,.ai-message-standard-items{display:grid;gap:8px}
.ai-message-standard-items:not(:first-child){margin-top:2px}
.ai-message-card.studio-quality-message{border-color:rgba(245,158,11,.28);background:rgba(120,53,15,.08)}
.ai-message-card.studio-quality-message:hover{border-color:rgba(245,158,11,.55);background:rgba(120,53,15,.14)}
html[data-appearance="light"] .studio-quality-message-group{border-color:#f4c878;background:#fffaf0}
html[data-appearance="light"] .ai-message-card.studio-quality-message{border-color:#efd39c;background:#fffdf8}
html[data-appearance="light"] .ai-message-card.studio-quality-message:hover{border-color:#dfb463;background:#fff9eb}

/* v1.0.640 scalable Runs history */
.api-runs-load-more{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 4px 2px;
}
.api-runs-load-more small{color:var(--muted);font-size:11px;}
.api-run-detail-loading{padding:12px;margin:0;}

/* 1.0.654 support-visible run identifiers */
.api-run-heading .api-run-id{display:block;margin-top:3px;font-size:11px;opacity:.72;overflow-wrap:anywhere}

/* v1.0.665 — Presentation v2 component-first editor */
.presentation-context-toolbar{
  position:absolute;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  z-index:9;
  width:min(920px,calc(100% - 28px));
  min-height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  border:1px solid rgba(148,163,184,.34);
  border-radius:13px;
  background:rgba(15,23,42,.96);
  color:#f8fafc;
  box-shadow:0 12px 34px rgba(15,23,42,.26);
  backdrop-filter:blur(12px);
}
.presentation-context-toolbar.hidden{display:none!important}
.presentation-context-toolbar .presentation-context-toolbar-label{display:grid;gap:1px;min-width:138px;max-width:230px;padding:0 7px 0 3px;border-right:1px solid rgba(148,163,184,.22)}
.presentation-context-toolbar .presentation-context-toolbar-label strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.presentation-context-toolbar .presentation-context-toolbar-label small{font-size:9px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.presentation-context-toolbar .presentation-context-toolbar-actions{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}
.presentation-context-toolbar button,.presentation-context-toolbar select{height:32px;min-width:max-content;border:1px solid rgba(148,163,184,.27);border-radius:8px;background:#182437;color:#eef4fb;font-size:10px;font-weight:800;box-shadow:none}
.presentation-context-toolbar button{padding:0 10px;cursor:pointer}
.presentation-context-toolbar button:hover,.presentation-context-toolbar select:hover{border-color:#60a5fa;background:#1f3047}
.presentation-context-toolbar button.primary{background:#2563eb;border-color:#3b82f6;color:#fff}
.presentation-context-toolbar button.danger{color:#fecaca;border-color:rgba(248,113,113,.36)}
.presentation-context-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.presentation-context-toolbar .presentation-toolbar-divider{width:1px;height:22px;background:rgba(148,163,184,.22);flex:0 0 1px;margin:0 2px}
.presentation-context-toolbar .presentation-toolbar-add{display:flex;align-items:center;gap:5px}
.presentation-context-toolbar .presentation-toolbar-add select{max-width:150px;padding:0 24px 0 8px}
.presentation-context-toolbar .presentation-toolbar-hint{font-size:9px;color:#94a3b8;margin-left:auto;white-space:nowrap}
html[data-appearance="light"] .presentation-context-toolbar{background:rgba(255,255,255,.97);color:#172033;border-color:#d7e1ec;box-shadow:0 12px 30px rgba(15,23,42,.15)}
html[data-appearance="light"] .presentation-context-toolbar button,html[data-appearance="light"] .presentation-context-toolbar select{background:#f7fafe;color:#172033;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-context-toolbar button:hover,html[data-appearance="light"] .presentation-context-toolbar select:hover{background:#eef6ff;border-color:#60a5fa}
html[data-appearance="light"] .presentation-context-toolbar button.primary{background:#2563eb;color:#fff}

.presentation-object-tree{display:grid;gap:4px}
.presentation-object-tree-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center}
.presentation-object-tree-row.is-child{padding-left:16px}
.presentation-object-tree-row.is-grandchild{padding-left:32px}
.presentation-object-tree-select{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;gap:7px;align-items:center;width:100%;padding:7px 8px!important;border:0!important;border-radius:8px;background:transparent!important;color:var(--text)!important;text-align:left;box-shadow:none!important}
.presentation-object-tree-select:hover{background:rgba(96,165,250,.12)!important}
.presentation-object-tree-select .presentation-object-icon{font-size:11px;text-align:center;color:var(--muted)}
.presentation-object-tree-select .presentation-object-copy{display:grid;min-width:0;gap:1px}
.presentation-object-tree-select strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presentation-object-tree-select small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presentation-object-tree-select .presentation-object-count{font-size:8px;color:var(--muted)}
.presentation-object-tree-actions{display:flex;gap:3px}
.presentation-object-tree-actions button{width:25px;height:25px;padding:0;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);box-shadow:none;font-size:11px}
.presentation-object-tree-actions button:hover{color:var(--text);border-color:#60a5fa}
.presentation-object-tree-actions button.danger:hover{color:#ef4444;border-color:#ef4444}
.presentation-object-tree-section{padding:5px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel2) 78%,transparent)}
.presentation-object-tree-section>div:first-child{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 5px;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}

/* The top editor owns the draft lifecycle; the old layout Apply button is not a second save path. */
body.presentation-workspace-active .presentation-blueprint-actions #presentationApplyBlueprintBtn{display:none!important}
.presentation-object-property-editor{margin-top:0}
.presentation-object-property-editor .presentation-settings-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.presentation-object-property-editor .presentation-settings-group-head strong{font-size:11px}
.presentation-object-property-editor .presentation-settings-group-head small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.presentation-object-property-editor .presentation-settings-grid{display:grid;gap:7px}
.presentation-object-property-editor textarea{min-height:58px;resize:vertical}
.presentation-object-table-editor{display:grid;gap:4px;overflow:auto}
.presentation-object-table-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);gap:4px;min-width:max-content}
.presentation-object-table-row strong{padding:4px 5px;font-size:8px;color:var(--muted)}
.presentation-object-table-row input{min-width:88px;height:30px;font-size:9px}
.presentation-object-style-controls{display:grid;gap:6px;padding-top:7px;border-top:1px solid var(--line)}
.presentation-object-style-controls .presentation-style-field{display:grid;grid-template-columns:minmax(84px,.7fr) minmax(0,1.3fr);gap:7px;align-items:center;margin:0}
.presentation-object-style-controls .presentation-style-field>span{font-size:9px;color:var(--muted);font-weight:800}
.presentation-object-style-controls input,.presentation-object-style-controls select{width:100%;min-width:0;height:30px;font-size:9px}

/* Presentation manual editing standards 1.0.693 */
.presentation-manual-layout-modal .modal-card{width:min(860px,calc(100vw - 32px));max-height:min(780px,calc(100vh - 32px));overflow:auto}
.presentation-manual-layout-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin:4px 0 16px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(15,23,42,.25)}
.presentation-manual-layout-summary strong{font-size:14px}.presentation-manual-layout-summary span{font-size:11px;color:#94a3b8;text-transform:capitalize}
.presentation-manual-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.presentation-manual-layout-grid label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#cbd5e1}
.presentation-manual-layout-grid input,.presentation-manual-layout-grid select{width:100%;height:38px;padding:0 10px;border:1px solid rgba(148,163,184,.28);border-radius:9px;background:#111c2d;color:#eef4fb}
.presentation-manual-layout-note{display:grid;gap:4px;margin-top:16px;padding:12px 14px;border-left:4px solid #3b82f6;background:rgba(37,99,235,.08);border-radius:8px}
.presentation-manual-layout-note strong{font-size:11px}.presentation-manual-layout-note span{font-size:11px;line-height:1.45;color:#aebed0}
.presentation-selection-path{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;margin-top:2px}
.presentation-selection-path>span{font-size:8px;color:#64748b}
.presentation-context-toolbar .presentation-selection-crumb{height:18px!important;padding:0 4px!important;border:0!important;background:transparent!important;color:#94a3b8!important;font-size:8px!important;font-weight:700!important;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presentation-context-toolbar .presentation-selection-crumb:hover{color:#bfdbfe!important}.presentation-context-toolbar .presentation-selection-crumb:disabled{color:#e2e8f0!important;opacity:1}
html[data-appearance="light"] .presentation-manual-layout-summary{background:#f6f9fc;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-manual-layout-grid label{color:#334155}
html[data-appearance="light"] .presentation-manual-layout-grid input,html[data-appearance="light"] .presentation-manual-layout-grid select{background:#fff;color:#172033;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-manual-layout-note{background:#eff6ff}
html[data-appearance="light"] .presentation-manual-layout-note span{color:#475569}
@media(max-width:720px){.presentation-manual-layout-grid{grid-template-columns:1fr}.presentation-context-toolbar .presentation-selection-path{display:none}}

body.presentation-workspace-active .presentation-context-toolbar{display:none!important;}

/* v1.0.695 Basic Presentation editing stabilisation */
body.visual-styles-open .workspace-manual-edit-save-bar{
  left:calc(50% - 215px);
  max-width:min(760px,calc(100% - 470px));
  min-width:min(520px,calc(100% - 470px));
}
.presentation-object-tree-readonly .presentation-object-tree-select{
  cursor:default;
  pointer-events:none;
}
@media(max-width:1100px){
  body.visual-styles-open .workspace-manual-edit-save-bar{
    left:18px;
    right:448px;
    transform:none;
    width:auto;
    min-width:0;
    max-width:none;
  }
}
@media(max-width:760px){
  body.visual-styles-open .workspace-manual-edit-save-bar{
    left:12px;
    right:12px;
  }
}

/* Presentation zone editor 1.0.696 */
.presentation-zone-background,.presentation-zone-summary-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-subtle,#273244)}
.presentation-zone-background>div:first-child{display:grid;gap:2px;min-width:0;flex:1}.presentation-zone-background small,.presentation-zone-summary-row small{color:var(--text-muted,#94a3b8)}
.presentation-zone-background>div:last-child{display:flex;gap:6px}.presentation-zone-background button{min-height:30px;padding:0 10px;border-radius:7px}
.presentation-zone-summary{display:grid;gap:0}.presentation-zone-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.presentation-zone-summary-row small{grid-column:1/-1;white-space:normal;line-height:1.35}.presentation-zone-summary-row:last-child{border-bottom:0}

/* 1.0.698 — clear content-group layout choices */
.presentation-selected-group-summary{display:grid;gap:3px;margin-bottom:10px}.presentation-selected-group-summary small,.presentation-group-layout-help{color:var(--text-muted,#94a3b8);line-height:1.35}.presentation-group-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.presentation-group-layout-option{display:grid;gap:6px;justify-items:start;min-height:72px;padding:9px;border:1px solid var(--border-subtle,#334155);border-radius:10px;background:var(--panel2,#111827);color:var(--text,#e5e7eb);text-align:left}.presentation-group-layout-option.is-selected{border-color:var(--accent,#38bdf8);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#38bdf8) 42%,transparent)}.presentation-group-layout-mini{display:grid;width:100%;height:30px;gap:3px}.presentation-group-layout-mini[data-columns="1"]{grid-template-columns:1fr}.presentation-group-layout-mini[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.presentation-group-layout-mini[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.presentation-group-layout-mini[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.presentation-group-layout-mini i{display:block;min-height:8px;border:1px solid currentColor;border-radius:3px;opacity:.62}.presentation-group-layout-help{display:block;margin-top:9px}
.presentation-zone-choice-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.presentation-zone-choice,.presentation-zone-type-grid button,.presentation-zone-variation-grid button{border:1px solid var(--border-subtle,#334155);border-radius:8px;background:var(--panel2,#111827);color:var(--text,#e5e7eb);padding:7px 9px;font:600 12px/1.2 system-ui,sans-serif;cursor:pointer}.presentation-zone-choice.is-selected,.presentation-zone-type-grid button.is-selected,.presentation-zone-variation-grid button.is-selected{border-color:var(--accent,#38bdf8);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#38bdf8) 42%,transparent)}.presentation-zone-group-editor{display:grid;gap:8px;padding:10px;border:1px solid var(--border-subtle,#334155);border-radius:10px;background:color-mix(in srgb,var(--panel2,#111827) 92%,transparent);margin-bottom:9px}.presentation-zone-group-editor>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.presentation-zone-group-editor>div:first-child small,.presentation-zone-empty small{color:var(--text-muted,#94a3b8)}.presentation-zone-group-editor>label{font-size:11px;font-weight:700;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em}.presentation-zone-type-grid,.presentation-zone-variation-grid{display:flex;flex-wrap:wrap;gap:6px}.presentation-zone-empty{display:grid;gap:4px;padding:12px;border:1px dashed var(--border-subtle,#334155);border-radius:10px}

.presentation-zone-semantic-list{display:grid;gap:6px}.presentation-zone-semantic-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--border-subtle,#334155);border-radius:8px;background:var(--panel2,#111827)}.presentation-zone-semantic-list small{color:var(--text-muted,#94a3b8);text-transform:capitalize}
.presentation-zone-semantic-editor{display:grid;gap:8px}
.presentation-zone-semantic-row,.presentation-zone-popup-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #2b455e;border-radius:10px;background:rgba(255,255,255,.035)}
.presentation-zone-semantic-row>div:first-child,.presentation-zone-popup-actions>div:first-child{display:grid;gap:3px;min-width:0}
.presentation-zone-semantic-row small,.presentation-zone-popup-actions small{color:#91a4bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.presentation-zone-semantic-row>div:last-child,.presentation-zone-popup-actions>div:last-child{display:flex;gap:6px;flex:0 0 auto}
.presentation-zone-semantic-row button,.presentation-zone-popup-actions button,.presentation-zone-group-heading button,.presentation-zone-ask-ai{min-height:30px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#dcecff;padding:0 10px;font-weight:700;cursor:pointer}
.presentation-zone-semantic-row button.danger,.presentation-zone-popup-actions button.danger{border-color:#7f1d1d;background:#451a1a;color:#fecaca}
.presentation-zone-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.presentation-zone-group-heading>div{display:grid;gap:2px}
.presentation-zone-ask-ai{width:100%;margin-top:8px}
html[data-appearance="light"] .presentation-zone-semantic-row,html[data-appearance="light"] .presentation-zone-popup-actions{border-color:#d8e3ef;background:#f8fafc}
html[data-appearance="light"] .presentation-zone-semantic-row small,html[data-appearance="light"] .presentation-zone-popup-actions small{color:#64748b}
html[data-appearance="light"] .presentation-zone-semantic-row button,html[data-appearance="light"] .presentation-zone-popup-actions button,html[data-appearance="light"] .presentation-zone-group-heading button,html[data-appearance="light"] .presentation-zone-ask-ai{background:#fff;border-color:#cbd5e1;color:#1e3a5f}


/* 1.0.712 manual-first Presentation editor */
.manual-presentation-editor{display:flex;flex-direction:column;gap:10px;padding:0 0 18px}
.manual-presentation-editor details{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.manual-presentation-editor summary{cursor:pointer;font-weight:750;padding:11px 12px;background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)}
.manual-section-body{display:flex;flex-direction:column;gap:10px;padding:12px}
.manual-section-body label,.manual-presentation-block label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650}
.manual-section-body input,.manual-section-body textarea,.manual-section-body select,.manual-presentation-block input,.manual-presentation-block textarea,.manual-presentation-block select{width:100%;box-sizing:border-box}
.manual-editor-toolbar{display:flex;gap:8px;position:sticky;top:0;z-index:2;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.manual-background-row,.manual-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.manual-regions{display:flex;flex-direction:column;gap:12px}
.manual-region{border:1px dashed color-mix(in srgb,var(--accent) 62%,var(--line));border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px}
.manual-region>header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;text-transform:capitalize}
.manual-region>header>div{display:flex;gap:5px;flex-wrap:wrap}
.manual-region>header button{padding:5px 8px;font-size:11px}
.manual-presentation-block{position:relative;display:flex;flex-direction:column;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 94%,var(--surface) 6%)}
.manual-block-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.manual-block-actions label{display:grid;grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:6px}
.manual-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.manual-card-items{display:flex;flex-direction:column;gap:8px}
.manual-card-item{display:flex;flex-direction:column;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.manual-card-item-actions{display:flex;justify-content:flex-end;gap:5px}
.manual-image-block img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.manual-image-missing,.manual-empty-region{display:grid;place-items:center;min-height:72px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:12px}
.manual-presentation-editor .danger{color:var(--danger,#b91c1c)}
@media(max-width:1100px){.manual-inline-grid{grid-template-columns:1fr}}

/* 1.0.713 manual Presentation popup stabilisation */
.manual-zone-popup-body{display:flex;flex-direction:column;gap:10px;max-height:min(64vh,620px);overflow:auto;padding-right:2px}
.manual-zone-popup-body>label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:750;color:#91a4bb;text-transform:none}
.manual-zone-popup-body input,.manual-zone-popup-body textarea,.manual-zone-popup-body select{width:100%;box-sizing:border-box;border:1px solid #36516d;border-radius:8px;background:#091a2b;color:#e6f2ff;padding:9px 10px;font:inherit}
.manual-zone-add{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #2b455e}
.manual-zone-add>div,.manual-block-type-grid{display:flex;gap:6px;flex-wrap:wrap}
.manual-zone-add button,.manual-block-type-grid button{min-height:31px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#dcecff;padding:0 10px;font-weight:750;cursor:pointer}
.manual-block-type-grid button.is-selected{border-color:#22c7f2;box-shadow:0 0 0 1px #22c7f2 inset;background:#12314a}
.manual-zone-popup-body .manual-presentation-block{background:#0d2033;border-color:#2b455e}
.manual-zone-popup-body .manual-card-item{background:#091a2b;border-color:#2b455e}
.manual-zone-popup-body .manual-block-actions{padding-bottom:3px;border-bottom:1px solid #203a52}
.manual-zone-popup-body .manual-block-actions .danger,.manual-zone-popup-body>button.danger{min-height:32px;border:1px solid #7f1d1d;border-radius:8px;background:#451a1a;color:#fecaca;padding:0 10px;font-weight:750}
html[data-appearance="light"] .manual-zone-popup-body>label{color:#64748b}
html[data-appearance="light"] .manual-zone-popup-body input,html[data-appearance="light"] .manual-zone-popup-body textarea,html[data-appearance="light"] .manual-zone-popup-body select{background:#fff;color:#0f172a;border-color:#cbd5e1}
html[data-appearance="light"] .manual-zone-add{border-color:#d8e3ef}
html[data-appearance="light"] .manual-zone-add button,html[data-appearance="light"] .manual-block-type-grid button{background:#fff;color:#1e3a5f;border-color:#cbd5e1}
html[data-appearance="light"] .manual-block-type-grid button.is-selected{border-color:#0284c7;background:#e0f2fe;box-shadow:0 0 0 1px #0284c7 inset}
html[data-appearance="light"] .manual-zone-popup-body .manual-presentation-block,html[data-appearance="light"] .manual-zone-popup-body .manual-card-item{background:#f8fafc;border-color:#d8e3ef}

/* 1.0.716 top-band placement, live split preview and background fix */
.manual-composition-only{position:relative;display:grid;gap:8px}
.manual-composition-only .presentation-slide-variation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.manual-composition-popover{position:absolute;z-index:40;top:48px;left:4px;right:4px;padding:10px;border:1px solid #36516d;border-radius:12px;background:#081727;box-shadow:0 18px 42px rgba(0,0,0,.38)}
.manual-composition-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 1px 8px;border-bottom:1px solid #2b455e}
.manual-composition-popover .presentation-slide-variation-grid{padding-top:10px}
.wizard-presentation-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wizard-presentation-start-grid .wizard-pill-btn{min-height:46px;align-items:center;justify-content:center;text-align:center}
html[data-appearance="light"] .manual-composition-popover{background:#fff;border-color:#cbd5e1;box-shadow:0 18px 42px rgba(15,23,42,.18)}
html[data-appearance="light"] .manual-composition-popover-head{border-color:#d8e3ef}
@media(max-width:700px){.wizard-presentation-start-grid{grid-template-columns:1fr}}


/* 1.0.716 semantic Top/Bottom presence controls */
.manual-semantic-list{display:flex;flex-direction:column;gap:8px}
.manual-semantic-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 11px;border:1px solid #2b455e;border-radius:10px;background:#0d2033}
.manual-semantic-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.manual-semantic-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fb2c5}
html[data-appearance="light"] .manual-semantic-row{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .manual-semantic-row small{color:#64748b}

/* 1.0.717 stable direct text, external top label and paged shared-media picker */

/* 1.0.718 stable manual semantic roles and external region labels */

/* 1.0.719 exact direct-edit ownership and compact region controls */
.manual-text-block-controls{padding-bottom:10px}

/* 1.0.727 visual Main-content blocks and ordered region editing */
.manual-content-catalog{display:grid;gap:8px}
.manual-content-catalog>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 9px;border:1px solid #2b455e;border-radius:10px;background:#0d2033}
.manual-content-catalog button{min-height:30px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#dcecff;padding:0 11px;font-weight:750;cursor:pointer}
.manual-content-type-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #36516d;border-radius:8px;background:#091a2b;color:#a9dcff;font-weight:850}
.manual-content-block-list{display:flex;flex-direction:column;gap:10px}
.manual-content-block-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #203a52}
.manual-content-block-head>div{display:flex;align-items:center;gap:5px}
.manual-block-drag-handle{display:grid;place-items:center;width:28px;height:28px;border:1px solid #36516d;border-radius:7px;background:#091a2b;color:#91a4bb;cursor:grab;font-weight:900;letter-spacing:-3px;padding-right:5px}
.manual-block-drag-handle:active{cursor:grabbing}
.manual-presentation-block.is-drag-over{border-color:#22c7f2;box-shadow:0 0 0 2px rgba(34,199,242,.23) inset}
.manual-selector-label{font-size:11px;font-weight:800;color:#91a4bb}
.manual-visual-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.manual-visual-option{display:grid;grid-template-rows:44px auto;align-items:center;justify-items:center;gap:5px;min-width:0;padding:7px 5px;border:1px solid #36516d;border-radius:9px;background:#091a2b;color:#dcecff;cursor:pointer;font:inherit}
.manual-visual-option:hover{border-color:#5d7893;background:#102338}
.manual-visual-option.is-selected{border-color:#22c7f2;background:#12314a;box-shadow:0 0 0 1px #22c7f2 inset}
.manual-visual-option span:last-child{font-size:10px;font-weight:750;text-align:center;line-height:1.15}
.manual-card-diagram,.manual-arrangement-diagram,.manual-image-placement-diagram{position:relative;display:grid;width:68px;height:40px;box-sizing:border-box}
.manual-card-diagram{grid-template-columns:repeat(2,1fr);gap:5px;align-items:center}
.manual-card-diagram-card{display:block;height:27px;border-radius:4px;border:1px solid #7f9bb8;background:transparent}
.manual-card-diagram-filled .manual-card-diagram-card{background:#46627f;border-color:#7896b5}
.manual-card-diagram-outline .manual-card-diagram-card{border-width:2px}
.manual-card-diagram-soft .manual-card-diagram-card{background:#1a3550;border-color:#36516d;box-shadow:0 2px 5px rgba(0,0,0,.18)}
.manual-card-diagram-top-line .manual-card-diagram-card{border:0;border-top:3px solid #61d5f5;border-radius:0;background:#102338}
.manual-card-diagram-side-line .manual-card-diagram-card{border:0;border-left:3px solid #61d5f5;border-radius:0;background:#102338}
.manual-arrangement-diagram{gap:4px}
.manual-arrangement-diagram i{display:block;border:1px solid #7f9bb8;border-radius:3px;background:#18334e}
.manual-arrangement-column{grid-template-rows:repeat(2,1fr)}
.manual-arrangement-row,.manual-arrangement-grid-2{grid-template-columns:repeat(2,1fr)}
.manual-arrangement-grid-3{grid-template-columns:repeat(3,1fr)}
.manual-arrangement-grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}
.manual-image-placement-diagram{border:1px solid #536f8b;border-radius:5px;background:#102338;overflow:hidden}
.manual-image-placement-diagram i{position:absolute;background:#476786}
.manual-image-placement-diagram b{position:absolute;border:1px solid #9ab3cb;border-radius:2px;background:#18334e}
.manual-image-placement-fill i,.manual-image-placement-background i{inset:0}
.manual-image-placement-fill b{display:none}
.manual-image-placement-background i{opacity:.72}.manual-image-placement-background b{left:17px;right:17px;top:10px;bottom:10px;background:rgba(9,26,43,.72)}
.manual-image-placement-top i{left:0;right:0;top:0;height:17px}.manual-image-placement-top b{left:8px;right:8px;bottom:5px;height:11px}
.manual-image-placement-bottom i{left:0;right:0;bottom:0;height:17px}.manual-image-placement-bottom b{left:8px;right:8px;top:5px;height:11px}
.manual-image-placement-left i{left:0;top:0;bottom:0;width:27px}.manual-image-placement-left b{right:6px;top:7px;bottom:7px;width:27px}
.manual-image-placement-right i{right:0;top:0;bottom:0;width:27px}.manual-image-placement-right b{left:6px;top:7px;bottom:7px;width:27px}
.manual-card-item-list{display:flex;flex-direction:column;gap:6px}
.manual-card-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #2b455e;border-radius:8px;background:#091a2b}
.manual-card-item-row>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#c8daea}
.manual-card-item-row>div{display:flex;gap:4px}
.manual-card-item-row .icon-btn,.manual-content-block-head .icon-btn{width:28px;height:28px;min-height:28px;padding:0}
.manual-card-item-row .icon-btn.danger{color:#fecaca;border-color:#7f1d1d;background:#451a1a}
@media(max-width:900px){.manual-visual-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-appearance="light"] .manual-content-catalog>div,html[data-appearance="light"] .manual-card-item-row{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .manual-content-catalog button,html[data-appearance="light"] .manual-block-drag-handle,html[data-appearance="light"] .manual-visual-option{background:#fff;color:#1e3a5f;border-color:#cbd5e1}
html[data-appearance="light"] .manual-content-type-icon{background:#eef6ff;color:#075985;border-color:#bae6fd}
html[data-appearance="light"] .manual-visual-option.is-selected{border-color:#0284c7;background:#e0f2fe;box-shadow:0 0 0 1px #0284c7 inset}
html[data-appearance="light"] .manual-card-item-row>span{color:#334155}

/* 1.0.728 compact draggable manual Main-content editor */
.presentation-content-popover.is-manual-content-popover{overflow:visible;max-height:none}
.presentation-content-popover.is-manual-content-popover>.presentation-content-popover-head{cursor:grab;user-select:none;touch-action:none}
.presentation-content-popover.is-manual-content-popover.is-dragging>.presentation-content-popover-head{cursor:grabbing}
.presentation-content-popover.is-manual-content-popover .manual-zone-popup-body{max-height:min(64vh,620px);overflow:auto}
.manual-content-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-bottom:2px}
.manual-content-catalog>button{display:flex;align-items:center;justify-content:center;width:100%;height:34px;min-height:34px;padding:4px 8px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#dcecff;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.manual-content-catalog>button:hover{border-color:#5d7893;background:#15304a}
.manual-content-block-list{display:flex;flex-direction:column;gap:7px}
.manual-zone-popup-body .manual-presentation-block{padding:0;border:1px solid #2b455e;border-radius:9px;background:#0d2033}
.manual-content-block-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;border:0}
.manual-content-block-head>div{display:flex;align-items:center;gap:4px}
.manual-block-summary{display:grid;grid-template-columns:26px minmax(0,1fr) 12px;align-items:center;gap:7px;min-width:0;min-height:30px;padding:2px 5px;border:0;border-radius:7px;background:transparent;color:#dcecff;text-align:left;cursor:pointer}
.manual-block-summary:hover,.manual-block-summary.is-selected{background:#15304a;color:#f2f7fb}
.manual-block-summary.is-static{grid-template-columns:26px minmax(0,1fr);cursor:default}
.manual-block-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.manual-block-summary .manual-content-type-icon{width:24px;height:24px;border:0;background:#091a2b}
.manual-content-block-head .icon-btn{width:26px;height:26px;min-height:26px;padding:0}
.manual-content-block-head .icon-btn.danger{color:#fecaca;border-color:#7f1d1d;background:#451a1a}
.manual-block-settings-panel{position:absolute;left:calc(100% + 10px);top:42px;z-index:20;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 28px));overflow:auto;padding:12px;border:1px solid #38536e;border-radius:13px;background:#0b1727;color:#e5f1ff;box-shadow:0 22px 70px rgba(2,8,23,.48)}
.manual-block-settings-panel.is-left{left:auto;right:calc(100% + 10px)}
.manual-block-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #263e56}
.manual-block-settings-head strong{font-size:13px;color:#f2f7fb}
.manual-block-settings-head .icon-btn{width:28px;height:28px;padding:0}
.manual-image-replace{width:100%}
html[data-appearance="light"] .manual-content-catalog>button,html[data-appearance="light"] .manual-block-summary:hover,html[data-appearance="light"] .manual-block-summary.is-selected{background:#fff;color:#1e3a5f;border-color:#cbd5e1}
html[data-appearance="light"] .manual-zone-popup-body .manual-presentation-block{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .manual-block-summary{color:#1e3a5f}
html[data-appearance="light"] .manual-block-summary .manual-content-type-icon{background:#eef6ff;color:#075985}
html[data-appearance="light"] .manual-block-settings-panel{background:#fff;border-color:#cbd5e1;color:#172033;box-shadow:0 22px 64px rgba(15,23,42,.22)}
html[data-appearance="light"] .manual-block-settings-head{border-color:#d8e3ef}
html[data-appearance="light"] .manual-block-settings-head strong{color:#172033}
@media(max-width:760px){.manual-block-settings-panel,.manual-block-settings-panel.is-left{position:relative;left:auto;right:auto;top:auto;width:auto;max-height:50vh;box-shadow:none}}

/* v1.0.729 content-editor polish */
.workspace-visual-picker-modal{z-index:1800}

/* 1.0.730 image placement availability */
.manual-visual-selector.is-disabled{opacity:.48}
.manual-visual-selector.is-disabled .manual-visual-option{cursor:not-allowed}
.manual-selector-note{display:block;margin-top:-2px;color:#91a4bb;font-size:10px;line-height:1.35}
html[data-appearance="light"] .manual-selector-note{color:#64748b}

/* 1.0.735 deck-wide theme gallery, full names and custom-theme management */
.presentation-deck-theme-editor{display:flex;flex-direction:column;gap:12px}
.presentation-theme-gallery{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid #2b455e;border-radius:12px;background:#0b1c2e}
.presentation-theme-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.presentation-theme-choice{display:grid;grid-template-columns:1fr;grid-template-rows:58px auto auto;align-items:center;gap:5px;min-width:0;padding:8px;border:1px solid #36516d;border-radius:10px;background:#102338;color:#dcecff;text-align:left;cursor:pointer;font:inherit}
.presentation-theme-choice:hover{border-color:#5d7893;background:#15304a}
.presentation-theme-choice.is-selected{border-color:#22c7f2;background:#12314a;box-shadow:0 0 0 1px #22c7f2 inset}
.presentation-theme-choice>strong{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.2;text-align:center}
.presentation-theme-choice>small{display:block;color:#91a4bb;font-size:10px;line-height:1.1;text-align:center}
.presentation-theme-choice-preview{--theme-preview-bg:#fff;--theme-preview-surface:#fff;--theme-preview-title:#0f172a;--theme-preview-text:#334155;--theme-preview-accent:#2563eb;--theme-preview-heading:Aptos;--theme-preview-body:Aptos;--theme-preview-radius:8px;--theme-preview-shadow:none;position:relative;width:100%;height:58px;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-preview-title) 22%,transparent);border-radius:7px;background:var(--theme-preview-bg);box-sizing:border-box;box-shadow:var(--theme-preview-shadow)}
.presentation-theme-choice-preview i{position:absolute;display:block;box-sizing:border-box}
.presentation-theme-choice-preview i:nth-child(1){left:8px;top:7px;width:54%;height:6px;border-radius:2px;background:var(--theme-preview-title)}
.presentation-theme-choice-preview i:nth-child(2){left:8px;top:18px;width:72%;height:3px;border-radius:2px;background:color-mix(in srgb,var(--theme-preview-text) 65%,transparent)}
.presentation-theme-choice-preview i:nth-child(3){left:8px;bottom:7px;width:42%;height:24px;border:1px solid color-mix(in srgb,var(--theme-preview-accent) 52%,transparent);border-radius:var(--theme-preview-radius);background:var(--theme-preview-surface);box-shadow:0 3px 7px color-mix(in srgb,var(--theme-preview-title) 12%,transparent)}
.presentation-theme-choice-preview i:nth-child(4){right:8px;bottom:7px;width:42%;height:24px;border-radius:var(--theme-preview-radius);background:var(--theme-preview-accent);opacity:.88}
.presentation-theme-choice-preview[data-image-treatment="contained"] i:nth-child(4){inset:auto 9px 8px auto;width:40%;height:22px;border:4px solid var(--theme-preview-surface);outline:1px solid color-mix(in srgb,var(--theme-preview-title) 22%,transparent);border-radius:2px}
.presentation-theme-choice-preview[data-image-treatment="full-bleed"] i:nth-child(4){right:0;bottom:0;width:46%;height:100%;border-radius:0;background:linear-gradient(140deg,var(--theme-preview-accent),color-mix(in srgb,var(--theme-preview-accent) 34%,var(--theme-preview-title)))}
.presentation-theme-choice-preview[data-image-treatment="masked"] i:nth-child(4){clip-path:polygon(9% 4%,92% 0,100% 18%,95% 92%,74% 100%,4% 92%,0 68%,4% 16%);border-radius:14px}
.presentation-save-custom-theme{align-self:stretch;min-height:34px}
.presentation-custom-theme-actions{display:grid;grid-template-columns:auto 1fr auto;gap:7px;padding-top:2px}
.presentation-custom-theme-actions button{min-height:32px;padding:6px 9px;font-size:11px}
.presentation-selected-style-editor .presentation-style-accordion:not([open])>summary{border-bottom:0}
.wizard-style-card-custom .presentation-theme-choice-preview{width:100%;height:92px}
html[data-appearance="light"] .presentation-theme-gallery{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .presentation-theme-choice{background:#fff;color:#1e293b;border-color:#cbd5e1}
html[data-appearance="light"] .presentation-theme-choice:hover{background:#f1f5f9;border-color:#94a3b8}
html[data-appearance="light"] .presentation-theme-choice.is-selected{border-color:#0284c7;background:#e0f2fe;box-shadow:0 0 0 1px #0284c7 inset}
html[data-appearance="light"] .presentation-theme-choice>small{color:#64748b}
@media(max-width:760px){.presentation-theme-gallery-grid{grid-template-columns:1fr}.presentation-custom-theme-actions{grid-template-columns:1fr}}


/* 1.0.736 collection families and visual card slots */
.manual-collection-settings{overflow:visible}
.manual-collection-current{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 10px;border:1px solid #36516d;border-radius:9px;background:#102338;color:#e5f1ff;text-align:left;cursor:pointer}
.manual-collection-current strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.manual-collection-current>span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#091a2b;color:#9edfff}
.manual-collection-menu{position:absolute;right:calc(100% + 10px);top:52px;z-index:6;display:grid;grid-template-columns:180px 250px;max-height:min(560px,70vh);overflow:hidden;border:1px solid #38536e;border-radius:14px;background:#0b1727;box-shadow:0 24px 70px rgba(2,8,23,.54)}
.manual-collection-family-list,.manual-collection-variant-list{display:flex;flex-direction:column;gap:4px;padding:10px;overflow:auto}
.manual-collection-family-list{border-right:1px solid #263e56;background:#091522}
.manual-collection-family{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#dcecff;text-align:left;cursor:pointer}
.manual-collection-family:hover,.manual-collection-family.is-selected{background:#15304a}
.manual-collection-family:disabled{opacity:.43;cursor:not-allowed}
.manual-collection-family small{font-size:9px;color:#91a4bb}
.manual-collection-menu-title{padding:4px 6px 7px;color:#91a4bb;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.manual-collection-variant{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:5px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#dcecff;text-align:left;cursor:pointer}
.manual-collection-variant:hover{background:#102338;border-color:#2b455e}
.manual-collection-variant.is-selected{background:#12314a;border-color:#22c7f2}
.manual-collection-variant .manual-card-diagram{transform:scale(.78);transform-origin:center}
.manual-settings-section{border:1px solid #263e56;border-radius:10px;background:#091a2b;overflow:hidden}
.manual-settings-section>summary{padding:9px 10px;cursor:pointer;font-size:11px;font-weight:850;color:#dcecff;list-style:none}
.manual-settings-section>summary::-webkit-details-marker{display:none}
.manual-settings-section[open]>summary{border-bottom:1px solid #263e56}
.manual-settings-section>.manual-visual-selector,.manual-settings-section>.manual-selector-label,.manual-settings-section>.manual-segmented-options,.manual-settings-section>.manual-collection-item-visuals{margin:9px}
.manual-collection-visual-diagram{display:grid;place-items:center;width:64px;height:40px;border:1px solid #536f8b;border-radius:6px;background:#102338;color:#9edfff;font-size:18px;font-weight:900}
.manual-segmented-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.manual-segmented-options button{min-height:30px;padding:4px 5px;border:1px solid #36516d;border-radius:7px;background:#102338;color:#dcecff;font-size:10px;font-weight:750;cursor:pointer}
.manual-segmented-options button.is-selected{border-color:#22c7f2;background:#12314a}
.manual-collection-item-visuals{display:flex;flex-direction:column;gap:6px}
.manual-item-visual-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,auto);align-items:center;gap:8px;padding:7px 8px;border:1px solid #263e56;border-radius:8px;background:#0d2033}
.manual-item-visual-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#c8daea}
.manual-item-visual-row select,.manual-item-visual-row input{min-width:0;min-height:30px;padding:4px 7px;border:1px solid #36516d;border-radius:7px;background:#091a2b;color:#e5f1ff;font:inherit;font-size:10px}
.manual-item-visual-row button{min-height:30px;padding:5px 8px;font-size:10px}
.manual-card-diagram-solid .manual-card-diagram-card{background:#46627f;border-color:#7896b5}
.manual-card-diagram-side-line-text .manual-card-diagram-card{border:0;border-left:2px solid #61d5f5;border-radius:0;background:transparent}
.manual-card-diagram-joined{gap:1px}.manual-card-diagram-joined .manual-card-diagram-card,.manual-card-diagram-joined-icons .manual-card-diagram-card{border-radius:1px;background:#18334e}
.manual-card-diagram-joined-icons .manual-card-diagram-card{background:radial-gradient(circle at 50% 35%,#61d5f5 0 3px,transparent 4px),#18334e}
.manual-card-diagram-labelled .manual-card-diagram-card{background:linear-gradient(#61d5f5 0 5px,#18334e 5px)}
.manual-card-diagram-alternating .manual-card-diagram-card:first-child{background:#18334e}.manual-card-diagram-alternating .manual-card-diagram-card:last-child{background:#46627f}
@media(max-width:900px){.manual-collection-menu{position:relative;right:auto;top:auto;grid-template-columns:1fr;max-height:420px}.manual-collection-family-list{border-right:0;border-bottom:1px solid #263e56}.manual-collection-family-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-appearance="light"] .manual-collection-current,html[data-appearance="light"] .manual-settings-section,html[data-appearance="light"] .manual-item-visual-row{background:#fff;color:#1e293b;border-color:#d8e3ef}
html[data-appearance="light"] .manual-collection-current>span:first-child,html[data-appearance="light"] .manual-collection-visual-diagram,html[data-appearance="light"] .manual-item-visual-row select,html[data-appearance="light"] .manual-item-visual-row input{background:#f8fafc;color:#075985;border-color:#cbd5e1}
html[data-appearance="light"] .manual-collection-menu{background:#fff;border-color:#cbd5e1;box-shadow:0 24px 64px rgba(15,23,42,.22)}
html[data-appearance="light"] .manual-collection-family-list{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .manual-collection-family,html[data-appearance="light"] .manual-collection-variant{color:#1e293b}
html[data-appearance="light"] .manual-collection-family:hover,html[data-appearance="light"] .manual-collection-family.is-selected,html[data-appearance="light"] .manual-collection-variant:hover{background:#f1f5f9}
html[data-appearance="light"] .manual-collection-variant.is-selected{background:#e0f2fe;border-color:#0284c7}
html[data-appearance="light"] .manual-settings-section>summary{color:#1e293b}
html[data-appearance="light"] .manual-item-visual-row>span{color:#334155}


/* 1.0.737 cascading collection picker and bounded visuals */
.manual-collection-current strong{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.2}
.manual-collection-menu{position:absolute;right:calc(100% + 10px);top:52px;z-index:30;display:flex;width:218px;max-height:min(560px,70vh);overflow:visible;padding:8px;border:1px solid #38536e;border-radius:14px;background:#0b1727;box-shadow:0 24px 70px rgba(2,8,23,.54)}
.manual-collection-family-list,.manual-collection-variant-list{display:contents}
.manual-collection-family-entry{position:relative;display:block;width:100%}
.manual-collection-family{display:grid;grid-template-columns:30px minmax(0,1fr) 16px auto;align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 8px;border:0;border-radius:9px;background:transparent;color:#dcecff;text-align:left;cursor:pointer}
.manual-collection-family:hover,.manual-collection-family:focus-visible,.manual-collection-family-entry.is-active>.manual-collection-family{background:#15304a}
.manual-collection-family:disabled{opacity:.45;cursor:not-allowed}
.manual-collection-family-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #38536e;border-radius:7px;background:#102338;color:#9edfff;font-size:13px;font-weight:900;line-height:1}
.manual-collection-family-icon-numbers{font-size:9px}
.manual-collection-family-arrow{font-size:20px;line-height:1;color:#9fb7ce}
.manual-collection-family small{grid-column:4;font-size:9px;color:#91a4bb}
.manual-collection-submenu{position:absolute;left:calc(100% + 9px);top:-8px;z-index:2;display:none;width:276px;max-height:min(560px,70vh);overflow:auto;padding:9px;border:1px solid #38536e;border-radius:14px;background:#0b1727;box-shadow:0 24px 70px rgba(2,8,23,.54)}
.manual-collection-family-entry:hover>.manual-collection-submenu,.manual-collection-family-entry:focus-within>.manual-collection-submenu,.manual-collection-family-entry.is-active>.manual-collection-submenu{display:flex;flex-direction:column;gap:4px}
.manual-collection-variant{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:43px;padding:6px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#dcecff;text-align:left;cursor:pointer}
.manual-collection-variant:hover{background:#102338;border-color:#2b455e}.manual-collection-variant.is-selected{background:#12314a;border-color:#22c7f2}
.manual-collection-variant-icon{display:grid;place-items:center;width:34px;height:28px;overflow:hidden}
.manual-collection-variant-icon .manual-card-diagram{width:48px;height:30px;transform:scale(.58);transform-origin:center}
.manual-visual-size-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.manual-shape-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px}
.manual-shape-option{display:grid;place-items:center;gap:5px;min-height:58px;padding:7px 5px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#dcecff;font-size:9px;cursor:pointer}
.manual-shape-option.is-selected{border-color:#22c7f2;background:#12314a}
.manual-shape-swatch{display:block;width:24px;height:24px;border:2px solid #8db0cf;background:color-mix(in srgb,#22c7f2 18%,transparent)}
.manual-shape-none{border-style:dashed;background:transparent}.manual-shape-square{border-radius:0}.manual-shape-rounded{border-radius:7px}.manual-shape-circle{border-radius:999px}
html[data-appearance="light"] .manual-collection-menu,html[data-appearance="light"] .manual-collection-submenu{background:#fff;border-color:#cbd5e1;box-shadow:0 24px 64px rgba(15,23,42,.22)}
html[data-appearance="light"] .manual-collection-family,html[data-appearance="light"] .manual-collection-variant,html[data-appearance="light"] .manual-shape-option{color:#1e293b}
html[data-appearance="light"] .manual-collection-family-icon,html[data-appearance="light"] .manual-shape-option{background:#f8fafc;border-color:#cbd5e1;color:#075985}
html[data-appearance="light"] .manual-collection-family:hover,html[data-appearance="light"] .manual-collection-family:focus-visible,html[data-appearance="light"] .manual-collection-family-entry.is-active>.manual-collection-family,html[data-appearance="light"] .manual-collection-variant:hover{background:#f1f5f9}
html[data-appearance="light"] .manual-collection-variant.is-selected,html[data-appearance="light"] .manual-shape-option.is-selected{background:#e0f2fe;border-color:#0284c7}
@media(max-width:900px){.manual-collection-menu{position:relative;right:auto;top:auto;width:auto;max-height:420px;overflow:auto}.manual-collection-submenu{position:relative;left:auto;top:auto;width:auto;max-height:none;margin:4px 0 8px 36px;box-shadow:none}.manual-collection-family-entry.is-active>.manual-collection-submenu{display:flex}}

/* 1.0.738 visual slot layering and practical sizing */
.manual-collection-variant.is-selected{cursor:pointer;pointer-events:auto}

/* 1.0.739 collection image focus and compact item controls */
.manual-item-image-controls{display:grid;grid-template-columns:minmax(72px,auto) minmax(100px,1fr);align-items:end;gap:7px}
.manual-item-image-controls label{display:grid;gap:3px;color:#91a4bb;font-size:9px;font-weight:750}
.manual-item-image-controls select{width:100%;min-height:30px}
@media(max-width:900px){.manual-item-image-controls{grid-template-columns:1fr}}

/* 1.0.741 background image controls */
.manual-item-image-row.has-transparency .manual-item-image-controls{grid-template-columns:minmax(68px,auto) repeat(2,minmax(96px,1fr))}
@media(max-width:900px){.manual-item-image-row.has-transparency .manual-item-image-controls{grid-template-columns:1fr}}

/* 1.0.758 Presentation manual popup contrast and control-state authority */
html[data-appearance="light"] .presentation-content-popover.is-manual-content-popover,html[data-appearance="light"] .presentation-content-popover.is-manual-content-popover .manual-zone-popup-body,html[data-appearance="light"] .manual-settings-section{background:#fff!important;color:#172033!important;border-color:#cbd5e1!important;color-scheme:light;}
html[data-appearance="light"] .manual-settings-section>summary,html[data-appearance="light"] .manual-selector-label,html[data-appearance="light"] .manual-collection-menu-title{color:#334155!important;}
html[data-appearance="light"] .manual-settings-section[open]>summary{border-color:#d8e3ef!important;}
html[data-appearance="light"] .manual-segmented-options button,html[data-appearance="light"] .manual-shape-option,html[data-appearance="light"] .manual-visual-option,html[data-appearance="light"] .manual-collection-current,html[data-appearance="light"] .manual-collection-family,html[data-appearance="light"] .manual-collection-variant{background:#f8fafc!important;color:#1e3a5f!important;border-color:#cbd5e1!important;box-shadow:none!important;}
html[data-appearance="light"] .manual-segmented-options button:hover,html[data-appearance="light"] .manual-shape-option:hover,html[data-appearance="light"] .manual-visual-option:hover,html[data-appearance="light"] .manual-collection-family:hover,html[data-appearance="light"] .manual-collection-variant:hover{background:#f1f5f9!important;color:#0f172a!important;border-color:#94a3b8!important;}
html[data-appearance="light"] .manual-segmented-options button.is-selected,html[data-appearance="light"] .manual-shape-option.is-selected,html[data-appearance="light"] .manual-visual-option.is-selected,html[data-appearance="light"] .manual-collection-family-entry.is-active>.manual-collection-family,html[data-appearance="light"] .manual-collection-variant.is-selected{background:#e0f2fe!important;color:#075985!important;border-color:#0284c7!important;box-shadow:0 0 0 1px #0284c7 inset!important;}
html[data-appearance="light"] .manual-collection-visual-diagram,html[data-appearance="light"] .manual-collection-family-icon,html[data-appearance="light"] .manual-shape-swatch{background:#fff!important;color:#0369a1!important;border-color:#94a3b8!important;}
html[data-appearance="light"] .manual-zone-popup-body input,html[data-appearance="light"] .manual-zone-popup-body textarea,html[data-appearance="light"] .manual-zone-popup-body select,html[data-appearance="light"] .manual-item-visual-row input,html[data-appearance="light"] .manual-item-visual-row select{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important;color-scheme:light;}
html[data-appearance="dark"] .presentation-content-popover.is-manual-content-popover,html[data-appearance="dark"] .manual-zone-popup-body input,html[data-appearance="dark"] .manual-zone-popup-body textarea,html[data-appearance="dark"] .manual-zone-popup-body select{color-scheme:dark;}

/* 1.0.762 manual structured content blocks */
.manual-content-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}
.manual-more-block-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;border:1px solid #2b455e;border-radius:10px;background:#091a2b}
.manual-more-block-menu button{display:grid;place-items:center;gap:4px;min-height:54px;padding:6px 4px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#dcecff;cursor:pointer}
.manual-more-block-menu button:hover{border-color:#5d7893;background:#15304a}
.manual-more-block-menu button span{font-size:16px;color:#9edfff}.manual-more-block-menu button strong{font-size:10px}
.manual-structured-items{display:grid;gap:8px}.manual-structured-item{display:grid;gap:8px;padding:9px;border:1px solid #263e56;border-radius:10px;background:#091a2b}
.manual-structured-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.manual-structured-item-head>div{display:flex;gap:4px}
.manual-structured-item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.manual-structured-item-fields label{display:grid;gap:4px;color:#91a4bb;font-size:9px;font-weight:750}.manual-structured-item-fields label:has(textarea){grid-column:1/-1}
.manual-structured-item-fields input,.manual-structured-item-fields textarea,.manual-structured-item-fields select,.manual-data-cell input{width:100%;min-width:0;border:1px solid #36516d;border-radius:7px;background:#102338;color:#e5f1ff;padding:6px 7px;font:inherit}
.manual-data-settings{width:min(620px,calc(100vw - 28px))}.manual-data-editor{display:grid;gap:8px;overflow:auto}.manual-data-grid{display:grid;grid-template-columns:repeat(var(--manual-data-columns),minmax(90px,1fr));gap:4px;min-width:max-content}
.manual-data-cell{display:flex;align-items:center;gap:4px;min-width:90px}.manual-data-cell.is-header{font-size:9px;font-weight:800;color:#91a4bb}.manual-data-cell.is-header input{font-weight:800}.manual-data-cell .icon-btn{flex:0 0 26px;width:26px;height:26px;min-height:26px;padding:0}.manual-data-actions{display:flex;gap:7px}
html[data-appearance="light"] .manual-more-block-menu,html[data-appearance="light"] .manual-structured-item{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .manual-more-block-menu button,html[data-appearance="light"] .manual-structured-item-fields input,html[data-appearance="light"] .manual-structured-item-fields textarea,html[data-appearance="light"] .manual-structured-item-fields select,html[data-appearance="light"] .manual-data-cell input{background:#fff;color:#0f172a;border-color:#cbd5e1;color-scheme:light}
html[data-appearance="light"] .manual-more-block-menu button:hover{background:#f1f5f9;border-color:#94a3b8}
html[data-appearance="light"] .manual-more-block-menu button span{color:#0369a1}
@media(max-width:900px){.manual-more-block-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-structured-item-fields{grid-template-columns:1fr}.manual-data-settings{width:auto}.manual-content-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.0.763 fast preview and stable structured block editing */
.zurro-document-diagram-node-description[data-zurro-manual-field]:empty{min-height:.9em;min-width:1.5em}
.manual-content-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.manual-content-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.0.768 structured content panel polish */
.manual-block-settings-body{display:grid;gap:10px;min-width:0}
.manual-block-settings-window-actions{display:flex;align-items:center;gap:4px}
.manual-block-settings-panel.is-minimized{width:min(280px,calc(100vw - 28px));overflow:hidden}
.manual-block-settings-panel.is-minimized .manual-block-settings-body{display:none}
.manual-block-settings-panel.is-minimized .manual-block-settings-head{padding-bottom:0;border-bottom:0}
.manual-block-settings-panel.is-maximized,.manual-block-settings-panel.is-maximized.is-left{position:fixed;left:50%!important;right:auto!important;top:14px!important;transform:translateX(-50%);width:min(1220px,calc(100vw - 28px));max-height:calc(100vh - 28px);z-index:2100;overflow:auto}
.manual-block-settings-panel.is-maximized .manual-data-grid{min-width:0}
.manual-settings-section>summary{display:flex;align-items:center;justify-content:space-between;gap:8px}
.manual-settings-section>summary::after{content:'⌄';font-size:12px;line-height:1;transition:transform .14s ease}
.manual-settings-section[open]>summary::after{transform:rotate(180deg)}
.manual-section-body{display:grid;gap:9px;margin:9px}
.manual-settings-section>.manual-structured-items,.manual-settings-section>.manual-data-editor{margin:9px}
.manual-structured-item{grid-template-columns:minmax(120px,.8fr) minmax(0,2.2fr);align-items:center;gap:10px;padding:7px 9px}
.manual-structured-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#dcecff}
.manual-structured-item-fields{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.manual-structured-compact-field{display:grid!important;grid-template-columns:auto minmax(92px,1fr);align-items:center;gap:6px!important;min-width:0}
.manual-structured-compact-field>span{white-space:nowrap;color:#91a4bb;font-size:9px;font-weight:750}
.manual-structured-compact-field select,.manual-structured-compact-field input{min-width:92px}
.manual-structured-relation-field{display:grid!important;grid-template-columns:minmax(92px,auto) minmax(180px,1fr);align-items:start;gap:8px!important;min-width:0;grid-column:1/-1}
.manual-structured-relation-field>span{padding-top:8px;white-space:nowrap;color:#91a4bb;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.manual-structured-relation-field select[multiple]{width:100%;min-width:180px;min-height:68px;padding:6px 8px;background:#0b2033;border:1px solid #2c526f;border-radius:10px;color:#e8f2ff}
.manual-structured-relation-field select[multiple] option{padding:4px 6px;border-radius:5px}
.manual-structured-relation-summary{display:block;grid-column:1/-1;color:#7f95ad;font-size:10px;line-height:1.35;white-space:normal}
.process-node-choice-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.process-node-choice-key span{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #36516d;border-radius:8px;background:#102338;color:#dcecff;font-size:11px;font-weight:750}
.process-node-choice-key i{display:block;width:18px;height:18px;border:2px solid #22c7f2;background:transparent}
.process-node-choice-key i.is-start{border-radius:999px}.process-node-choice-key i.is-process{border-radius:3px}.process-node-choice-key i.is-decision{width:14px;height:14px;transform:rotate(45deg);margin:2px}
.studio-dialog-actions:has(.process-node-choice){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.studio-dialog-actions .process-node-choice,.studio-dialog-actions .process-node-choice-cancel{width:100%;min-height:42px}
.studio-dialog-actions .process-node-choice.is-primary{border-color:#22c7f2;background:#12314a;color:#f2f7fb}
.studio-dialog-actions .process-node-choice-cancel{grid-column:1/-1;order:2}
html[data-appearance="light"] .manual-structured-item-name{color:#1e293b}
html[data-appearance="light"] .process-node-choice-key span{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}
@media(max-width:900px){.manual-structured-item{grid-template-columns:1fr}.manual-structured-item-fields{justify-content:flex-start;flex-wrap:wrap}.manual-block-settings-panel.is-maximized,.manual-block-settings-panel.is-maximized.is-left{left:14px!important;right:14px!important;transform:none;width:auto}}


/* 1.0.769 tabbed structured-content settings and hierarchy live parity */
.manual-block-settings-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);gap:5px;overflow-x:auto;padding:4px;border:1px solid #263e56;border-radius:10px;background:#091a2b;scrollbar-width:thin}
.manual-block-settings-tab{display:grid;place-items:center;gap:2px;min-width:0;min-height:46px;padding:5px 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:#91a4bb;cursor:pointer;font:inherit}
.manual-block-settings-tab>span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#102338;color:#9edfff;font-size:14px;font-weight:850}
.manual-block-settings-tab>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800}
.manual-block-settings-tab:hover{background:#102338;color:#dcecff}
.manual-block-settings-tab.is-selected{border-color:#22c7f2;background:#12314a;color:#f2f7fb;box-shadow:0 0 0 1px rgba(34,199,242,.2) inset}
.manual-block-settings-tab.is-selected>span{background:#0b2438;color:#d8f6ff}
.manual-block-settings-tab-panel{min-width:0}
.manual-tab-section-body{margin:0;padding:2px 0}
.manual-tab-section-body>.manual-structured-items{margin:0}
.manual-block-settings-panel.is-maximized .manual-block-settings-tabs{grid-auto-columns:minmax(90px,1fr)}
html[data-appearance="light"] .manual-block-settings-tabs{background:#f8fafc;border-color:#d8e3ef}
html[data-appearance="light"] .manual-block-settings-tab{color:#64748b}
html[data-appearance="light"] .manual-block-settings-tab>span{background:#eef6ff;color:#0369a1}
html[data-appearance="light"] .manual-block-settings-tab:hover{background:#f1f5f9;color:#0f172a}
html[data-appearance="light"] .manual-block-settings-tab.is-selected{background:#e0f2fe;color:#075985;border-color:#0284c7;box-shadow:0 0 0 1px rgba(2,132,199,.14) inset}
html[data-appearance="light"] .manual-block-settings-tab.is-selected>span{background:#fff;color:#0369a1}
@media(max-width:760px){.manual-block-settings-tabs{grid-auto-columns:minmax(66px,1fr)}.manual-block-settings-tab{min-height:42px}}

/* 1.0.770 timeline-fit and floating Add content picker */
.manual-content-catalog{position:relative;display:block;grid-template-columns:none;padding-bottom:2px}
.manual-content-catalog>.manual-add-content-toggle{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;height:auto;min-height:42px;padding:6px 9px;text-align:left;white-space:normal}
.manual-add-content-toggle>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #36516d;border-radius:8px;background:#091a2b;color:#9edfff;font-size:17px;font-weight:850}
.manual-add-content-toggle>strong{min-width:0;font-size:12px;color:#e6f2ff}
.manual-add-content-toggle>small{font-size:9px;color:#91a4bb;white-space:nowrap}
.manual-add-content-toggle.is-open{border-color:#22c7f2;background:#12314a;box-shadow:0 0 0 1px rgba(34,199,242,.18) inset}
.manual-add-content-menu{position:fixed;z-index:2300;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(292px,calc(100vw - 20px));max-height:min(420px,calc(100vh - 20px));overflow:auto;padding:9px;border:1px solid #38536e;border-radius:13px;background:#0b1727;box-shadow:0 24px 72px rgba(2,8,23,.56)}
.manual-content-catalog .manual-add-content-option{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;justify-content:stretch;gap:8px;width:100%;height:auto;min-height:48px;padding:7px 8px;text-align:left;white-space:normal}
.manual-add-content-option .manual-content-type-icon{width:28px;height:28px}
.manual-add-content-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.manual-add-content-option:hover{border-color:#5d7893;background:#15304a}
.manual-block-settings-tab-panel{max-width:100%;overflow-x:hidden}
.manual-structured-items.is-timeline-items{max-width:100%;min-width:0;overflow-x:hidden}
.manual-structured-item.is-timeline-item{grid-template-columns:minmax(78px,.7fr) minmax(0,2.3fr);max-width:100%;min-width:0}
.manual-structured-item.is-timeline-item .manual-structured-item-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,104px);align-items:end;width:100%;min-width:0}
.manual-structured-item.is-timeline-item .manual-structured-compact-field{display:grid!important;grid-template-columns:minmax(0,1fr);gap:3px!important;min-width:0}
.manual-structured-item.is-timeline-item .manual-structured-compact-field input,.manual-structured-item.is-timeline-item .manual-structured-compact-field select{width:100%;min-width:0}
html[data-appearance="light"] .manual-add-content-toggle>span{background:#eef6ff;color:#0369a1;border-color:#bae6fd}
html[data-appearance="light"] .manual-add-content-toggle>strong{color:#1e3a5f}
html[data-appearance="light"] .manual-add-content-toggle>small{color:#64748b}
html[data-appearance="light"] .manual-add-content-menu{background:#fff;border-color:#cbd5e1;box-shadow:0 24px 64px rgba(15,23,42,.22)}
html[data-appearance="light"] .manual-add-content-toggle.is-open{background:#e0f2fe;border-color:#0284c7}
@media(max-width:760px){.manual-add-content-menu{grid-template-columns:1fr;width:min(248px,calc(100vw - 20px))}.manual-structured-item.is-timeline-item{grid-template-columns:1fr}.manual-structured-item.is-timeline-item .manual-structured-item-fields{grid-template-columns:minmax(0,1fr) minmax(82px,100px)}}

/* 1.0.771 compact Add content picklist */
.manual-content-catalog>.manual-add-content-toggle{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:42px;padding:6px 9px;text-align:left}
.manual-add-content-chevron{display:grid;place-items:center;width:18px;height:18px;color:#91a4bb;font-size:12px;font-style:normal}
.manual-add-content-menu{position:fixed;z-index:2300;display:flex;flex-direction:column;gap:2px;width:min(228px,calc(100vw - 20px));max-height:min(360px,calc(100vh - 20px));overflow-y:auto;overflow-x:hidden;padding:6px;border:1px solid #38536e;border-radius:10px;background:#0b1727;box-shadow:0 18px 48px rgba(2,8,23,.52)}
.manual-content-catalog .manual-add-content-option{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;justify-content:stretch;gap:8px;width:100%;min-height:38px;height:38px;padding:5px 8px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;white-space:nowrap}
.manual-add-content-option .manual-content-type-icon{width:24px;height:24px;border-radius:6px;font-size:12px}
.manual-add-content-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}
.manual-add-content-option:hover,.manual-add-content-option:focus-visible{border-color:#36516d;background:#15304a;outline:none}
html[data-appearance="light"] .manual-add-content-chevron{color:#64748b}
html[data-appearance="light"] .manual-add-content-menu{background:#fff;border-color:#cbd5e1;box-shadow:0 18px 44px rgba(15,23,42,.2)}
html[data-appearance="light"] .manual-content-catalog .manual-add-content-option{background:transparent;color:#1e3a5f;border-color:transparent}
html[data-appearance="light"] .manual-content-catalog .manual-add-content-option:hover,html[data-appearance="light"] .manual-content-catalog .manual-add-content-option:focus-visible{background:#eef6ff;border-color:#bae6fd}
@media(max-width:760px){.manual-add-content-menu{width:min(228px,calc(100vw - 20px))}}


/* 1.0.772 direct collection styles and cache-safe Add content picklist */
.manual-add-content-picklist{position:fixed;z-index:2400;display:flex!important;flex-direction:column!important;align-items:stretch;gap:2px;width:min(252px,calc(100vw - 20px));max-height:min(392px,calc(100vh - 20px));overflow-y:auto;overflow-x:hidden;padding:6px;border:1px solid #38536e;border-radius:10px;background:#0b1727;box-shadow:0 18px 48px rgba(2,8,23,.52)}
.manual-content-catalog .manual-add-content-picklist-option{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center;gap:9px;width:100%;min-width:0;height:42px;min-height:42px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;white-space:nowrap}
.manual-add-content-picklist-option .manual-content-type-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;font-size:12px}
.manual-add-content-picklist-option strong{display:block;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:13px;font-weight:750}
.manual-add-content-picklist-option:hover,.manual-add-content-picklist-option:focus-visible{border-color:#36516d;background:#15304a;outline:none}
.manual-collection-box-picker{display:flex!important;flex-direction:column;gap:5px;width:min(322px,calc(100vw - 20px));padding:10px}
.manual-collection-box-picker>.manual-collection-menu-title{padding:2px 6px 6px}
.manual-collection-box-picker>.manual-collection-variant{width:100%;min-width:0}
html[data-appearance="light"] .manual-add-content-picklist{background:#fff;border-color:#cbd5e1;box-shadow:0 18px 44px rgba(15,23,42,.2)}
html[data-appearance="light"] .manual-content-catalog .manual-add-content-picklist-option{background:transparent;color:#1e3a5f;border-color:transparent}
html[data-appearance="light"] .manual-content-catalog .manual-add-content-picklist-option:hover,html[data-appearance="light"] .manual-content-catalog .manual-add-content-picklist-option:focus-visible{background:#eef6ff;border-color:#bae6fd}
@media(max-width:760px){.manual-add-content-picklist{width:min(252px,calc(100vw - 20px))}}


/* 1.0.773 complete Add content picklist fit */
.manual-add-content-picklist{max-height:none;overflow-y:visible}
.manual-content-catalog .manual-add-content-picklist-option{height:34px;min-height:34px;padding:4px 8px}
.manual-add-content-picklist-option .manual-content-type-icon{width:22px;height:22px;font-size:11px}
.manual-add-content-picklist-option strong{font-size:12px}
@media(max-height:420px){.manual-add-content-picklist{max-height:calc(100vh - 20px);overflow-y:auto}}

/* v1.0.777 project-scoped run history */
.api-runs-toolbar-project-only{min-height:36px;}
.api-runs-project-scope{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #26364f;border-radius:999px;background:#0b1220;color:#cbd5e1;font-size:12px;font-weight:850;letter-spacing:.02em;}
html[data-appearance="light"] .api-runs-project-scope{background:#f8fafc;border-color:#cbd5e1;color:#334155;}


/* 1.0.787 relational editor density and alignment */
.manual-relation-picklist{position:relative;min-width:190px;max-width:320px;border:1px solid #36516d;border-radius:9px;background:#102338;color:#e5f1ff;}
.manual-relation-picklist>summary{display:grid;grid-template-columns:auto minmax(0,1fr) 12px;align-items:center;gap:7px;min-height:34px;padding:6px 9px;cursor:pointer;list-style:none;}
.manual-relation-picklist>summary::-webkit-details-marker{display:none}.manual-relation-picklist>summary::after{content:'⌄';color:#91a4bb;text-align:right}.manual-relation-picklist[open]>summary::after{transform:rotate(180deg)}
.manual-relation-picklist>summary b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#91a4bb;white-space:nowrap}.manual-relation-picklist>summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#dcecff}
.manual-relation-picklist-menu{position:absolute;z-index:2600;left:0;right:0;top:calc(100% + 4px);display:grid;gap:2px;max-height:220px;overflow:auto;padding:5px;border:1px solid #38536e;border-radius:9px;background:#091727;box-shadow:0 16px 42px rgba(2,8,23,.5)}
.manual-relation-picklist-menu label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;padding:6px 7px;border-radius:6px;color:#dcecff!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.manual-relation-picklist-menu label:hover{background:#15304a}.manual-relation-picklist-menu input{width:15px!important;height:15px!important;min-width:15px!important;padding:0!important}
.manual-structured-derived-relations{display:grid;gap:3px;min-width:0;max-width:420px;color:#91a4bb;font-size:10px;line-height:1.35}.manual-structured-derived-relations span{display:grid;grid-template-columns:68px minmax(0,1fr);gap:7px;min-width:0}.manual-structured-derived-relations b{color:#b8c9da;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.manual-structured-derived-relations span{overflow-wrap:anywhere}
.manual-block-settings-panel.is-maximized .manual-structured-item{grid-template-columns:minmax(190px,.72fr) minmax(0,2.28fr);gap:18px;padding:12px 14px}.manual-block-settings-panel.is-maximized .manual-structured-item-name{font-size:12px}.manual-block-settings-panel.is-maximized .manual-structured-item-fields{display:grid;grid-template-columns:minmax(150px,220px) minmax(220px,320px) minmax(240px,1fr);align-items:center;justify-content:stretch;gap:12px}.manual-block-settings-panel.is-maximized .manual-structured-compact-field{grid-template-columns:auto minmax(120px,1fr)}.manual-block-settings-panel.is-maximized .manual-relation-picklist{width:100%;max-width:none}.manual-block-settings-panel.is-maximized .manual-structured-derived-relations{max-width:none}
html[data-appearance="light"] .manual-relation-picklist{background:#fff;color:#0f172a;border-color:#cbd5e1}html[data-appearance="light"] .manual-relation-picklist>summary span{color:#1e293b}html[data-appearance="light"] .manual-relation-picklist-menu{background:#fff;border-color:#cbd5e1;box-shadow:0 16px 38px rgba(15,23,42,.18)}html[data-appearance="light"] .manual-relation-picklist-menu label{color:#1e293b!important}html[data-appearance="light"] .manual-relation-picklist-menu label:hover{background:#eef6ff}
@media(max-width:900px){.manual-block-settings-panel.is-maximized .manual-structured-item-fields{grid-template-columns:1fr}.manual-relation-picklist{max-width:none;width:100%}}


/* 1.0.789 Collection visual settings stay inside their window. */
.manual-block-settings-panel.manual-tabbed-settings{grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.manual-block-settings-panel.manual-tabbed-settings .manual-block-settings-body{grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}
.manual-block-settings-panel.manual-tabbed-settings .manual-block-settings-tab-panel{min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:thin;overscroll-behavior:contain}
.manual-block-settings-panel.manual-tabbed-settings .manual-collection-item-visuals{min-width:0;padding-bottom:2px}
.manual-block-settings-panel.manual-tabbed-settings.is-minimized{display:grid;grid-template-rows:auto;overflow:hidden}
@media(max-width:760px){.manual-block-settings-panel.manual-tabbed-settings .manual-block-settings-tab-panel{max-height:42vh}}

/* 1.0.797 AI Questions/Messages and Project Guidance use the existing icon rails. */
.workspace-context-panel{border:1px solid rgba(148,163,184,.2);border-radius:13px;background:rgba(7,17,31,.46);overflow:hidden;min-width:0}
.workspace-context-panel.workspace-rail-section{margin-top:0;min-height:0;overflow:auto}
.workspace-context-panel.workspace-rail-section>details{width:100%;min-width:0}
.workspace-context-panel>details>summary,.workspace-context-subsection>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:9px 10px;color:var(--text)}
.workspace-context-panel summary::-webkit-details-marker,.workspace-context-subsection summary::-webkit-details-marker{display:none}
.workspace-context-panel summary>span:first-child,.workspace-context-subsection summary>span:first-child{display:grid;gap:2px;min-width:0}
.workspace-context-panel summary strong{font-size:12px}.workspace-context-panel summary small{font-size:9px;color:var(--muted)}
.workspace-context-chevron{font-size:11px;transition:transform .14s ease}.workspace-context-panel>details[open]>summary .workspace-context-chevron,.workspace-context-subsection[open]>summary .workspace-context-chevron{transform:rotate(180deg)}
.workspace-context-body{display:grid;gap:8px;padding:0 8px 8px;border-top:1px solid rgba(148,163,184,.14)}
.workspace-context-subsection{border:1px solid rgba(148,163,184,.14);border-radius:10px;overflow:hidden;background:rgba(15,23,42,.34)}
.workspace-context-subsection:first-child{margin-top:8px}.workspace-context-subsection>summary{padding:7px 9px}.workspace-context-subsection>summary strong{font-size:11px}
.workspace-context-subsection .phase-questions-panel{margin:0;border:0;border-radius:0;background:transparent}.workspace-context-subsection .phase-questions-body{padding:8px}
.workspace-context-subsection .workspace-panel-actions{padding:0 8px 8px}.workspace-context-subsection .workspace-agent-action{width:100%}
.workspace-context-subsection .ai-messages-panel{padding:8px;overflow:visible}.workspace-context-subsection .ai-messages-panel .section-panel-head{padding:0 0 6px}.workspace-context-subsection .ai-message-list{padding:0}
.project-guidance-body{padding:8px}.project-guidance-head{display:grid;gap:8px}.project-guidance-head p{margin:0}.project-guidance-head button{justify-self:start}
.project-guidance-list{display:grid;gap:7px}.project-guidance-row{display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:rgba(15,23,42,.4)}
.project-guidance-row.is-disabled{opacity:.58}.project-guidance-toggle{width:25px;height:25px;min-width:25px;padding:0;border-radius:7px;box-shadow:none}.project-guidance-text{font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.project-guidance-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:5px}.project-guidance-actions .icon-btn{width:25px;height:25px;min-width:25px;padding:0}.project-guidance-actions .small{padding:4px 7px;font-size:10px}
.workspace-rail-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.presentation-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-appearance="light"] .workspace-context-panel{background:#fff}html[data-appearance="light"] .workspace-context-subsection,html[data-appearance="light"] .project-guidance-row{background:#f8fafc}
@media(max-width:1180px){.presentation-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}}

/* 1.0.801 — direct AI Questions/Messages sections and Work direct editing polish. */
.ai-questions-messages-panel{display:grid;gap:8px;min-width:0;overflow:auto}
.ai-questions-messages-panel.hidden{display:none!important}
.ai-questions-messages-panel>.workspace-context-subsection{margin:0;background:rgba(7,17,31,.46)}
.ai-questions-messages-panel>.workspace-context-subsection:first-child{margin-top:0}
.ai-questions-messages-panel>.workspace-context-subsection .phase-questions-panel{margin:0;border:0;border-radius:0;background:transparent}
.ai-questions-messages-panel>.workspace-context-subsection .ai-messages-panel{padding:8px;overflow:visible}
html[data-appearance="light"] .ai-questions-messages-panel>.workspace-context-subsection{background:#fff}

/* 1.0.802 — standardised Workspace context rail and vertical Questions/Messages layout. */
body.presentation-activity-open .right-panel > .ai-questions-messages-panel.workspace-rail-section:not(.hidden){
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-flow:row;
  align-content:start;
  gap:8px;
  width:100%;
  overflow:auto;
}
body.presentation-activity-open .ai-questions-messages-panel > .workspace-context-subsection{
  width:100%;
  min-width:0;
}
.presentation-context-bubble small:empty{display:none!important}

/* Global themed button hover must not replace the vertical navigator transform. */
body.right-collapsed .phase-preview-simple:hover,
body.right-collapsed .phase-preview-simple:focus-visible{
  transform:translate(-50%,-50%) rotate(-90deg)!important;
}

/* Presentation and Work use the same collapsed navigator pattern as Site/Application. */
body.right-collapsed.presentation-workspace-active .presentation-inspector-head,
body.right-collapsed.work-inspector-active .presentation-inspector-head{
  position:relative;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head .icon-btn,
body.right-collapsed.work-inspector-active .presentation-inspector-head .icon-btn{
  order:0;
  display:inline-flex!important;
  width:42px;
  height:42px;
  min-width:42px;
  flex:0 0 42px;
  margin:0;
  align-items:center;
  justify-content:center;
}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head > .presentation-context-bubble,
body.right-collapsed.work-inspector-active .presentation-inspector-head > .presentation-context-bubble{
  display:block!important;
  order:1;
  position:relative;
  width:100%;
  height:240px;
  min-width:0;
  flex:0 0 240px;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head > .presentation-context-bubble strong,
body.right-collapsed.work-inspector-active .presentation-inspector-head > .presentation-context-bubble strong{
  position:absolute;
  left:50%;
  top:112px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:220px;
  max-width:none;
  height:34px;
  padding:7px 12px;
  border:1px solid rgba(96,165,250,.32);
  border-radius:14px;
  background:#07111f;
  color:#f8fafc;
  font-size:12px;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transform:translate(-50%,-50%) rotate(-90deg);
  transform-origin:center;
}
body.right-collapsed.presentation-workspace-active .presentation-inspector-head > .presentation-context-bubble small,
body.right-collapsed.work-inspector-active .presentation-inspector-head > .presentation-context-bubble small{
  display:none!important;
}
html[data-appearance="light"] body.right-collapsed.presentation-workspace-active .presentation-inspector-head > .presentation-context-bubble strong,
html[data-appearance="light"] body.right-collapsed.work-inspector-active .presentation-inspector-head > .presentation-context-bubble strong{
  background:#fff;
  border-color:#b8d2ec;
  color:#172033;
}
html[data-appearance="dark"] body.right-collapsed.presentation-workspace-active .presentation-inspector-head > .presentation-context-bubble strong,
html[data-appearance="dark"] body.right-collapsed.work-inspector-active .presentation-inspector-head > .presentation-context-bubble strong{
  background:#0b192a;
}

/* 1.0.803 — universal media picker and online-video previews */
.workspace-visual-picker-primary-actions{padding:0 20px 12px}
.workspace-visual-pane{display:grid;gap:10px;margin:0 20px 14px;padding:12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel) 92%,transparent)}
.workspace-visual-pane.hidden{display:none!important}
.workspace-visual-pane label{display:grid;gap:6px;margin:0;color:var(--muted);font-size:11px;font-weight:800}
.workspace-visual-pane input[type="url"],.workspace-visual-pane input[type="file"]{width:100%}
.workspace-visual-pane-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.workspace-visual-pane small{color:var(--muted);font-size:10px;line-height:1.4}
.workspace-visual-picker-note{margin:0 20px 10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:11px}
.workspace-visual-picker-note.hidden{display:none!important}
.workspace-visual-thumb{position:relative;display:flex;width:100%;aspect-ratio:16/10;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:var(--panel-3,#eef2f7)}
.workspace-visual-thumb>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important}
.workspace-visual-thumb.is-placeholder>span:not(.workspace-visual-play){font-size:28px;color:var(--muted)}
.workspace-visual-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:17px;line-height:1;padding-left:3px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.presentation-image-replace-item.is-unavailable{opacity:.58}
.media-library-thumb>.workspace-visual-thumb{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.media-preview-video>.workspace-visual-thumb{width:min(100%,560px);aspect-ratio:16/9}
@media(max-width:760px){.workspace-visual-picker-primary-actions{justify-content:flex-start}.workspace-visual-pane-actions{justify-content:flex-start}}

/* 1.0.804 — media picker owns its scrolling surface; footer stays visible */
.workspace-visual-picker-card.is-library-pane{
  height:min(820px,calc(100vh - 48px));
  max-height:min(820px,calc(100vh - 48px));
  overflow:hidden;
}
.workspace-visual-picker-card.is-library-pane .workspace-visual-library{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
}
.workspace-visual-picker-card.is-library-pane .presentation-image-replace-search{
  flex:0 0 auto;
}
.workspace-visual-picker-card.is-library-pane .presentation-image-replace-grid{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  align-content:start;
  overscroll-behavior:contain;
}
.workspace-visual-picker-card.is-library-pane .presentation-image-replace-grid>.finder-empty{
  grid-column:1/-1;
}
.workspace-visual-picker-card.is-library-pane>.modal-actions{
  flex:0 0 auto;
  margin-top:0;
  padding-top:12px;
  border-top:1px solid var(--border);
  background:inherit;
}

/* 1.0.810 Documents setup taxonomy */
.document-setup-section{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(148,163,184,.18)}
.document-format-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:4px}
.document-format-card,.document-playbook-card{min-height:118px}
.document-format-card.disabled,.document-playbook-card.disabled,.document-objective-grid .wizard-pill-btn.disabled{opacity:.42;cursor:not-allowed;border-style:dashed}
.document-objective-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.document-objective-grid .wizard-pill-btn{min-height:92px;text-align:left;align-items:flex-start}
.document-objective-grid .wizard-pill-btn span{font-size:12px;line-height:1.35;color:#94a3b8}
.document-playbook-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px}
.document-playbook-card .work-approach-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#93c5fd}
.work-playbook-material-summary{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:10px}
.document-material-picker-card{width:min(720px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));display:flex;flex-direction:column}
.document-material-picker-list{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:6px 2px 12px}
.document-material-picker-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(148,163,184,.22);border-radius:10px;cursor:pointer}
.document-material-picker-row span{display:flex;flex-direction:column;gap:2px}.document-material-picker-row small{color:#94a3b8}
@media(max-width:1100px){.document-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.document-format-grid,.document-playbook-grid,.document-objective-grid{grid-template-columns:1fr}}

/* 1.0.816 compact Documents + Presentation setup */
.document-setup-section{gap:8px;margin-top:4px;padding-top:4px;border-top:0}
.document-setup-section .wizard-context-heading{margin-top:8px;margin-bottom:2px}
.document-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:2px 0 4px}
.document-format-card{display:grid;grid-template-rows:66px auto;gap:7px;min-width:0;min-height:0;padding:9px;border:1px solid #30465f;border-radius:13px;background:#0e1b2d;color:#e5e7eb;text-align:left;cursor:pointer}
.document-format-card:hover{border-color:#5d7da1}
.document-format-card.selected{border-color:#60a5fa;background:#122a46;box-shadow:0 0 0 2px rgba(96,165,250,.12)}
.document-format-card>strong{font-size:12px;line-height:1.2}
.document-format-card>small{font-size:9px;color:#94a3b8}
.document-format-preview{position:relative;display:block;overflow:hidden;min-height:66px;border:1px solid #36516d;border-radius:9px;background:#091a2b}
.document-format-preview i{position:absolute;display:block;border-radius:2px;background:#53708d}
.document-format-preview-report i:nth-child(1){left:10px;top:9px;width:38%;height:5px;background:#8fb6da}
.document-format-preview-report i:nth-child(2){left:10px;top:23px;width:30%;height:29px;background:transparent;border-left:3px solid #60a5fa;border-bottom:3px solid #60a5fa;transform:skewY(-24deg)}
.document-format-preview-report i:nth-child(3){right:10px;top:20px;width:28%;height:7px}
.document-format-preview-report i:nth-child(4){right:10px;top:33px;width:34%;height:18px;background:repeating-linear-gradient(to bottom,#53708d 0 2px,transparent 2px 6px)}
.document-format-preview-business-document i:nth-child(1){left:12px;right:12px;top:10px;height:6px;background:#8fb6da}
.document-format-preview-business-document i:nth-child(2){left:12px;right:24px;top:25px;height:3px}
.document-format-preview-business-document i:nth-child(3){left:12px;right:18px;top:34px;height:3px}
.document-format-preview-business-document i:nth-child(4){left:12px;right:34px;top:43px;height:12px;background:repeating-linear-gradient(to bottom,#53708d 0 2px,transparent 2px 6px)}
.document-format-preview-plan:before{content:"";position:absolute;left:14px;right:14px;top:31px;height:2px;background:#53708d}
.document-format-preview-plan i{top:25px;width:12px;height:12px;border:2px solid #8fb6da;border-radius:50%;background:#091a2b}
.document-format-preview-plan i:nth-child(1){left:12px}.document-format-preview-plan i:nth-child(2){left:34%}.document-format-preview-plan i:nth-child(3){left:61%}.document-format-preview-plan i:nth-child(4){right:12px}
.document-format-preview-profile i:nth-child(1){left:13px;top:11px;width:23px;height:23px;border-radius:50%;background:#8fb6da}
.document-format-preview-profile i:nth-child(2){left:10px;top:39px;width:29px;height:14px;border-radius:12px 12px 3px 3px;background:#53708d}
.document-format-preview-profile i:nth-child(3){left:49px;right:10px;top:18px;height:5px;background:#8fb6da}
.document-format-preview-profile i:nth-child(4){left:49px;right:17px;top:31px;height:19px;background:repeating-linear-gradient(to bottom,#53708d 0 2px,transparent 2px 7px)}
.document-objective-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:2px 0 4px}
.document-objective-grid .document-objective-btn{min-height:42px;padding:8px 10px;align-items:center;justify-content:center;text-align:center}
.document-playbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;margin:2px 0 4px}
.document-playbook-card{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:1px solid #30465f;border-radius:10px;background:#0e1b2d;color:#e5e7eb;text-align:center;cursor:pointer;font:inherit}
.document-playbook-card:hover{border-color:#5d7da1}
.document-playbook-card.selected{border-color:#60a5fa;background:#122a46;box-shadow:0 0 0 2px rgba(96,165,250,.12)}
.document-playbook-card>strong{font-size:11px;line-height:1.2}.document-playbook-card>small{font-size:9px;color:#94a3b8}
.document-playbook-card.disabled,.document-format-card.disabled,.document-objective-grid .wizard-pill-btn.disabled{opacity:.42;cursor:not-allowed;border-style:dashed}
.document-custom-playbook-card{flex-direction:column}
html[data-appearance="light"] .document-format-card,html[data-appearance="light"] .document-playbook-card{background:#fff;border-color:#d6e0eb;color:#172033}
html[data-appearance="light"] .document-format-card.selected,html[data-appearance="light"] .document-playbook-card.selected{background:#eef6ff;border-color:#3b82f6}
html[data-appearance="light"] .document-format-preview{background:#f8fafc;border-color:#d6e0eb}
html[data-appearance="light"] .document-format-preview-plan i{background:#f8fafc}

.work-playbook-manager-card{width:min(900px,calc(100vw - 30px))}
.work-playbook-manager-card>.modal-head{align-items:center}
.work-playbook-manager-list{display:flex;flex-direction:column;gap:6px}
.work-playbook-manager-row{padding:9px 10px}
.work-playbook-manager-editor .wizard-form-stack>h3{margin:0 0 4px}
.work-playbook-material-summary{align-items:center;padding:9px 10px}
.work-playbook-material-summary>div{display:flex;flex-direction:column;gap:2px}
.work-playbook-material-summary span{font-size:11px;color:#94a3b8}
.work-playbook-material-names{display:flex;flex-wrap:wrap;gap:6px;margin-top:-2px}
.work-playbook-material-names span{padding:4px 7px;border:1px solid rgba(148,163,184,.22);border-radius:999px;font-size:10px;color:#aebed0}
.work-playbook-editor-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px}
.document-material-picker-search{margin:0 0 8px;width:100%}
.document-material-picker-row.hidden{display:none}

.wizard-presentation-density-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wizard-presentation-density-grid .wizard-pill-btn{min-height:50px;padding:8px}
.wizard-presentation-density-grid .wizard-pill-btn span{font-size:10px;line-height:1.25}
.wizard-presentation-all-styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.wizard-presentation-style-section .wizard-presentation-all-styles .wizard-simple-look-card{grid-template-rows:64px auto;padding:7px;gap:5px;border-radius:11px}
.wizard-presentation-style-section .wizard-presentation-all-styles .wizard-simple-look-card>.wizard-theme-preview{min-height:64px}
.wizard-presentation-style-section .wizard-presentation-all-styles .wizard-simple-look-card strong{font-size:11px}

@media(max-width:900px){.document-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-presentation-all-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.document-format-grid,.document-objective-grid,.document-playbook-grid,.wizard-presentation-density-grid,.wizard-presentation-all-styles{grid-template-columns:1fr}.work-playbook-editor-actions{grid-template-columns:1fr}.work-playbook-editor-actions>span{display:none}}

/* 1.0.817 Branding & Assets + compact setup consistency */
.document-format-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.document-format-grid>.document-format-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:104px!important;
  align-self:stretch!important;
  grid-template-rows:66px minmax(16px,auto)!important;
  box-sizing:border-box!important;
}
.document-format-grid>.document-format-card>.document-format-preview{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.wizard-presentation-all-styles{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:104px!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  grid-template-rows:64px minmax(16px,auto)!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card>.wizard-theme-preview{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.work-playbook-manager-list{
  background:var(--panel)!important;
  border-color:var(--border,var(--line))!important;
  color:var(--text)!important;
}
.work-playbook-manager-row{
  width:100%!important;
  box-sizing:border-box!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
  color:var(--text)!important;
  background:transparent!important;
  border-color:transparent!important;
}
.work-playbook-manager-row span,
.work-playbook-manager-row small{
  width:100%;
  text-align:left!important;
}
.work-playbook-manager-row small{color:var(--muted)!important;}
.work-playbook-manager-row:hover{
  background:var(--panel2)!important;
  border-color:var(--border,var(--line))!important;
}
.work-playbook-manager-row.active{
  background:rgba(59,130,246,.16)!important;
  border-color:var(--blue)!important;
  box-shadow:inset 3px 0 0 var(--blue)!important;
  color:var(--text)!important;
}
.modal.playbook-material-mode .asset-picker-upload{display:none!important;}
.modal.playbook-material-mode .asset-picker-filters{grid-template-columns:minmax(0,1fr) auto!important;}
.modal.playbook-material-mode #assetPickerSource{display:none!important;}
@media(max-width:900px){
  .document-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .wizard-presentation-all-styles{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .document-format-grid,.wizard-presentation-all-styles{grid-template-columns:1fr!important;}
  .document-format-grid>.document-format-card,
  .wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card{height:auto!important;}
}

/* 1.0.818 equal preview artwork + direct Playbook files */
.document-format-card{justify-items:stretch!important;align-items:stretch!important}
.document-format-card>.document-format-preview{
  display:block!important;
  height:66px!important;
  min-height:66px!important;
  justify-self:center!important;
  align-self:center!important;
  box-sizing:border-box!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card{
  justify-items:stretch!important;
  align-items:stretch!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card>.wizard-theme-preview{
  display:block!important;
  height:64px!important;
  min-height:64px!important;
  justify-self:center!important;
  align-self:center!important;
  box-sizing:border-box!important;
}
.work-playbook-upload-section{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--border,var(--line));
  border-radius:10px;
  background:var(--panel2,var(--panel-soft));
}
.work-playbook-upload-section>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.work-playbook-upload-section small{color:var(--muted);font-size:10px}
.work-playbook-files-browser{display:grid;gap:7px;padding:10px 12px;border:1px solid var(--border,var(--line));border-radius:10px;background:var(--panel)}
.work-playbook-files-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.work-playbook-files-head small{color:var(--muted);font-size:10px}
.work-playbook-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border,var(--line))}
.work-playbook-file-row>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}
.work-playbook-file-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.work-playbook-file-row small{color:var(--muted);font-size:10px}
.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:700px){
  .work-playbook-upload-section,.work-playbook-file-row{align-items:flex-start;flex-direction:column}
}


/* 1.0.819 fixed preview frames: artwork size is independent of label length */
.document-format-grid>.document-format-card{
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
}
.document-format-grid>.document-format-card>.document-format-preview{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:66px!important;
  min-height:66px!important;
  justify-self:center!important;
  align-self:center!important;
  flex:none!important;
}
.document-format-grid>.document-format-card>strong,
.document-format-grid>.document-format-card>small{
  width:100%!important;
  text-align:center!important;
  justify-self:stretch!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card{
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card>.wizard-theme-preview{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:64px!important;
  min-height:64px!important;
  justify-self:center!important;
  align-self:center!important;
  flex:none!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card>.wizard-style-card-copy{
  width:100%!important;
  justify-items:center!important;
  text-align:center!important;
}
.wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card .wizard-style-card-title{
  justify-content:center!important;
  width:100%!important;
}
@media(max-width:700px){
  .document-format-grid>.document-format-card>.document-format-preview{width:112px!important;min-width:112px!important;max-width:112px!important;}
  .wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card>.wizard-theme-preview{width:96px!important;min-width:96px!important;max-width:96px!important;}
}

/* 1.0.821 shared Playbooks + Site Type setup */
.wizard-site-type-section,.wizard-shared-playbook-section{display:grid;gap:8px;margin-top:4px}
.wizard-site-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wizard-site-type-card{appearance:none;border:1px solid var(--line,#d9dde4);background:var(--surface,#fff);color:var(--ink,#18202a);border-radius:12px;padding:10px;display:grid;grid-template-rows:112px auto auto;gap:6px;align-items:center;justify-items:center;text-align:center;cursor:pointer;min-width:0}
.wizard-site-type-card:hover{border-color:var(--accent,#5865f2)}
.wizard-site-type-card.selected{border-color:var(--accent,#5865f2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#5865f2) 18%,transparent)}
.wizard-site-type-card>strong{font-size:13px;line-height:1.2}
.wizard-site-type-card>small{font-size:11px;line-height:1.25;color:var(--muted,#667085)}
.wizard-site-type-preview{width:144px;max-width:100%;height:94px;border:1px solid color-mix(in srgb,var(--line,#d9dde4) 90%,transparent);border-radius:8px;background:var(--surface-2,#f6f7f9);position:relative;overflow:hidden;display:block}
.wizard-site-type-preview i{position:absolute;display:block;border-radius:3px;background:color-mix(in srgb,var(--ink,#18202a) 14%,transparent)}
.site-type-website i:nth-child(1){left:8%;top:10%;width:84%;height:22%}.site-type-website i:nth-child(2){left:8%;top:38%;width:40%;height:48%}.site-type-website i:nth-child(3){right:8%;top:38%;width:40%;height:20%}.site-type-website i:nth-child(4){right:8%;bottom:14%;width:40%;height:20%}
.site-type-onepager i:nth-child(1){left:8%;top:9%;width:84%;height:30%}.site-type-onepager i:nth-child(2){left:8%;top:45%;width:25%;height:39%}.site-type-onepager i:nth-child(3){left:37.5%;top:45%;width:25%;height:39%}.site-type-onepager i:nth-child(4){right:8%;top:45%;width:25%;height:39%}
.site-type-landing i:nth-child(1){left:8%;top:10%;width:52%;height:46%}.site-type-landing i:nth-child(2){right:8%;top:10%;width:28%;height:46%}.site-type-landing i:nth-child(3){left:8%;bottom:15%;width:56%;height:17%}.site-type-landing i:nth-child(4){right:8%;bottom:15%;width:24%;height:17%;background:color-mix(in srgb,var(--accent,#5865f2) 45%,transparent)}
.site-type-microsite i:nth-child(1){left:8%;top:10%;width:84%;height:20%}.site-type-microsite i:nth-child(2){left:8%;top:36%;width:25%;height:48%}.site-type-microsite i:nth-child(3){left:37.5%;top:36%;width:25%;height:48%}.site-type-microsite i:nth-child(4){right:8%;top:36%;width:25%;height:48%}
.wizard-shared-playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px}
.wizard-shared-playbook-grid .wizard-pill-btn{min-height:54px;text-align:left;justify-content:center}
.work-playbook-manager-type{display:flex;align-items:center;gap:10px;padding:0 0 12px}.work-playbook-manager-type label{font-size:12px;font-weight:700;color:var(--muted,#667085)}.work-playbook-manager-type select{min-width:180px}
@media(max-width:800px){.wizard-site-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wizard-site-type-grid,.wizard-shared-playbook-grid{grid-template-columns:1fr}.wizard-site-type-card{grid-template-rows:100px auto auto}}

/* v1.0.836 failed-run readability */
.api-run-row.failed .api-run-live-progress > strong,
.api-run-row.failed .api-run-detail-grid span{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:break-word;
}


/* v1.0.837 Project Runs: stable viewport + reliable internal scrolling */
.api-runs-modal-card{
  height:min(860px,calc(100vh - 44px));
  max-height:calc(100vh - 44px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.api-runs-modal-card .modal-head,
.api-runs-modal-card .api-runs-toolbar{
  flex:0 0 auto;
}
.api-runs-modal-card .modal-head{min-height:0;}
.api-runs-modal-card .modal-head>div{min-width:0;}
.api-runs-modal-card .modal-head .icon-btn{flex:0 0 auto;}
.api-runs-modal-body{
  flex:1 1 0;
  min-height:220px;
  max-height:none;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:6px;
  padding-bottom:14px;
}
.api-run-row .api-run-actions{
  position:relative;
  z-index:1;
}
@media(max-width:780px){
  .api-runs-modal-card{height:calc(100vh - 20px);max-height:calc(100vh - 20px);}
  .api-runs-modal-body{min-height:180px;max-height:none;}
}

/* v1.0.839 Playbook hierarchy controls */
#workPlaybookManagerHierarchy{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#workPlaybookManagerHierarchy label{margin-left:4px}
@media(max-width:700px){.work-playbook-manager-type,#workPlaybookManagerHierarchy{align-items:stretch;flex-direction:column}.work-playbook-manager-type select,#workPlaybookManagerHierarchy select{width:100%;min-width:0}}

/* v1.0.840 contextual Playbook scope + maximise controls */
.work-playbook-scope-context{font-size:13px;font-weight:700;color:var(--muted,#667085);letter-spacing:.01em;margin-top:3px}
.work-playbook-manager-row{gap:0}
#workPlaybookManagerModal.maximized{padding:12px}
#workPlaybookManagerModal.maximized .work-playbook-manager-card{width:calc(100vw - 24px);height:calc(100vh - 24px);max-width:none;max-height:calc(100vh - 24px)}
#workPlaybookManagerModal.maximized .work-playbook-manager-layout{height:auto;max-height:none;flex:1 1 auto}
#workPlaybookManagerModal.maximized .work-playbook-manager-editor,#workPlaybookManagerModal.maximized .work-playbook-manager-list{max-height:none}
@media(max-width:760px){#workPlaybookManagerModal.maximized{padding:0}#workPlaybookManagerModal.maximized .work-playbook-manager-card{width:100vw;height:100vh;max-height:100vh;border-radius:0}#workPlaybookManagerModal.maximized .work-playbook-manager-layout{max-height:none}}

/* v1.0.851 Document Extract background preparation */
.document-extract-status{display:inline-flex;align-items:center;gap:5px;margin-left:5px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.35;vertical-align:middle;background:rgba(148,163,184,.14);color:inherit;white-space:nowrap}
.document-extract-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.72}
.document-extract-status.queued,.document-extract-status.extracting{opacity:.9}
.document-extract-status.extracting i{animation:documentExtractPulse 1s ease-in-out infinite}
.document-extract-status.ready{background:rgba(34,197,94,.13)}
.document-extract-status.failed{background:rgba(239,68,68,.13)}
@keyframes documentExtractPulse{0%,100%{transform:scale(.75);opacity:.35}50%{transform:scale(1.2);opacity:1}}
.finder-name .document-extract-status{font-weight:700;flex:0 0 auto}
.file-meta .document-extract-status{margin-left:0}

/* v1.0.859 account settings, subscription lifecycle and AI setup */
.brand{position:relative;}
.account-menu-popover{position:absolute;top:46px;left:4px;z-index:1200;min-width:164px;padding:6px;background:var(--panel,#fff);border:1px solid var(--line,#dbe3ed);border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.16);display:grid;gap:3px;}
.account-menu-popover button{width:100%;text-align:left;border:0;background:transparent;padding:9px 10px;border-radius:7px;}
.account-menu-popover button:hover{background:rgba(59,130,246,.09);}
.account-settings-modal{width:min(1120px,94vw);max-width:1120px;height:min(760px,88vh);padding:0;overflow:hidden;display:flex;flex-direction:column;}
.account-settings-modal.maximized{width:calc(100vw - 24px);max-width:none;height:calc(100vh - 24px);max-height:none;}
.settings-shell-head{padding:16px 18px;border-bottom:1px solid var(--line,#dbe3ed);margin:0;}
.settings-window-actions{display:flex;gap:6px;align-items:center;}
.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;flex:1;}
.settings-nav{padding:14px 10px;border-right:1px solid var(--line,#dbe3ed);display:flex;flex-direction:column;gap:4px;background:rgba(127,142,163,.04);}
.settings-nav-item{border:0!important;background:transparent!important;text-align:left;padding:10px 12px!important;border-radius:8px!important;font-weight:650;color:var(--muted,#64748b);}
.settings-nav-item:hover,.settings-nav-item.active{background:rgba(59,130,246,.1)!important;color:var(--text,#0f172a);}
.settings-content{min-width:0;overflow:auto;padding:22px 24px 30px;}
.settings-section{display:none;max-width:840px;margin:0 auto;}
.settings-section.active{display:block;}
.settings-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;}
.settings-section-heading h3{margin:0 0 4px;font-size:21px;}
.settings-section-heading p{margin:0;}
.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0;}
.settings-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:16px 0;}
.settings-form-row>div{display:grid;gap:6px;}
.settings-card-stack{display:grid;gap:10px;margin-top:14px;}
.settings-summary-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line,#dbe3ed);border-radius:12px;padding:14px 16px;background:var(--panel,#fff);}
.settings-summary-card>div{display:grid;gap:3px;min-width:0;}
.settings-summary-card small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#64748b);font-weight:750;}
.settings-summary-card strong{font-size:14px;}
.settings-summary-card span{font-size:12px;color:var(--muted,#64748b);}
.settings-state-pill{flex:0 0 auto;border-radius:999px;padding:5px 9px!important;font-size:10px!important;font-weight:750!important;}
.settings-state-pill.active{background:#dcfce7;color:#166534;}.settings-state-pill.trial{background:#dbeafe;color:#1d4ed8;}.settings-state-pill.blocked{background:#fee2e2;color:#991b1b;}
.settings-entitlement-list{border:1px solid var(--line,#dbe3ed);border-radius:12px;overflow:hidden;background:var(--panel,#fff);}
.settings-entitlement-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 14px;border-bottom:1px solid var(--line,#dbe3ed);}
.settings-entitlement-list>div:last-child{border-bottom:0;}.settings-entitlement-list span{display:grid;gap:2px;}.settings-entitlement-list small{color:var(--muted,#64748b);}.settings-entitlement-list b{font-size:11px;}.settings-entitlement-list b.on{color:#15803d}.settings-entitlement-list b.off{color:#9f1239}
.provider-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px;}
.provider-method-card,.provider-choice-grid button,.ai-setup-step [data-ai-method],.ai-setup-step [data-ai-provider]{display:grid;text-align:left;gap:4px;padding:13px;border:1px solid var(--line,#dbe3ed);border-radius:11px;background:var(--panel,#fff);}
.provider-method-card small{color:var(--muted,#64748b);font-size:11px;}.provider-method-card.selected,.provider-choice-grid button.selected,.ai-setup-step button.selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.12);}
.provider-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:7px 0 16px;}.provider-choice-grid-single{grid-template-columns:1fr}.provider-choice-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));}
.provider-choice-grid button span{font-size:10px;color:var(--muted,#64748b);}.provider-choice-grid button span.verified{color:#15803d;font-weight:750;}.provider-choice-grid button:disabled{opacity:.48;cursor:not-allowed;}
.provider-option-group,.provider-api-fields{margin:12px 0;}.provider-pill.verified{background:#dcfce7;color:#166534;border-color:#86efac;}
.settings-account-card{margin-bottom:12px;}
.ai-setup-wizard-card{width:min(760px,92vw);max-width:760px;min-height:520px;display:flex;flex-direction:column;}
.ai-setup-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 18px 14px;}.ai-setup-progress span{font-size:10px;color:var(--muted,#64748b);padding:7px 8px;border-radius:999px;background:rgba(100,116,139,.08);text-align:center;}.ai-setup-progress span.active{background:#dbeafe;color:#1d4ed8;font-weight:750}.ai-setup-progress span.done{background:#dcfce7;color:#166534;}
.ai-setup-wizard-body{flex:1;padding:20px 24px;}.ai-setup-step{display:grid;gap:16px;}.ai-setup-step h3{font-size:22px;margin:0;}.ai-setup-success{border:1px solid #86efac;background:#f0fdf4;border-radius:12px;padding:18px;display:grid;gap:5px;color:#166534;}
@media(max-width:760px){.settings-shell{grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--line,#dbe3ed);display:flex;flex-direction:row;overflow:auto}.settings-nav-item{white-space:nowrap}.settings-form-grid{grid-template-columns:1fr}.provider-choice-grid-four{grid-template-columns:1fr 1fr}.account-settings-modal{height:94vh}.ai-setup-progress{grid-template-columns:1fr 1fr}}
html[data-appearance="dark"] .account-menu-popover,html[data-appearance="dark"] .settings-summary-card,html[data-appearance="dark"] .settings-entitlement-list,html[data-appearance="dark"] .provider-method-card,html[data-appearance="dark"] .provider-choice-grid button,html[data-appearance="dark"] .ai-setup-step [data-ai-method],html[data-appearance="dark"] .ai-setup-step [data-ai-provider]{background:#0d1b2c;}

/* v1.0.860 company account user management + assignable Studio licences */
.settings-current-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:16px}
.settings-current-account-row .account-switcher{display:grid;gap:6px;min-width:0}
.settings-current-account-row .account-switcher select{width:100%}
.settings-current-account-row .account-switcher small{display:block;margin-top:2px}
.settings-user-table-wrap{margin-top:14px;border:1px solid var(--line,#dbe3ed);border-radius:12px;overflow:auto;background:var(--panel,#fff)}
.settings-user-table{width:100%;border-collapse:collapse;min-width:690px}
.settings-user-table th,.settings-user-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line,#dbe3ed);vertical-align:middle}
.settings-user-table tr:last-child td{border-bottom:0}.settings-user-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#64748b)}
.settings-user-table td:first-child{display:grid;gap:2px}.settings-user-table td:first-child small{color:var(--muted,#64748b)}
.settings-user-table .actions{white-space:nowrap;text-align:right}.settings-user-table .actions button+button{margin-left:5px}
.settings-license-check{grid-column:1/-1;display:flex!important;align-items:center;gap:8px!important;padding:10px 12px;border:1px solid var(--line,#dbe3ed);border-radius:9px;background:rgba(127,142,163,.04)}
.settings-license-check input{width:auto!important;margin:0}.settings-dialog-body{padding:16px 18px 20px;display:grid;gap:10px}.small-modal-card{width:min(480px,92vw)}
html[data-appearance="dark"] .settings-user-table-wrap{background:#0d1b2c}
@media(max-width:760px){.settings-current-account-row{grid-template-columns:1fr}.settings-current-account-row>button{justify-self:start}}

/* v1.0.861 AI setup identity + option icons */
.provider-method-card-icon{grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
.provider-method-card-icon>span:last-child{display:grid;gap:3px}.provider-static-icon,.ai-setup-option-icon{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:9px;border:1px solid var(--line,#dbe3ed);background:rgba(59,130,246,.07);color:#2563eb}
.provider-static-icon img,.ai-setup-option-icon img{width:21px;height:21px;object-fit:contain}.provider-static-key{font-size:22px;font-weight:800}
.ai-setup-option-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ai-brand-openai svg path:first-child{stroke-width:1.5}.ai-brand-claude{color:#b45309}.ai-brand-claude svg{stroke-width:1.65}
.ai-setup-choice-grid button,.ai-provider-brand-grid button{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;text-align:left}.ai-setup-choice-grid button>span:last-child,.ai-provider-brand-grid button>span:last-child{display:grid;gap:3px;min-width:0}.ai-setup-choice-grid button strong,.ai-setup-choice-grid button small{display:block}.ai-setup-choice-grid button small,.ai-provider-brand-grid button small{color:var(--muted,#64748b);font-size:10px;font-weight:500;line-height:1.35}.ai-provider-brand-grid button>span:last-child{display:grid;gap:2px}
.ai-setup-step-title{display:flex;align-items:center;gap:11px}.ai-setup-step-title h3{margin:0}.ai-setup-connection-steps{margin:0;padding-left:22px;display:grid;gap:9px;line-height:1.45}.ai-setup-connection-steps code{font-size:11px;overflow-wrap:anywhere;background:rgba(100,116,139,.1);padding:2px 5px;border-radius:5px}
html[data-appearance="dark"] .provider-static-icon,html[data-appearance="dark"] .ai-setup-option-icon{border-color:#29415b;background:#0b2038;color:#73c7ff}

/* v1.0.862 connection-only AI verification */
.ai-setup-url-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center}.ai-setup-url-row code{display:block;min-width:0;overflow-wrap:anywhere;padding:9px 10px;border:1px solid var(--line,#dbe3ed);border-radius:8px;background:rgba(100,116,139,.08)}.ai-setup-copy-icon{width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:17px}.ai-setup-verify-card{display:grid;gap:12px}.ai-setup-success{display:grid;gap:4px}

/* v1.0.863 trusted ChatGPT verification launcher + AI setup theme parity */
.provider-settings-panel .provider-method-card,
.provider-settings-panel .provider-choice-grid button,
#aiSetupWizardModal .ai-setup-step [data-ai-method],
#aiSetupWizardModal .ai-setup-step [data-ai-provider]{
  color:var(--text);
}
.provider-settings-panel .provider-method-card strong,
.provider-settings-panel .provider-choice-grid button,
#aiSetupWizardModal .ai-setup-step [data-ai-method] strong,
#aiSetupWizardModal .ai-setup-step [data-ai-provider] strong{
  color:var(--text);
}
html[data-appearance="light"] #providerSettingsPanel .provider-method-card,
html[data-appearance="light"] #providerSettingsPanel .provider-choice-grid button,
html[data-appearance="light"] #aiSetupWizardModal .ai-setup-step [data-ai-method],
html[data-appearance="light"] #aiSetupWizardModal .ai-setup-step [data-ai-provider]{
  background:#ffffff;
  color:#142238;
  border-color:#d7e1ed;
  box-shadow:0 1px 2px rgba(30,55,90,.035);
}
html[data-appearance="light"] #providerSettingsPanel .provider-method-card:hover,
html[data-appearance="light"] #providerSettingsPanel .provider-choice-grid button:hover:not(:disabled),
html[data-appearance="light"] #aiSetupWizardModal .ai-setup-step [data-ai-method]:hover,
html[data-appearance="light"] #aiSetupWizardModal .ai-setup-step [data-ai-provider]:hover:not(:disabled){
  background:#f5f9fe;
  border-color:#9fbce0;
}
html[data-appearance="light"] #providerSettingsPanel .provider-method-card.selected,
html[data-appearance="light"] #providerSettingsPanel .provider-choice-grid button.selected,
html[data-appearance="light"] #aiSetupWizardModal .ai-setup-step button.selected{
  background:#eaf3ff;
  color:#173f72;
  border-color:#4f86d9;
  box-shadow:0 0 0 2px rgba(47,111,237,.12);
}
html[data-appearance="light"] #aiSetupWizardModal .ai-setup-url-row code{
  background:#f5f8fc;
  color:#1d334e;
  border-color:#cbdbea;
}
html[data-appearance="dark"] #providerSettingsPanel .provider-method-card,
html[data-appearance="dark"] #providerSettingsPanel .provider-choice-grid button,
html[data-appearance="dark"] #aiSetupWizardModal .ai-setup-step [data-ai-method],
html[data-appearance="dark"] #aiSetupWizardModal .ai-setup-step [data-ai-provider]{
  background:#0d1b2c;
  color:#e8f1fb;
  border-color:#29415b;
}
html[data-appearance="dark"] #providerSettingsPanel .provider-method-card.selected,
html[data-appearance="dark"] #providerSettingsPanel .provider-choice-grid button.selected,
html[data-appearance="dark"] #aiSetupWizardModal .ai-setup-step button.selected{
  background:#102f50;
  color:#e8f1fb;
  border-color:#4f7fb6;
  box-shadow:0 0 0 2px rgba(59,130,246,.18);
}

/* v1.0.865 AI setup: standard OneClick launcher parity */
#aiSetupWizardModal .ai-setup-launcher-box{min-height:118px;max-height:170px;resize:none;font-size:12px;line-height:1.45;tab-size:2;}
#aiSetupWizardModal .ai-setup-launch-actions{justify-content:flex-end;}
#aiSetupWizardModal .ai-setup-launch-actions #aiSetupOpenChatGptBtn{min-width:180px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
#aiSetupWizardModal .ai-setup-launch-actions #aiSetupOpenChatGptBtn .ai-setup-option-icon{width:26px;height:26px;min-width:26px;border:0;background:transparent;padding:0;}
#aiSetupWizardModal .ai-setup-launch-actions #aiSetupOpenChatGptBtn .ai-setup-option-icon img{width:22px;height:22px;}

/* v1.0.866 explicit ChatGPT connection launcher creation */
.ai-setup-prepare-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft,rgba(127,127,127,.06))}
.ai-setup-prepare-card p{margin:0}


/* v1.0.867 automatic ChatGPT connection completion */
.ai-setup-permission-callout{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(37,99,235,.24);border-radius:12px;background:rgba(59,130,246,.08);line-height:1.4}
.ai-setup-permission-callout strong{color:var(--text)}
.ai-setup-permission-callout span{color:var(--muted);font-size:12px}
.ai-setup-waiting-note{margin-top:8px}
html[data-appearance="dark"] .ai-setup-permission-callout{border-color:#315c89;background:#0b2742}

/* v1.0.868 Settings theme parity + member licence allocation */
#providerSettingsPanel.settings-section.provider-settings-panel{
  border:0;
  background:transparent;
  border-radius:0;
  padding:0;
  margin:0 auto;
  color:var(--text);
  box-shadow:none;
  overflow:visible;
}
#providerSettingsPanel .provider-option-group{color:var(--text);}
#providerSettingsPanel .provider-option-group>label{color:var(--muted,#64748b);}
html[data-appearance="light"] #providerSettingsPanel.settings-section.provider-settings-panel,
html[data-appearance="dark"] #providerSettingsPanel.settings-section.provider-settings-panel{
  background:transparent;
  border-color:transparent;
  color:var(--text);
}
#settingsViewerGroupsModal,#settingsUserModal,#settingsRenameAccountModal,#settingsUserLicencesModal,#changePasswordModal{z-index:240;}
.settings-licences-modal-card{width:min(620px,92vw);}
.settings-licence-options{display:grid;gap:10px;margin:8px 0 14px;}
.settings-licence-option{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line,#dbe3ed);border-radius:12px;background:var(--panel,#fff);color:var(--text);}
.settings-licence-option>div,.settings-licence-option>span{display:grid;gap:3px;min-width:0;}
.settings-licence-option small{color:var(--muted,#64748b);line-height:1.35;}
.settings-licence-option input[type="number"]{width:90px;margin:0;}
.settings-licence-toggle{grid-template-columns:minmax(0,1fr) auto;cursor:pointer;}
.settings-licence-toggle input[type="checkbox"]{width:auto;margin:0;transform:scale(1.15);}
.settings-member-licences{display:flex;flex-wrap:wrap;gap:5px;align-items:center;}
html[data-appearance="dark"] .settings-licence-option{background:#0d1b2c;border-color:#29415b;}
html[data-appearance="light"] .settings-licence-option{background:#fff;border-color:#d7e1ed;color:#142238;}
@media(max-width:620px){.settings-licence-option{grid-template-columns:1fr}.settings-licence-option input[type="number"]{width:100%}.settings-licence-toggle{grid-template-columns:minmax(0,1fr) auto}.settings-user-table{min-width:760px}}

/* v1.0.871 three-state Activity centre + compact customer Project Runs */
.activity-bar{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:90;
  width:min(520px,calc(100vw - 28px));
  border:1px solid #334155;
  border-radius:14px;
  background:#0b1423;
  color:#e7eef8;
  box-shadow:0 16px 42px rgba(2,6,23,.28);
  overflow:hidden;
  transition:left .22s ease,width .22s ease,box-shadow .22s ease,opacity .22s ease,filter .22s ease;
}
.activity-bar.minimized{width:min(350px,calc(100vw - 28px))}
.activity-bar.minimized.idle{opacity:.58;filter:saturate(.78);box-shadow:0 10px 24px rgba(2,6,23,.16)}
.activity-bar.minimized.idle:hover,.activity-bar.minimized.idle:focus-within{opacity:.9;filter:none}
.activity-bar.panel-open{width:min(520px,calc(100vw - 28px));opacity:1;filter:none;box-shadow:0 18px 48px rgba(2,6,23,.3)}
.activity-bar.wide-open{left:294px;right:14px;width:auto;opacity:1;filter:none;box-shadow:0 20px 58px rgba(2,6,23,.34)}
body.sidebar-collapsed .activity-bar.wide-open{left:82px}
.activity-bar-summary{height:46px;display:grid;grid-template-columns:38px 24px minmax(0,1fr) auto 38px;gap:8px;align-items:center;padding:5px 6px}
.activity-bar.minimized .activity-bar-summary{grid-template-columns:24px minmax(0,1fr) auto 38px;padding-left:10px}
.activity-bar.minimized .activity-bar-shrink{display:none!important}
.activity-bar-toggle{width:34px;height:34px;padding:0;border-radius:9px;background:#132239;border-color:#334a67;color:#dbeafe;font-size:22px;line-height:1}
.activity-current-icon{width:22px;height:22px;display:grid;place-items:center;font-weight:950;color:#9fb6d1}
.activity-current-icon.success{color:#4ade80}.activity-current-icon.error{color:#fb7185}.activity-current-icon.progress{color:#60a5fa}
.activity-current-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);line-height:1.2}
.activity-current-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}
.activity-current-copy small{font-size:10px;color:#8fa2bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.activity-active-count{font-size:10px;font-weight:900;padding:4px 7px;border-radius:999px;background:#14365d;color:#bfdbfe;border:1px solid #315f96;white-space:nowrap}
.activity-bar-panel{display:none;border-top:1px solid #26364b;background:#0d1727}
.activity-bar.panel-open .activity-bar-panel,.activity-bar.wide-open .activity-bar-panel{display:block}
.activity-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #26364b}
.activity-panel-head>div:first-child{display:grid;gap:2px}.activity-panel-head strong{font-size:13px}.activity-panel-head small{font-size:10px;color:#8fa2bb}
.activity-panel-actions{display:flex!important;align-items:center;gap:7px}
.activity-panel-head button{padding:6px 9px;font-size:11px}
.activity-bar-list{max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:6px}
.activity-empty{display:grid;gap:3px;padding:14px 12px;color:#aebdd0}.activity-empty strong{font-size:12px}.activity-empty small{font-size:10px;color:#8fa2bb}
.activity-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:8px 9px;border-radius:9px;border:1px solid transparent}
.activity-item+.activity-item{margin-top:3px}.activity-item.active{background:#101f33;border-color:#2b4768}.activity-item.error{background:#29151c;border-color:#6b2634}
.activity-item-icon{width:22px;height:22px;display:grid;place-items:center;font-weight:950;color:#9fb6d1}.activity-item.success .activity-item-icon{color:#4ade80}.activity-item.error .activity-item-icon{color:#fb7185}.activity-item.progress .activity-item-icon{color:#60a5fa}
.activity-item-copy{min-width:0}.activity-item-copy>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px;min-width:0}.activity-item-copy strong{font-size:12px;line-height:1.35;color:inherit;overflow-wrap:anywhere}.activity-item-copy small{font-size:10px;color:#8fa2bb;white-space:nowrap}
.activity-item-history{margin-top:6px;padding-left:9px;border-left:1px solid #34506f;display:grid;gap:4px}.activity-item-history>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px}.activity-item-history span{font-size:11px;color:#aebdd0;line-height:1.3}.activity-item-history small{font-size:9px;padding-top:1px}
.activity-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:activitySpin .8s linear infinite}
@keyframes activitySpin{to{transform:rotate(360deg)}}

html[data-appearance="light"] .activity-bar{background:#fff;color:#20344d;border-color:#b9ccdf;box-shadow:0 14px 34px rgba(36,63,94,.18)}
html[data-appearance="light"] .activity-bar.minimized.idle{box-shadow:0 8px 20px rgba(36,63,94,.1)}
html[data-appearance="light"] .activity-bar-toggle{background:#edf4fc;color:#2c5f9f;border-color:#c3d5e8}
html[data-appearance="light"] .activity-current-copy small,html[data-appearance="light"] .activity-panel-head small,html[data-appearance="light"] .activity-item-copy small{color:#71859d}
html[data-appearance="light"] .activity-bar-panel{background:#f8fbff;border-top-color:#d6e2ee}
html[data-appearance="light"] .activity-panel-head{border-bottom-color:#d6e2ee}
html[data-appearance="light"] .activity-empty{color:#536981}html[data-appearance="light"] .activity-empty small{color:#71859d}
html[data-appearance="light"] .activity-item.active{background:#edf5ff;border-color:#bfd4ec}
html[data-appearance="light"] .activity-item.error{background:#fff1f3;border-color:#efb8c0}
html[data-appearance="light"] .activity-item-history{border-left-color:#c6d8ea}
html[data-appearance="light"] .activity-item-history span{color:#4f647d}
html[data-appearance="light"] .activity-active-count{background:#e8f2ff;color:#275c9f;border-color:#b7d0ee}

.api-runs-user-modal{width:min(860px,calc(100vw - 44px));height:auto;max-height:calc(100vh - 44px)}
.api-runs-user-modal .api-runs-modal-body{display:grid;gap:8px;max-height:calc(100vh - 220px);min-height:0;overflow:auto}
.api-run-user-compact{overflow:hidden}
.api-run-user-grid{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(260px,1.25fr) auto;gap:9px 14px;align-items:center;padding:11px 12px}
.api-run-user-grid .api-run-heading{min-width:0}.api-run-user-grid .api-run-heading>strong{font-size:14px}.api-run-user-grid .api-run-heading>small{font-size:10px;margin-top:2px}
.api-run-user-grid>em{grid-column:3;grid-row:1;font-style:normal;font-size:11px;font-weight:900;padding:4px 8px;border-radius:999px;background:#12315d;border:1px solid #4d83c5;color:#dbeafe;white-space:nowrap;justify-self:end}
.api-run-user-progress{grid-column:2;grid-row:1 / span 2;min-width:0;display:grid;gap:3px}.api-run-user-progress small{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:900;color:#8397b0}.api-run-user-progress strong{font-size:12px;line-height:1.35;color:#dbeafe;overflow-wrap:anywhere}
.api-run-user-grid>small[data-run-time]{grid-column:3;grid-row:2;font-size:9px;color:#8295ac;text-align:right;white-space:nowrap}
.api-run-user-compact.processed .api-run-user-progress strong{color:#aab9ca}
.api-run-user-compact .api-run-actions{padding:7px 10px}
.api-run-user-compact .api-run-actions button{padding:6px 9px;font-size:10px}
.api-run-user-compact.failed .api-run-user-grid>em{background:#4c151c;border-color:#ef4444;color:#fecaca}
html[data-appearance="light"] .api-run-user-grid>em{background:#e7f1ff;border-color:#9fbfe5;color:#2b61a5}
html[data-appearance="light"] .api-run-user-progress small{color:#7488a0}
html[data-appearance="light"] .api-run-user-progress strong{color:#2a405b}
html[data-appearance="light"] .api-run-user-compact.processed .api-run-user-progress strong{color:#566b82}
html[data-appearance="light"] .api-run-user-grid>small[data-run-time]{color:#788ca4}
html[data-appearance="light"] .api-run-user-compact.failed .api-run-user-grid>em{background:#fff0f2;border-color:#e4a1ab;color:#a73c4c}

@media(max-width:1000px){
  .activity-bar.wide-open,body.sidebar-collapsed .activity-bar.wide-open{left:10px;right:10px;width:auto}
}
@media(max-width:760px){
  .activity-bar,.activity-bar.minimized,.activity-bar.panel-open,.activity-bar.wide-open,body.sidebar-collapsed .activity-bar.wide-open{left:10px;right:10px;bottom:10px;width:auto}
  .activity-bar-list{max-height:42vh}
  .activity-current-copy small{display:none}
  .api-runs-user-modal{width:calc(100vw - 20px)}
  .api-run-user-grid{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}
  .api-run-user-grid>em{grid-column:2;grid-row:1}
  .api-run-user-progress{grid-column:1/-1;grid-row:auto}
  .api-run-user-grid>small[data-run-time]{grid-column:1/-1;grid-row:auto;justify-self:start;text-align:left;white-space:normal}
}

/* v1.0.872 Activity controls, durable history and compact run-history viewport */
.activity-bar-summary{
  position:relative;
  grid-template-columns:24px minmax(0,1fr) auto;
  padding:5px 46px 5px 10px;
}
.activity-bar.minimized .activity-bar-summary{grid-template-columns:24px minmax(0,1fr) auto;padding:5px 46px 5px 10px}
.activity-bar.panel-open .activity-bar-summary{padding-left:46px;padding-right:46px}
.activity-bar.wide-open .activity-bar-summary{padding-left:10px;padding-right:46px}
.activity-bar-toggle{position:absolute;top:6px;z-index:2}
.activity-bar-shrink{right:6px}
.activity-bar-expand{right:6px}
.activity-bar.panel-open .activity-bar-expand{left:6px;right:auto}
.activity-bar.panel-open .activity-bar-shrink,.activity-bar.wide-open .activity-bar-shrink{right:6px}
.activity-bar.minimized .activity-bar-expand{right:6px;left:auto}
.activity-bar.minimized .activity-bar-shrink{display:none!important}
.activity-bar.wide-open .activity-bar-expand{display:none!important}

.api-runs-user-modal{
  width:min(860px,calc(100vw - 44px));
  height:min(680px,calc(100vh - 44px));
  min-height:min(430px,calc(100vh - 44px));
  max-height:calc(100vh - 44px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.api-runs-user-modal .api-runs-modal-body{
  flex:1 1 auto;
  display:block;
  min-height:220px;
  max-height:none;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:6px;
  padding-bottom:12px;
}
.api-runs-user-modal .api-run-row+.api-run-row{margin-top:8px}

.activity-history-card{
  width:min(980px,calc(100vw - 44px));
  height:min(760px,calc(100vh - 44px));
  max-height:calc(100vh - 44px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#activityHistoryModal.maximized{padding:12px}
#activityHistoryModal.maximized .activity-history-card{width:calc(100vw - 24px);height:calc(100vh - 24px);max-width:none;max-height:calc(100vh - 24px)}
.activity-history-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.activity-history-filters{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(160px,.7fr) 150px 160px auto;
  gap:8px;
  margin-bottom:12px;
  flex:0 0 auto;
}
.activity-history-filters input,.activity-history-filters select{min-width:0;margin:0}
.activity-history-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}
.activity-history-day+ .activity-history-day{margin-top:16px}
.activity-history-day h3{position:sticky;top:0;z-index:1;margin:0 0 6px;padding:7px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--panel,#0f172a);border-bottom:1px solid var(--line,#334155)}
.activity-history-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:start;padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--line,#334155) 70%,transparent)}
.activity-history-row>div{min-width:0;display:grid;gap:3px}.activity-history-row strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}.activity-history-row small{font-size:10px;color:var(--muted,#8fa2bb);overflow-wrap:anywhere}.activity-history-row time{font-size:10px;color:var(--muted,#8fa2bb);white-space:nowrap}
.activity-history-icon{width:22px;height:22px;display:grid;place-items:center;font-weight:950;color:#8fa2bb}.activity-history-row.success .activity-history-icon{color:#22c55e}.activity-history-row.error .activity-history-icon{color:#ef4444}.activity-history-row.progress .activity-history-icon{color:#3b82f6}
.activity-history-empty{display:grid;gap:4px;padding:28px 12px;text-align:center;color:var(--muted,#8fa2bb)}
html[data-appearance="light"] .activity-history-day h3{background:#fff}
html[data-appearance="dark"] .activity-history-day h3{background:#0f1e31}
@media(max-width:820px){.activity-history-filters{grid-template-columns:1fr 1fr}.activity-history-filters button{grid-column:1/-1}.activity-history-card{width:calc(100vw - 20px);height:calc(100vh - 20px)}#activityHistoryModal.maximized{padding:0}#activityHistoryModal.maximized .activity-history-card{width:100vw;height:100vh;max-height:100vh;border-radius:0}.api-runs-user-modal{width:calc(100vw - 20px);height:calc(100vh - 20px);min-height:0}}

/* v1.0.875 user-level OneClick, shared BYOK and mandatory-setup escape hatch */
body.ai-setup-mandatory .brand{position:relative;z-index:190;isolation:isolate}
body.ai-setup-mandatory .brand .logo-btn{box-shadow:0 0 0 3px rgba(59,130,246,.16),0 12px 30px rgba(37,99,235,.25)}
body.ai-setup-mandatory #settingsModal{z-index:180}
body.ai-setup-mandatory #accountMenuPopover{z-index:1200}
#resetOneClickConnectionBtn{margin-left:auto}
.provider-api-fields input:disabled{opacity:.62;cursor:not-allowed}

/* v1.0.875 mandatory setup account escape + quick account switch */
.account-menu-account{display:grid;gap:4px;padding:5px 7px 8px;border-bottom:1px solid var(--line,#dbe3ed);margin-bottom:3px}
.account-menu-account label{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#64748b)}
.account-menu-account select{width:100%;min-width:210px;margin:0;font-size:12px;padding:7px 8px}
body.ai-setup-mandatory .sidebar{overflow:visible}

/* v1.0.876 personal BYOK vs shared account BYOK */
.settings-shared-provider-card{margin-top:14px;padding:14px;border:1px solid var(--line,#dbe3ed);border-radius:14px;background:var(--panel,#fff);display:grid;gap:10px}
.settings-section-heading.compact{margin:0;align-items:flex-start}.settings-section-heading.compact h4{margin:0 0 3px;font-size:14px}
.settings-shared-provider-card .provider-api-fields{margin:0;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 88%,var(--line,#dbe3ed) 12%)}
.byok-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.byok-source-grid.single-source{grid-template-columns:1fr}
.byok-source-grid button{min-height:98px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title status" "desc desc";align-content:start;gap:5px 10px;text-align:left}
.byok-source-grid button strong{grid-area:title}.byok-source-grid button>span{grid-area:status;font-size:10px;font-weight:800;color:var(--muted,#64748b);white-space:nowrap}.byok-source-grid button small{grid-area:desc;line-height:1.35;color:var(--muted,#64748b)}
.byok-source-grid button.selected>span{color:var(--accent,#2563eb)}
.personal-byok-fields,.shared-byok-info,.ai-byok-source-detail{margin-top:12px;padding:12px;border:1px solid var(--line,#dbe3ed);border-radius:12px;display:grid;gap:8px}
.ai-byok-source-grid{margin:12px 0}.ai-setup-success.muted{opacity:.82}
html[data-appearance="dark"] .settings-shared-provider-card,html[data-appearance="dark"] .personal-byok-fields,html[data-appearance="dark"] .shared-byok-info,html[data-appearance="dark"] .ai-byok-source-detail{background:#0f1e31}
@media(max-width:720px){.byok-source-grid{grid-template-columns:1fr}}

/* v1.0.877 owner/admin shared BYOK management inside AI & Providers */
.provider-shared-admin{margin-top:2px;padding-top:10px;border-top:1px solid var(--line,#dbe3ed);display:grid;gap:8px}
.provider-shared-admin.hidden{display:none}
.provider-shared-admin .button-row{margin-top:2px}

/* v1.0.884 user-scoped access details and history */
.settings-member-access-dates{display:block;flex-basis:100%;margin-top:3px;color:var(--muted,#64748b);line-height:1.4;}
.settings-user-access-history{margin:12px 0 14px;display:grid;gap:8px;}
.settings-user-access-history h3{margin:0;font-size:13px;}
.provider-oneclick-actions{margin-top:10px;justify-content:flex-end;}


/* v1.0.887 adaptive Presentation region contents + genuinely expanded Settings content */
.account-settings-modal.maximized .settings-shell{grid-template-columns:240px minmax(0,1fr);}
.account-settings-modal.maximized .settings-content{padding:30px 38px 38px;}
.account-settings-modal.maximized .settings-section{max-width:1240px;}
.account-settings-modal.maximized .settings-section-heading h3{font-size:24px;}
.account-settings-modal.maximized .settings-section-heading p{font-size:13px;line-height:1.5;max-width:900px;}
.account-settings-modal.maximized .settings-summary-card strong{font-size:15px;}
.account-settings-modal.maximized .settings-summary-card span{font-size:13px;}
@media(max-width:900px){
  .account-settings-modal.maximized .settings-shell{grid-template-columns:200px minmax(0,1fr);}
  .account-settings-modal.maximized .settings-content{padding:24px;}
}
@media(max-width:760px){
  .account-settings-modal.maximized .settings-shell{grid-template-columns:1fr;}
  .account-settings-modal.maximized .settings-content{padding:18px;}
  .account-settings-modal.maximized .settings-section{max-width:none;}
}

/* v1.0.897 identity flows */
.auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:13px}
.auth-links a{color:var(--accent,#0ea5e9);text-decoration:none}
.auth-links a:hover{text-decoration:underline}
.auth-success{margin-top:18px;padding:16px;border:1px solid var(--line,#263449);border-radius:16px;background:rgba(127,127,127,.06)}
.auth-success h2{margin:0 0 8px;font-size:18px}
.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid var(--line,#263449);border-radius:10px;text-decoration:none}
.button-link.primary{background:var(--accent,#0ea5e9);color:white;border-color:transparent}
.invite-card{width:min(480px,calc(100vw - 32px))}
.invite-summary{display:grid;gap:5px;margin:14px 0 8px;padding:14px;border:1px solid var(--line,#263449);border-radius:14px}
.invite-summary>strong{font-size:18px}.invite-summary span,.invite-summary small{color:var(--muted,#64748b)}


/* v1.0.900 Terms of Use and acceptance */
.terms-check{display:flex!important;align-items:flex-start;gap:10px;margin-top:7px;font-size:12.5px;line-height:1.45;color:var(--muted,#64748b);cursor:pointer}
.terms-check input{width:16px;height:16px;min-width:16px;margin:2px 0 0;accent-color:var(--accent,#0ea5e9)}
.terms-check a{color:var(--accent,#0ea5e9);text-decoration:none}.terms-check a:hover{text-decoration:underline}
.legal-page{align-items:start;padding:34px 0}
.legal-card{width:min(920px,calc(100vw - 32px));padding:34px 38px}
.legal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.legal-heading h1{font-size:34px}.legal-heading .eyebrow{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent,#0ea5e9)}
.legal-intro{padding:18px 20px;border:1px solid var(--line,#263449);border-radius:16px;background:rgba(127,127,127,.06);line-height:1.6}.legal-intro p{margin:7px 0 0}
.legal-copy{margin-top:26px}.legal-copy section{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line,#263449)}.legal-copy section:last-child{border-bottom:0}.legal-copy h2{margin:0 0 10px;font-size:19px}.legal-copy p{margin:0 0 11px;line-height:1.67;color:var(--text,#dce6f3)}.legal-copy p:last-child{margin-bottom:0}
html[data-appearance="light"] .legal-copy p{color:#334155}html[data-appearance="light"] .legal-intro{color:#334155}
.legal-footer{padding-top:8px;border-top:1px solid var(--line,#263449)}
@media(max-width:700px){.legal-page{padding:16px 0}.legal-card{padding:24px 20px}.legal-heading{display:block}.legal-heading .button-link{margin-top:12px}.legal-heading h1{font-size:29px}}

/* v1.0.901 public identity surfaces always use the light theme */
html[data-appearance="light"] .login-page{
  color-scheme:light;
}
html[data-appearance="light"] .login-card label{color:#475569;}
html[data-appearance="light"] .login-card .hint,
html[data-appearance="light"] .login-card .status,
html[data-appearance="light"] .login-card .invite-summary span,
html[data-appearance="light"] .login-card .invite-summary small,
html[data-appearance="light"] .login-card .terms-check{color:#64748b;}
.settings-billing-seats{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted,#64748b)}
.settings-billing-seats input{width:76px;min-width:76px}

/* v1.0.904 Stripe sellable catalogue */
#settingsBillingActions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.settings-billing-offers{display:grid;gap:10px;width:100%;margin-top:6px}
.settings-billing-offer{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line,#d8e0ea);border-radius:12px;padding:12px 14px;background:var(--surface-subtle,rgba(127,127,127,.04))}
.settings-billing-offer>div:first-child{display:grid;gap:3px;min-width:0}.settings-billing-offer small,.settings-billing-offer span{color:var(--muted,#64748b)}
.settings-billing-offer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.settings-billing-offer{align-items:flex-start;flex-direction:column}.settings-billing-offer-actions{justify-content:flex-start;width:100%}}

/* 1.0.907 shop-style subscription purchase flow */
#subscriptionBuilderModal{z-index:280}
.subscription-builder-modal-card{width:min(1120px,calc(100vw - 32px));height:min(790px,calc(100vh - 32px));max-height:calc(100vh - 32px);overflow:hidden;padding:0;border-radius:22px;display:flex;flex-direction:column;background:var(--panel);color:var(--text);border-color:var(--line)}
.subscription-builder-modal-card>.modal-head{flex:0 0 auto;padding:20px 22px 15px;margin:0;border-bottom:1px solid var(--line);background:var(--panel)}
.subscription-builder-modal-card>.modal-head h2{margin:0 0 4px;color:var(--text)}
.subscription-builder-modal-card>.modal-head .hint{margin:0;color:var(--muted)}
.subscription-builder-progress{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:0;padding:12px 22px 14px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11px;font-weight:700;overflow-x:auto;scrollbar-width:thin}
.subscription-builder-progress button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:0;background:transparent;color:var(--muted);box-shadow:none;padding:2px;border-radius:8px;font:inherit;cursor:pointer}
.subscription-builder-progress button:hover:not(:disabled){color:var(--text);background:transparent}
.subscription-builder-progress button b{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:10px}
.subscription-builder-progress button.active{color:var(--text)}
.subscription-builder-progress button.active b{border-color:var(--blue);background:var(--blue);color:#fff}
.subscription-builder-progress button.done b{border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.13);color:var(--blue)}
.subscription-builder-progress i{height:1px;min-width:18px;flex:1;background:var(--line)}
.subscription-builder-body{flex:1 1 auto;display:block;min-height:0;overflow:auto;padding:20px 22px;background:var(--bg)}
.subscription-builder-shop{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;max-width:1070px;margin:0 auto}
.subscription-builder-shop.basket-only{grid-template-columns:minmax(0,760px);justify-content:center}
.subscription-builder-shop-main{display:grid;gap:16px;min-width:0}
.subscription-step-intro{display:grid;gap:5px;margin-bottom:2px}
.subscription-step-kicker{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.subscription-step-intro h3{margin:0;color:var(--text);font-size:20px;line-height:1.2}
.subscription-step-intro p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.subscription-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.subscription-shop-grid.studio{grid-template-columns:minmax(0,1fr)}
.subscription-shop-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.06);min-width:0}
.subscription-shop-card.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(59,130,246,.10),0 8px 24px rgba(0,0,0,.06)}
.subscription-shop-card.required{background:linear-gradient(135deg,rgba(59,130,246,.075),transparent 62%),var(--panel)}
.subscription-shop-card.billing-unavailable{border-style:dashed}
.subscription-shop-card-main{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}
.subscription-product-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(59,130,246,.12);font-size:19px;font-weight:800;color:var(--blue)}
.subscription-shop-copy{display:grid;gap:5px;min-width:0}.subscription-shop-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.48}.subscription-shop-copy>small{color:var(--muted);font-size:10px}
.subscription-shop-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.subscription-shop-title-row>strong{font-size:14px;line-height:1.3;color:var(--text)}
.subscription-in-basket{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;background:rgba(59,130,246,.12);color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.subscription-price-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.subscription-price-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label price" "label period";gap:0 7px;align-items:center;min-height:50px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);box-shadow:none;text-align:left;cursor:pointer}
.subscription-price-choice:hover:not(:disabled){border-color:rgba(59,130,246,.55);background:var(--panel2)}
.subscription-price-choice.active{border-color:var(--blue);background:rgba(59,130,246,.09);box-shadow:0 0 0 1px rgba(59,130,246,.12)}
.subscription-price-choice:disabled{opacity:.42;cursor:not-allowed}.subscription-price-choice span{grid-area:label;font-size:10px;font-weight:700;color:var(--muted)}.subscription-price-choice strong{grid-area:price;font-size:12px;color:var(--text)}.subscription-price-choice small{grid-area:period;font-size:9px;color:var(--muted);text-align:right}
.subscription-shop-card-footer{display:flex;align-items:center;gap:10px;min-height:38px;padding-top:2px;flex-wrap:wrap}
.subscription-shop-price{display:grid;gap:1px;margin-right:auto}.subscription-shop-price strong{font-size:15px;color:var(--text)}.subscription-shop-price span{font-size:9px;color:var(--muted)}
.subscription-add-btn{min-width:112px;white-space:nowrap}.subscription-add-btn:disabled{opacity:.45;cursor:not-allowed}
.subscription-qty-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:700}.subscription-qty-control>div{display:inline-grid;grid-template-columns:28px 48px 28px;align-items:stretch;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel2)}
.subscription-qty-control button{min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none;font-size:16px}.subscription-qty-control button:hover{background:rgba(59,130,246,.09)}
.subscription-qty-control input{width:48px;min-width:48px;padding:6px 4px;border-width:0 1px;border-style:solid;border-color:var(--line);border-radius:0;background:var(--panel);color:var(--text);text-align:center}
.subscription-fixed-quantity{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:700}
.subscription-basket{position:sticky;top:0;display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 10px 28px rgba(0,0,0,.07);min-width:0}
.subscription-basket.expanded{position:static;padding:18px}.subscription-basket-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.subscription-basket-head>div{display:flex;align-items:center;gap:9px;min-width:0}.subscription-basket-head>div>span:last-child{display:grid;gap:1px}.subscription-basket-head strong{font-size:12px;color:var(--text)}.subscription-basket-head small{font-size:9px;color:var(--muted)}
.subscription-basket-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(59,130,246,.1);color:var(--blue)}.subscription-basket-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.subscription-basket-toggle{padding:5px 7px;border:0;background:transparent;box-shadow:none;color:var(--blue);font-size:9px;font-weight:800;white-space:nowrap}.subscription-basket-toggle:hover{background:rgba(59,130,246,.08)}
.subscription-basket-lines{display:grid;gap:0}.subscription-basket-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.subscription-basket-line:last-child{border-bottom:0}.subscription-basket-line>div{display:grid;gap:2px;min-width:0}.subscription-basket-line strong{font-size:10px;color:var(--text)}.subscription-basket-line small{font-size:8px;color:var(--muted)}.subscription-basket-line>span{font-size:9px;font-weight:700;color:var(--text);white-space:nowrap}
.subscription-basket-remove{display:grid;place-items:center;width:24px;height:24px;min-width:24px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--muted);box-shadow:none;font-size:14px;line-height:1}.subscription-basket-remove:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.06)}
.subscription-basket-required{font-size:8px!important;color:var(--muted)!important;font-weight:700!important;text-transform:uppercase}
.subscription-basket-empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:10px;line-height:1.5}
.subscription-basket-summary{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--line)}.subscription-basket-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.subscription-basket-summary span{font-size:9px;color:var(--muted)}.subscription-basket-summary strong{font-size:11px;color:var(--text)}
.subscription-basket-hint{margin:0;color:var(--muted);font-size:8px;line-height:1.4}
.subscription-builder-note{padding:10px 12px;border:1px solid rgba(59,130,246,.16);border-radius:12px;background:rgba(59,130,246,.07);color:var(--muted);font-size:10px;line-height:1.5}.subscription-builder-note.subtle{background:var(--panel);border-color:var(--line)}.subscription-builder-note a,.subscription-review-stripe-note a{color:var(--blue);font-weight:700;text-decoration:none}.subscription-builder-note a:hover,.subscription-review-stripe-note a:hover{text-decoration:underline}
.subscription-review-page{display:grid;gap:16px;max-width:820px;margin:0 auto}.subscription-review-list{display:grid;gap:9px}.subscription-review-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text)}.subscription-review-card .subscription-product-icon{width:40px;height:40px}.subscription-review-card>div{display:grid;gap:3px}.subscription-review-card>div strong{font-size:11px}.subscription-review-card>div small{font-size:9px;color:var(--muted)}.subscription-review-card>strong{font-size:11px;white-space:nowrap}.subscription-review-required{font-size:8px;color:var(--muted);font-weight:700;text-transform:uppercase}
.subscription-builder-totals{display:grid;gap:7px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.subscription-builder-totals>div{display:flex;justify-content:space-between;gap:12px}.subscription-builder-totals span{color:var(--muted);font-size:10px}.subscription-builder-totals strong{font-size:14px;color:var(--text)}
.subscription-builder-actions{flex:0 0 auto;margin:0;padding:13px 22px;background:var(--panel);border-top:1px solid var(--line);z-index:2}
#subscriptionBuilderStatus{flex:0 0 auto;margin:0;padding:0 22px;background:var(--panel);color:var(--muted)}
.settings-subscription-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.settings-subscription-actions button{padding:6px 9px;font-size:10px}
/* Legacy compact card remains for the separate post-purchase VPS plan-change flow. */
.subscription-builder-section{display:grid;gap:10px}.subscription-builder-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.subscription-builder-section-head h3{margin:0;font-size:14px}.subscription-builder-section-head p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.subscription-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.subscription-product-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start;text-align:left;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);box-shadow:none;cursor:pointer}.subscription-product-card:hover{border-color:rgba(59,130,246,.55)}.subscription-product-card.selected{border-color:var(--blue);background:rgba(59,130,246,.07);box-shadow:0 0 0 2px rgba(59,130,246,.08)}.subscription-product-card.required{cursor:default}.subscription-product-card.disabled{opacity:.46;cursor:not-allowed}.subscription-product-copy{display:grid;gap:4px;min-width:0}.subscription-product-copy strong{font-size:13px;color:var(--text)}.subscription-product-copy small{color:var(--muted);font-size:10px;line-height:1.45}.subscription-product-copy em{font-style:normal;font-size:11px;font-weight:700;color:var(--text)}.subscription-product-controls{grid-column:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.subscription-product-controls label{font-size:10px;color:var(--muted)}.subscription-product-controls input{width:78px;min-width:78px}.subscription-product-selected-mark{position:absolute;top:9px;right:10px;font-size:11px;font-weight:800;color:var(--blue)}
.subscription-builder-cycle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.subscription-builder-cycle>span{display:grid;gap:2px}.subscription-builder-cycle small{color:var(--muted)}
.subscription-infrastructure-change-summary{padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-size:11px;color:var(--muted)}
@media(max-width:900px){.subscription-builder-shop{grid-template-columns:1fr}.subscription-basket{position:static}.subscription-shop-grid{grid-template-columns:1fr}}
@media(max-width:720px){.subscription-builder-modal-card{width:calc(100vw - 12px);height:calc(100vh - 12px);max-height:calc(100vh - 12px);border-radius:16px}.subscription-builder-modal-card>.modal-head{padding:15px 14px 12px}.subscription-builder-progress{padding:10px 14px 12px}.subscription-builder-progress i{min-width:10px}.subscription-builder-body{padding:14px}.subscription-builder-actions{padding:11px 14px}.subscription-price-choices{grid-template-columns:1fr}.subscription-shop-card-footer{align-items:flex-start}.subscription-add-btn{width:100%}.subscription-review-card{grid-template-columns:38px minmax(0,1fr) auto}.subscription-review-card>.subscription-basket-remove,.subscription-review-card>.subscription-review-required{grid-column:2 / -1;justify-self:end}}


/* 1.0.908 owned subscription management and repeat purchases */
.settings-owned-products-heading{margin-top:4px;margin-bottom:0}
.settings-owned-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 4px}
.settings-owned-product-card{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 7px 22px rgba(0,0,0,.045)}
.settings-owned-product-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:start}.settings-owned-product-head>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;min-width:0}.settings-owned-product-head small{grid-column:1/-1;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settings-owned-product-head h5{margin:0;min-width:0;color:var(--text);font-size:14px;line-height:1.25;overflow-wrap:anywhere}.settings-owned-product-head .settings-state-pill{justify-self:end}
.settings-owned-product-meta{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.settings-owned-product-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-owned-product-metrics>div{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.settings-owned-product-metrics small{color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.settings-owned-product-metrics strong{color:var(--text);font-size:13px}.settings-owned-product-metrics span{color:var(--muted);font-size:8px;line-height:1.35}
.settings-owned-product-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:1px}.settings-owned-product-actions button{padding:7px 10px;font-size:10px}
.settings-owned-products-empty{grid-column:1/-1;display:grid;gap:4px;padding:18px;border:1px dashed var(--line);border-radius:14px;background:var(--panel);color:var(--muted)}.settings-owned-products-empty strong{color:var(--text);font-size:12px}.settings-owned-products-empty span{font-size:10px}
.settings-subscription-details{margin:6px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.settings-subscription-details>summary{padding:11px 13px;color:var(--text);font-size:10px;font-weight:800;cursor:pointer;list-style-position:inside}.settings-subscription-details[open]>summary{border-bottom:1px solid var(--line)}.settings-subscription-details .settings-user-table-wrap{margin:0;border:0;border-radius:0}
.subscription-capacity-change{display:grid;gap:14px;max-width:720px;margin:0 auto}.subscription-capacity-quantity{display:inline-grid;grid-template-columns:34px 76px 34px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.subscription-capacity-quantity button{min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none;font-size:18px}.subscription-capacity-quantity button:hover{background:rgba(59,130,246,.09)}.subscription-capacity-quantity input{width:76px;min-width:76px;padding:8px 6px;border-width:0 1px;border-style:solid;border-color:var(--line);border-radius:0;background:var(--panel);color:var(--text);text-align:center}
@media(max-width:820px){.settings-owned-products{grid-template-columns:1fr}.settings-owned-product-metrics{grid-template-columns:1fr}}


/* 1.0.909 compact subscription shop, header basket and sequential purchase flow */
.subscription-builder-modal-card{position:relative;width:min(980px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px))}
.subscription-builder-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.subscription-builder-head .hint:empty{display:none}
.subscription-builder-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.subscription-header-basket{position:relative;display:grid;place-items:center;width:40px;height:38px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);box-shadow:none}
.subscription-header-basket:hover{border-color:rgba(59,130,246,.55);background:rgba(59,130,246,.08)}
.subscription-header-basket[aria-expanded="true"]{border-color:var(--blue);background:rgba(59,130,246,.1);color:var(--blue)}
.subscription-header-basket-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.subscription-header-basket-count{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--blue);color:#fff;font-size:9px;font-weight:800;border:2px solid var(--panel)}
.subscription-basket-popover{position:absolute;z-index:8;right:22px;top:68px;width:min(380px,calc(100% - 44px));max-height:min(520px,calc(100vh - 150px));overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.subscription-basket-popover .subscription-basket{position:static;border:0;border-radius:0;box-shadow:none;padding:14px;display:grid;gap:10px}
.subscription-basket-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.subscription-basket-popover-head strong{font-size:12px}.subscription-basket-popover-head small{font-size:9px;color:var(--muted)}
.subscription-builder-body{padding:18px 22px}
.subscription-builder-shop-main{display:grid;gap:14px;max-width:820px;margin:0 auto;width:100%}
.subscription-step-heading{display:flex;align-items:center;gap:8px;margin:0 0 2px}.subscription-step-heading h3{margin:0;font-size:15px}.subscription-step-heading span{padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.subscription-shop-grid{grid-template-columns:repeat(2,minmax(0,360px));justify-content:start;gap:12px}.subscription-shop-grid.studio{grid-template-columns:minmax(0,620px);justify-content:start}
.subscription-shop-card{gap:12px;padding:15px 16px}
.subscription-price-choices{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:8px;justify-content:start}
.subscription-price-choice{display:grid;grid-template-columns:1fr;grid-template-areas:"label" "price" "period";align-content:center;gap:2px;min-height:68px;padding:9px 11px;text-align:left}
.subscription-price-choice span{grid-area:label;font-size:9px}.subscription-price-choice strong{grid-area:price;font-size:12px}.subscription-price-choice small{grid-area:period;text-align:left;font-size:8px;line-height:1.25}
.subscription-shop-card-footer{justify-content:flex-end;min-height:34px}.subscription-shop-card-footer .subscription-qty-control{margin-right:auto}
.subscription-shop-oneoff-price{display:flex;align-items:baseline;gap:6px}.subscription-shop-oneoff-price strong{font-size:15px}.subscription-shop-oneoff-price span{font-size:9px;color:var(--muted)}
.subscription-builder-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.subscription-builder-actions #subscriptionBuilderBackBtn{margin-right:auto}
.subscription-review-page{max-width:760px;gap:13px}.subscription-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-review-head h3{margin:0;font-size:17px}.subscription-review-head span{display:inline-block;margin-top:4px;color:var(--muted);font-size:10px}.subscription-review-head button{padding:6px 9px;font-size:9px}
.subscription-review-card{padding:11px 12px}.subscription-builder-totals{padding:12px 13px}.subscription-review-stripe-note{margin:0;color:var(--muted);font-size:9px;text-align:right}
@media(max-width:720px){.subscription-builder-modal-card{width:calc(100vw - 12px)}.subscription-basket-popover{right:10px;top:62px;width:calc(100% - 20px)}.subscription-shop-grid,.subscription-shop-grid.studio{grid-template-columns:1fr}.subscription-price-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-builder-actions #subscriptionBuilderBackBtn{margin-right:auto}}

/* 1.0.910 resilient subscription entry point */
.subscription-builder-unavailable{display:flex;gap:16px;align-items:flex-start;max-width:680px;margin:36px auto;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.subscription-builder-unavailable .subscription-product-icon{flex:0 0 auto}
.subscription-builder-unavailable strong{display:block;font-size:18px;line-height:1.3;color:var(--text);margin:1px 0 8px}
.subscription-builder-unavailable p{margin:0 0 9px;color:var(--muted);line-height:1.5}
.subscription-builder-unavailable small{display:block;color:var(--muted);line-height:1.45}
.subscription-builder-unavailable code{font-size:.95em}

/* 1.0.911 — five-project creation chooser + Walkthroughs preview */
.wizard-choice-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.wizard-project-type-card{grid-template-rows:124px auto;gap:10px;padding:10px;min-height:218px}
.wizard-project-type-visual{min-height:124px}
.wizard-project-type-walkthrough{background:linear-gradient(145deg,#eef2ff,#e0e7ff)}
.wizard-project-type-walkthrough i:nth-child(1){left:13px;right:13px;top:14px;bottom:16px;border-radius:10px;background:#fff;border:1px solid #c7d2fe;box-shadow:6px 6px 0 rgba(67,56,202,.12)}
.wizard-project-type-walkthrough i:nth-child(2){left:25px;top:29px;width:55%;height:9px;border-radius:5px;background:#4338ca;box-shadow:0 20px 0 #a5b4fc,0 40px 0 #e0e7ff}
.wizard-project-type-walkthrough i:nth-child(3){right:24px;bottom:28px;width:34px;height:34px;border-radius:50%;background:#4f46e5;box-shadow:-20px -13px 0 -9px #818cf8}
.wizard-project-type-planned{cursor:default!important;transform:none!important;opacity:.78!important}
.wizard-project-type-planned:hover{transform:none!important;opacity:.78!important}
.wizard-project-type-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.wizard-project-type-status{display:inline-flex;align-items:center;width:max-content;padding:3px 6px;border-radius:999px;background:rgba(99,102,241,.16);color:#c7d2fe;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;line-height:1}
html[data-appearance="light"] .wizard-project-type-status{background:#eef2ff;color:#4338ca}
@media(max-width:900px){.wizard-choice-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-project-type-card{grid-template-rows:112px auto;min-height:200px}.wizard-project-type-visual{min-height:112px}}
@media(max-width:700px){.wizard-choice-grid.five{grid-template-columns:1fr}.wizard-project-type-card{grid-template-columns:96px minmax(0,1fr);grid-template-rows:none;min-height:0}.wizard-project-type-visual{min-height:92px}}

/* 1.0.912 — Walkthrough semantic scene editor */
.walkthrough-panel{display:grid;gap:12px;padding:0 0 18px;border-top:1px solid var(--line)}
.walkthrough-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 0}.walkthrough-panel-head>div{display:grid;gap:2px}.walkthrough-panel-head strong{font-size:13px}.walkthrough-panel-head small{font-size:10px;color:var(--muted)}
.walkthrough-scene-list{display:grid;gap:7px;padding:0 12px}.walkthrough-scene-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow:hidden}.walkthrough-scene-card.is-selected{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.1)}
.walkthrough-scene-select{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;min-width:0}.walkthrough-scene-select:hover{background:rgba(96,165,250,.06)}.walkthrough-scene-select>span:last-child{display:grid;gap:2px;min-width:0}.walkthrough-scene-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.walkthrough-scene-select small{color:var(--muted);font-size:8px;font-weight:650}.walkthrough-scene-number{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(99,102,241,.13);color:#a5b4fc;font-size:10px;font-weight:900}
.walkthrough-scene-actions{display:flex;align-items:center;gap:2px;padding-right:6px}.walkthrough-scene-actions .icon-btn{width:25px;height:25px;min-width:25px;padding:0;border-radius:7px;font-size:10px}
.walkthrough-scene-editor{display:grid;gap:12px;margin:0 12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.walkthrough-editor-heading{display:flex;align-items:center;justify-content:space-between}.walkthrough-editor-heading>div{display:grid;gap:2px}.walkthrough-editor-heading strong{font-size:12px}.walkthrough-editor-heading small{font-size:9px;color:var(--muted)}
.walkthrough-screenshot-box{display:grid;gap:8px}.walkthrough-screenshot-box>img,.walkthrough-screenshot-placeholder{width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:11px;background:var(--panel2);object-fit:contain}.walkthrough-screenshot-placeholder{display:grid;place-items:center;align-content:center;gap:4px;color:var(--muted)}.walkthrough-screenshot-placeholder span{font-size:26px;color:#818cf8}.walkthrough-screenshot-placeholder strong{font-size:10px}.walkthrough-screenshot-actions{display:flex;justify-content:flex-end;gap:6px}
.walkthrough-editor-fields{display:grid;gap:4px}.walkthrough-editor-fields label{margin:8px 0 3px;font-size:9px;letter-spacing:.04em}.walkthrough-editor-fields input,.walkthrough-editor-fields textarea,.walkthrough-editor-fields select{padding:8px 9px;border-radius:9px;font-size:10px}.walkthrough-editor-fields textarea{min-height:58px}.walkthrough-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.walkthrough-field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.walkthrough-rect-fields{margin:9px 0 0;padding:8px;border:1px solid var(--line);border-radius:10px}.walkthrough-rect-fields legend{padding:0 5px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.walkthrough-foundation-note{margin:0;color:var(--muted);font-size:8px;line-height:1.45}
@media(max-width:1150px){.walkthrough-field-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.0.913 — Walkthrough Structure uses the same semantic inspector model as Documents */
body.walkthrough-inspector-active .presentation-inspector-body{overflow:auto;padding-bottom:10px}
body.walkthrough-inspector-active .presentation-primary-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
body.walkthrough-inspector-active #walkthroughPanel{margin:0;border:0;border-radius:0;background:transparent;overflow:visible;padding:0 0 10px;gap:7px}
body.walkthrough-inspector-active .walkthrough-panel-head{padding:10px 1px 8px;border:0}
body.walkthrough-inspector-active .walkthrough-panel-head>div{gap:1px}
body.walkthrough-inspector-active .walkthrough-panel-head strong{font-size:12px}
body.walkthrough-inspector-active .walkthrough-panel-head small{font-size:9px}
body.walkthrough-inspector-active .walkthrough-scene-list{display:grid;gap:5px;padding:0 1px 2px}
body.walkthrough-inspector-active .walkthrough-structure-scene{border:1px solid var(--line);border-radius:10px;background:var(--panel2);overflow:hidden;outline:0}
body.walkthrough-inspector-active .walkthrough-structure-scene.is-selected{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}
body.walkthrough-inspector-active .walkthrough-structure-scene .work-structure-section-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;padding:6px 7px;border:0;border-radius:0;background:transparent}
body.walkthrough-inspector-active .walkthrough-scene-select{display:grid;grid-template-columns:14px minmax(0,1fr);gap:5px;align-items:center;width:100%;min-width:0;padding:2px 0;border:0;background:transparent;color:var(--text);text-align:left;box-shadow:none;cursor:pointer}
body.walkthrough-inspector-active .walkthrough-scene-select .work-structure-chevron{font-size:13px;color:var(--muted);transition:transform .14s ease}
body.walkthrough-inspector-active .walkthrough-structure-scene.is-selected .work-structure-chevron{transform:rotate(90deg)}
body.walkthrough-inspector-active .walkthrough-scene-select>span:last-child{display:block;min-width:0}
body.walkthrough-inspector-active .walkthrough-scene-select strong{display:block;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.walkthrough-inspector-active .walkthrough-scene-select small{display:block;margin-top:1px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.walkthrough-inspector-active .walkthrough-scene-actions{display:flex;gap:2px;align-items:center;padding:0}
body.walkthrough-inspector-active .walkthrough-scene-actions .icon-btn{width:20px;height:20px;min-width:20px;padding:0;font-size:9px;border-radius:6px}
body.walkthrough-inspector-active .walkthrough-scene-editor{display:block;margin:5px 1px 0;padding:0;border:0;border-radius:0;background:transparent}
body.walkthrough-inspector-active .walkthrough-scene-settings{border:1px solid var(--line);border-radius:10px;background:var(--panel2);overflow:hidden}
body.walkthrough-inspector-active .walkthrough-scene-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 9px;list-style:none;cursor:pointer}
body.walkthrough-inspector-active .walkthrough-scene-settings>summary::-webkit-details-marker{display:none}
body.walkthrough-inspector-active .walkthrough-scene-settings>summary>span:first-child{display:grid;gap:1px;min-width:0}
body.walkthrough-inspector-active .walkthrough-scene-settings>summary strong{font-size:10px}
body.walkthrough-inspector-active .walkthrough-scene-settings>summary small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.walkthrough-inspector-active .walkthrough-scene-settings-body{display:grid;gap:8px;padding:8px;border-top:1px solid var(--line)}
body.walkthrough-inspector-active .walkthrough-screenshot-box{gap:6px}
body.walkthrough-inspector-active .walkthrough-screenshot-box>img,
body.walkthrough-inspector-active .walkthrough-screenshot-placeholder{max-height:150px;aspect-ratio:16/9;border-radius:8px}
body.walkthrough-inspector-active .walkthrough-screenshot-placeholder span{font-size:22px}
body.walkthrough-inspector-active .walkthrough-editor-fields{gap:3px}
body.walkthrough-inspector-active .walkthrough-editor-fields label{margin:6px 0 2px;font-size:8px}
body.walkthrough-inspector-active .walkthrough-editor-fields input,
body.walkthrough-inspector-active .walkthrough-editor-fields textarea,
body.walkthrough-inspector-active .walkthrough-editor-fields select{padding:7px 8px;border-radius:8px;font-size:9px}
body.walkthrough-inspector-active .walkthrough-editor-fields textarea{min-height:52px}
body.walkthrough-inspector-active .walkthrough-field-grid{gap:5px}
body.walkthrough-inspector-active .walkthrough-rect-fields{margin:7px 0 0;padding:7px;border-radius:8px}
body.right-collapsed.walkthrough-inspector-active .right-panel>.presentation-inspector-panel{display:flex!important;height:100%;padding:0}
body.right-collapsed.walkthrough-inspector-active .presentation-inspector-panel>*:not(.presentation-inspector-head){display:none!important}
body.right-collapsed.walkthrough-inspector-active .presentation-inspector-head{height:100%;padding:0;border:0;align-items:center;justify-content:flex-start}
body.right-collapsed.walkthrough-inspector-active .presentation-inspector-head>div{display:none}
body.right-collapsed.walkthrough-inspector-active .presentation-inspector-head .icon-btn{width:100%;height:42px}
html[data-appearance="light"] body.walkthrough-inspector-active .walkthrough-structure-scene,
html[data-appearance="light"] body.walkthrough-inspector-active .walkthrough-scene-settings{background:#f7fafe;border-color:#d8e3ef}


/* 1.0.914 — Walkthrough authoring usability: upright Scene header, clean View mode, paste controls */
body.walkthrough-inspector-active .walkthrough-scene-settings[open]>summary>span:first-child{transform:none!important}
body.walkthrough-inspector-active .walkthrough-scene-settings[open]>summary>.workspace-context-chevron{transform:rotate(180deg)!important}
body.walkthrough-inspector-active .walkthrough-screenshot-actions{flex-wrap:wrap;justify-content:flex-start}


/* 1.0.916 — Walkthrough scene rail keeps Presentation list/thumbnail parity and owns playback in the rail. */
.presentation-slide-rail.walkthrough-scene-rail.is-thumbnail-mode{flex-basis:250px;width:250px}
.presentation-slide-rail.walkthrough-scene-rail.is-thumbnail-mode .presentation-slide-thumbnail{display:block;grid-column:1/-1;grid-row:1}
.presentation-slide-rail.walkthrough-scene-rail.is-thumbnail-mode .presentation-slide-item-number{grid-column:1;grid-row:2}
.presentation-slide-rail.walkthrough-scene-rail.is-thumbnail-mode .presentation-slide-item-copy{grid-column:2;grid-row:2;align-self:stretch;display:grid;align-content:center;gap:1px;min-height:28px}
.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-item-copy small{display:block;margin-top:1px;font-size:9px;color:#91a4bb}
.presentation-slide-rail.walkthrough-scene-rail .walkthrough-scene-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;background:#0f172a}
.presentation-slide-rail.walkthrough-scene-rail .walkthrough-rail-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:82px;color:#64748b;font-size:28px;background:linear-gradient(145deg,#0b1626,#111f33)}
html[data-appearance="light"] .presentation-slide-rail.walkthrough-scene-rail .presentation-slide-item-copy small{color:#64748b}
html[data-appearance="light"] .presentation-slide-rail.walkthrough-scene-rail .walkthrough-rail-placeholder{color:#94a3b8;background:linear-gradient(145deg,#eef4f8,#fff)}
body.walkthrough-inspector-active:not(.walkthrough-help-mode) #walkthroughSceneList{display:none!important}
body.walkthrough-inspector-active .walkthrough-panel-head{padding-bottom:4px}
body.walkthrough-inspector-active .walkthrough-panel-head #addWalkthroughSceneBtn{display:none!important}

/* 1.0.917 — Walkthrough dedicated player + structured workflow recorder */
.walkthrough-player-modal{z-index:1260}
.walkthrough-player-modal-card{width:min(1180px,94vw);height:min(860px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:0}
.walkthrough-player-head{padding:16px 18px;border-bottom:1px solid var(--line)}
.walkthrough-player-frame-wrap{min-height:0;background:#020617;overflow:hidden}
.walkthrough-player-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#020617}
.walkthrough-player-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--line);background:var(--panel)}
.walkthrough-player-footer>span{min-width:0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.walkthrough-player-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.walkthrough-player-controls button{min-width:96px}
.walkthrough-capture-modal{z-index:1270}
.walkthrough-capture-modal-card{width:min(660px,92vw)}
.walkthrough-capture-intro{display:grid;gap:12px;padding:4px 0 8px}
.walkthrough-capture-choice{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.walkthrough-capture-choice strong{font-size:12px}.walkthrough-capture-choice span{color:var(--muted);font-size:10px;line-height:1.5}
.walkthrough-capture-check{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer}
.walkthrough-capture-check input{margin-top:3px}.walkthrough-capture-check>span{display:grid;gap:2px}.walkthrough-capture-check strong{font-size:11px}.walkthrough-capture-check small{color:var(--muted);font-size:9px;line-height:1.45}
.walkthrough-capture-privacy{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.walkthrough-capture-privacy code{font-size:9px}
.walkthrough-recorder-bar{position:fixed;left:50%;top:18px;z-index:1400;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:min(920px,calc(100vw - 34px));padding:9px 10px 9px 12px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 18px 50px rgba(2,6,23,.28);backdrop-filter:blur(16px)}
.walkthrough-recorder-bar.hidden{display:none}.walkthrough-recorder-bar.is-capture-hidden{opacity:0!important;pointer-events:none!important}
.walkthrough-recorder-state{display:flex;align-items:center;gap:8px;min-width:132px}.walkthrough-recorder-state>span:last-child{display:grid;gap:1px}.walkthrough-recorder-state strong{font-size:10px}.walkthrough-recorder-state small{color:var(--muted);font-size:8px}
.walkthrough-recorder-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.14)}
.walkthrough-recorder-bar.is-paused .walkthrough-recorder-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.14)}
.walkthrough-recorder-note-state{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);font-size:8px;font-weight:800;white-space:nowrap}.walkthrough-recorder-note-state.hidden{display:none}
.walkthrough-recorder-actions{display:flex;align-items:center;gap:6px}.walkthrough-recorder-actions button{padding:7px 10px;font-size:9px;white-space:nowrap}
.presentation-slide-manage-bar #walkthroughRecordBtn{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.presentation-slide-manage-bar #walkthroughRecordBtn span{color:#ef4444}
@media(max-width:760px){.walkthrough-player-footer{align-items:stretch;flex-direction:column}.walkthrough-player-controls{width:100%}.walkthrough-player-controls button{flex:1;min-width:0}.walkthrough-recorder-bar{top:8px;align-items:stretch;flex-direction:column}.walkthrough-recorder-actions{width:100%}.walkthrough-recorder-actions button{flex:1}}

/* 1.0.918 — Walkthrough autosave/external recorder/player isolation uses existing Walkthrough surfaces. */

/* Walkthrough visual scene editor · 1.0.920 */
.walkthrough-visual-editor-modal{z-index:1280}
.walkthrough-visual-editor-card{width:min(1440px,96vw);height:min(930px,94vh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;padding:0}
.walkthrough-visual-editor-head{padding:14px 16px;border-bottom:1px solid var(--line)}
.walkthrough-visual-editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--panel2)}
.walkthrough-visual-editor-toolbar button{padding:7px 9px;font-size:9px}
.walkthrough-visual-editor-toolbar button.active{border-color:color-mix(in srgb,var(--accent) 75%,var(--line));background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--text)}
.walkthrough-visual-toolbar-separator{width:1px;height:24px;background:var(--line);margin:0 3px}
.walkthrough-visual-editor-main{display:grid;grid-template-columns:minmax(0,1fr) 245px;min-height:0}
.walkthrough-visual-stage-wrap{min-width:0;min-height:0;display:grid;place-items:center;padding:18px;background:#020617;overflow:auto}
.walkthrough-visual-stage{position:relative;width:min(100%,1120px);aspect-ratio:16/9;overflow:hidden;background:#0f172a;border:1px solid #26364a;border-radius:12px;box-shadow:0 20px 55px rgba(2,6,23,.36);user-select:none;touch-action:none}
.walkthrough-visual-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#0f172a}
.walkthrough-visual-stage-empty{position:absolute;inset:0;display:grid;place-items:center;color:#94a3b8;font-size:12px}
.walkthrough-visual-item{position:absolute;z-index:20;cursor:move;touch-action:none;color:var(--wt-color,#fff);font-family:var(--wt-font,Inter);font-size:var(--wt-font-size,22px);font-weight:var(--wt-font-weight,700);text-align:var(--wt-text-align,center);opacity:var(--wt-opacity,1)}
.walkthrough-visual-item.is-selected{outline:2px solid #60a5fa;outline-offset:2px}
.walkthrough-visual-item .walkthrough-visual-resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid #fff;border-radius:3px;background:#2563eb;box-shadow:0 2px 7px rgba(0,0,0,.35);cursor:nwse-resize;pointer-events:auto;z-index:6}
.walkthrough-visual-focus{z-index:12;border:2px dashed #60a5fa;background:rgba(37,99,235,.08);box-shadow:0 0 0 1px rgba(15,23,42,.35);cursor:move}
.walkthrough-visual-focus::before{content:'ZOOM';position:absolute;left:5px;top:5px;padding:3px 5px;border-radius:5px;background:#2563eb;color:white;font-size:8px;font-weight:900;letter-spacing:.06em}
.walkthrough-visual-highlight,.walkthrough-visual-spotlight{display:grid;place-items:center;border:var(--wt-border-width,4px) solid var(--wt-border,#fbbf24);border-radius:var(--wt-radius,12px);background:var(--wt-bg,transparent)}
.walkthrough-visual-highlight{box-shadow:0 0 0 2px rgba(15,23,42,.5),0 7px 22px rgba(0,0,0,.2)}

.walkthrough-visual-blur{z-index:10}
.walkthrough-visual-highlight,.walkthrough-visual-spotlight{z-index:20}
.walkthrough-visual-arrow,.walkthrough-visual-bounce-arrow,.walkthrough-visual-click{z-index:30}
.walkthrough-visual-text{z-index:40}

.walkthrough-visual-spotlight{box-shadow:0 0 0 9999px rgba(2,6,23,.54)}
.walkthrough-visual-arrow,.walkthrough-visual-bounce-arrow{display:grid;place-items:center;overflow:visible;color:var(--wt-color,#fbbf24)}
.walkthrough-visual-arrow>svg,.walkthrough-visual-bounce-arrow>svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px rgba(0,0,0,.55));transform:rotate(var(--wt-arrow-rotation,-18deg));transform-origin:center;pointer-events:none}
.walkthrough-visual-bounce-arrow>svg{animation:walkthroughEditorBounce .9s ease-in-out infinite}
.walkthrough-visual-click{display:grid;place-items:center;color:var(--wt-color,#fff)}
.walkthrough-visual-click>svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:7;pointer-events:none}.walkthrough-visual-click>svg .pulse{opacity:.38;stroke-width:6}.walkthrough-visual-click>svg .pulse2{opacity:.17;stroke-width:5}
.walkthrough-visual-overlay-copy{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:clamp(4px,1vw,14px);overflow:hidden;white-space:pre-wrap;line-height:1.15;text-align:inherit;color:var(--wt-color,#fff);text-shadow:0 2px 6px rgba(0,0,0,.48);pointer-events:none}
.walkthrough-visual-text{display:flex;align-items:center;justify-content:center;border-radius:var(--wt-radius,12px);background:transparent}
.walkthrough-visual-text.has-text-box{background:transparent;box-shadow:0 5px 22px rgba(0,0,0,.28)}.walkthrough-visual-text.has-text-box::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--wt-backdrop-color,#0f172a);opacity:var(--wt-backdrop-opacity,.75);pointer-events:none}.walkthrough-visual-text.has-text-box .walkthrough-visual-overlay-copy,.walkthrough-visual-text.has-text-box .walkthrough-visual-resize{position:relative;z-index:1}
.walkthrough-text-focus-mask{position:absolute;z-index:35;pointer-events:none}
.walkthrough-text-focus-dim{background:rgba(2,6,23,var(--wt-backdrop-opacity,.75))}
.walkthrough-text-focus-blur{backdrop-filter:blur(12px);background:rgba(2,6,23,var(--wt-backdrop-dim-alpha,.21))}
.walkthrough-visual-blur{border-radius:var(--wt-radius,10px);backdrop-filter:blur(12px);background:rgba(15,23,42,.2);border:1px solid rgba(255,255,255,.2)}
.walkthrough-visual-properties{display:grid;align-content:start;gap:10px;padding:14px;border-left:1px solid var(--line);background:var(--panel);overflow:auto}
.walkthrough-visual-properties>div:first-child{display:grid;gap:3px}.walkthrough-visual-properties strong{font-size:11px}.walkthrough-visual-properties small,.walkthrough-visual-properties .hint{font-size:9px;line-height:1.45;color:var(--muted)}
.walkthrough-visual-properties label{display:grid;gap:4px;margin:0;font-size:9px}.walkthrough-visual-properties input{padding:8px 9px;border-radius:8px;font-size:10px}
.walkthrough-visual-selection-props{display:grid;gap:8px;padding-top:9px;border-top:1px solid var(--line)}.walkthrough-visual-selection-props.hidden{display:none}
.walkthrough-visual-editor-actions{padding:10px 14px;border-top:1px solid var(--line);background:var(--panel)}
@keyframes walkthroughEditorBounce{0%,100%{translate:0 0}50%{translate:0 -9px}}
body.walkthrough-inspector-active .walkthrough-screenshot-box .walkthrough-visual-edit-launch{width:100%;justify-content:center}
body.walkthrough-inspector-active .walkthrough-visual-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
body.walkthrough-inspector-active .walkthrough-visual-summary span{font-size:8px;color:var(--muted)}
@media(max-width:900px){.walkthrough-visual-editor-main{grid-template-columns:1fr}.walkthrough-visual-properties{border-left:0;border-top:1px solid var(--line);max-height:230px}.walkthrough-visual-editor-card{height:96vh}.walkthrough-visual-stage-wrap{padding:8px}}

/* Walkthrough workspace isolation + global project pagination resilience · 1.0.921 */
#projectTree .tree-load-more{display:block;width:100%;margin:8px 0 2px;padding:8px 10px;border:1px dashed var(--line,#334155);border-radius:9px;background:transparent;color:var(--muted,#94a3b8);text-align:center;cursor:pointer;font:inherit}
#projectTree .tree-load-more:hover{border-color:var(--accent,#60a5fa);color:var(--text,#e5edf7);background:color-mix(in srgb,var(--accent,#60a5fa) 7%,transparent)}

.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-rail-head{padding-left:14px;padding-right:10px}
.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-rail-actions{gap:6px;margin-left:auto}
.presentation-slide-rail.walkthrough-scene-rail #walkthroughRecordBtn{display:inline-grid;place-items:center;color:#ef4444}
.presentation-slide-rail.walkthrough-scene-rail #walkthroughRecordBtn span{font-size:13px;line-height:1}
.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-manage-bar{grid-template-columns:repeat(3,34px);justify-content:start;gap:6px;padding:8px 10px 8px 14px}
.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-manage-bar button{width:34px;height:32px;min-width:34px;padding:0;display:grid;place-items:center;font-size:0}
.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-manage-bar button span{font-size:16px;line-height:1}
.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-list{padding-left:8px;padding-right:8px}
.presentation-slide-rail.walkthrough-scene-rail .presentation-slide-item{margin-left:0;margin-right:0}

#previewFrame.walkthrough-preview-hidden{display:none!important}
.walkthrough-stage-editor{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg,#07111f);z-index:2;min-width:0;min-height:0}
.walkthrough-stage-editor.hidden{display:none!important}
.walkthrough-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 10px;border-bottom:1px solid var(--line,#26364a);background:var(--panel,#0d1727);box-shadow:0 8px 22px rgba(2,6,23,.12);z-index:3}
.walkthrough-stage-toolbar-main{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}
.walkthrough-stage-toolbar-main button{min-width:max-content;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:800}
.walkthrough-stage-toolbar-main button.active{border-color:#38bdf8;background:color-mix(in srgb,#0ea5e9 24%,var(--panel,#0d1727));color:#e0f2fe}
.walkthrough-stage-toolbar-separator{width:1px;height:22px;background:var(--line,#334155);flex:0 0 1px;margin:0 2px}
.walkthrough-stage-toolbar-timing{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.walkthrough-stage-toolbar-timing label{display:flex;align-items:center;gap:4px;color:var(--muted,#94a3b8);font-size:9px;font-weight:800;white-space:nowrap}
.walkthrough-stage-toolbar-timing input{width:56px;min-width:56px;padding:6px 5px;border-radius:7px;text-align:center;font-size:10px}
.walkthrough-stage-toolbar-timing span{font-size:9px;color:var(--muted,#94a3b8)}
.walkthrough-stage-workarea{min-width:0;min-height:0;display:grid;place-items:center;padding:18px;overflow:auto;background:#020617}
.walkthrough-stage-workarea .walkthrough-visual-stage{width:min(100%,1280px);max-height:100%;aspect-ratio:16/9;border-radius:10px}
.walkthrough-stage-workarea .walkthrough-visual-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.walkthrough-visual-crop{border:2px dashed #22d3ee;background:rgba(34,211,238,.04);box-shadow:0 0 0 9999px rgba(2,6,23,.42);z-index:8}
.walkthrough-visual-crop>span,.walkthrough-visual-focus>span{position:absolute;left:5px;top:5px;padding:3px 6px;border-radius:5px;background:rgba(2,6,23,.82);color:#fff;font-size:9px;font-weight:900;pointer-events:none}
.walkthrough-visual-crop.is-active-tool{border-style:solid;border-color:#67e8f9;box-shadow:0 0 0 9999px rgba(2,6,23,.52),0 0 0 2px rgba(103,232,249,.25)}
.walkthrough-visual-focus.is-active-tool{border-color:#818cf8;box-shadow:0 0 0 2px rgba(129,140,248,.22)}
.walkthrough-visual-summary{display:grid;gap:3px}
.walkthrough-visual-summary small{font-size:9px;line-height:1.35;color:var(--muted,#94a3b8)}

@media(max-width:1050px){.walkthrough-stage-toolbar{align-items:flex-start;flex-direction:column}.walkthrough-stage-toolbar-timing{width:100%;justify-content:flex-end}.walkthrough-stage-workarea{padding:10px}}

/* Walkthrough visual timing + expanded editor · 1.0.922 */
.walkthrough-stage-editor{grid-template-rows:auto auto minmax(0,1fr)}
.walkthrough-stage-workarea{display:flex;align-items:center;justify-content:center;padding:4px;overflow:auto}
.walkthrough-stage-workarea .walkthrough-visual-stage{width:100%;max-width:none;max-height:none;border-radius:8px;flex:0 0 auto}
.walkthrough-stage-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-bottom:1px solid var(--line,#26364a);background:color-mix(in srgb,var(--panel,#0d1727) 92%,var(--accent,#60a5fa) 8%);min-width:0}
.walkthrough-stage-selection-bar.hidden{display:none!important}
.walkthrough-stage-selection-copy{display:grid;gap:2px;min-width:max-content}
.walkthrough-stage-selection-copy strong{font-size:10px;color:var(--text,#e5edf7)}
.walkthrough-stage-selection-copy small{font-size:8.5px;line-height:1.35;color:var(--muted,#94a3b8)}
.walkthrough-stage-selection-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.walkthrough-stage-selection-controls label{display:flex;align-items:center;gap:4px;margin:0;font-size:8.5px;font-weight:800;color:var(--muted,#94a3b8);white-space:nowrap}
.walkthrough-stage-selection-controls input{width:58px;min-width:58px;padding:6px 6px;border-radius:7px;font-size:9.5px}
.walkthrough-stage-selection-controls .walkthrough-stage-label-control input{width:128px}
.walkthrough-stage-selection-controls span{font-size:8px;color:var(--muted,#94a3b8)}
.walkthrough-stage-selection-controls em{font-style:normal;font-weight:600;font-size:7.5px;color:var(--muted,#94a3b8)}
.walkthrough-scene-visual-hint{margin:0;padding:7px 8px;border:1px solid var(--line,#26364a);border-radius:8px;background:var(--panel2,#111d2f);font-size:8.5px;line-height:1.4;color:var(--muted,#94a3b8)}
.walkthrough-field-unit{display:block;margin-top:2px;font-size:7.5px;color:var(--muted,#94a3b8)}
.walkthrough-player-frame-wrap iframe{background:#020617}
@media(max-width:1180px){.walkthrough-stage-selection-bar{align-items:flex-start;flex-direction:column}.walkthrough-stage-selection-controls{justify-content:flex-start;width:100%}}

/* Walkthrough rich visual controls · 1.0.923 */
.walkthrough-stage-selection-controls button{padding:6px 9px;font-size:8.5px;white-space:nowrap}
.walkthrough-text-style-modal,.walkthrough-style-modal{z-index:1290}
.walkthrough-text-style-card{width:min(760px,94vw);max-height:90vh;overflow:auto;padding:0}.walkthrough-style-card{width:min(680px,94vw);max-height:90vh;overflow:auto;padding:0}
.walkthrough-text-style-body,.walkthrough-style-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.walkthrough-text-style-body label,.walkthrough-style-body label{display:grid;gap:5px;margin:0;font-size:9px;color:var(--muted)}.walkthrough-text-style-body input,.walkthrough-text-style-body select,.walkthrough-text-style-body textarea,.walkthrough-style-body input,.walkthrough-style-body select{width:100%}.walkthrough-text-style-wide{grid-column:1/-1}
.walkthrough-style-body input[type=color],.walkthrough-text-style-body input[type=color]{height:38px;padding:3px}
@media(max-width:640px){.walkthrough-text-style-body,.walkthrough-style-body{grid-template-columns:1fr}.walkthrough-text-style-wide{grid-column:auto}}


/* Walkthrough inline text editing · 1.0.924 */
.walkthrough-inline-text-toolbar{position:fixed;z-index:2300;display:flex;align-items:center;gap:5px;max-width:min(760px,calc(100vw - 16px));padding:6px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:rgba(15,23,42,.97);color:#eef4fb;box-shadow:0 14px 34px rgba(2,6,23,.34);overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin}
.walkthrough-inline-text-toolbar button,.walkthrough-inline-text-toolbar select,.walkthrough-inline-text-toolbar input[type="color"]{height:30px;min-width:30px;border:1px solid rgba(148,163,184,.28);border-radius:7px;background:#182437;color:#eef4fb;font-size:10px;font-weight:800;box-shadow:none}
.walkthrough-inline-text-toolbar button{padding:0 8px;cursor:pointer}.walkthrough-inline-text-toolbar select{padding:0 22px 0 7px}.walkthrough-inline-text-toolbar input[type="color"]{width:30px;padding:3px;cursor:pointer}
.walkthrough-inline-text-toolbar button:hover,.walkthrough-inline-text-toolbar select:hover,.walkthrough-inline-text-toolbar input[type="color"]:hover{border-color:#60a5fa;background:#1f3047}.walkthrough-inline-text-toolbar button.is-active{background:#2563eb;border-color:#3b82f6;color:#fff}
.walkthrough-visual-item.is-inline-editing{outline:2px solid #60a5fa!important;outline-offset:2px}.walkthrough-visual-item.is-inline-editing .walkthrough-visual-overlay-copy{cursor:text;user-select:text;outline:0}
html[data-appearance="light"] .walkthrough-inline-text-toolbar{background:rgba(255,255,255,.98);color:#172033;border-color:#d7e1ec;box-shadow:0 12px 30px rgba(15,23,42,.15)}
html[data-appearance="light"] .walkthrough-inline-text-toolbar button,html[data-appearance="light"] .walkthrough-inline-text-toolbar select,html[data-appearance="light"] .walkthrough-inline-text-toolbar input[type="color"]{background:#f7fafe;color:#172033;border-color:#d8e3ef}
html[data-appearance="light"] .walkthrough-inline-text-toolbar button:hover,html[data-appearance="light"] .walkthrough-inline-text-toolbar select:hover,html[data-appearance="light"] .walkthrough-inline-text-toolbar input[type="color"]:hover{background:#eef6ff;border-color:#60a5fa}

/* Walkthrough compact text styling + stable canvas selection · 1.0.926 */
.walkthrough-stage-selection-bar.has-text-style{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center}
.walkthrough-stage-selection-bar.has-text-style .walkthrough-stage-selection-controls{min-width:0}
.walkthrough-stage-style-toggle{min-width:62px}
.walkthrough-stage-text-style{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;padding:8px 0 1px;border-top:1px solid color-mix(in srgb,var(--line,#26364a) 78%,transparent)}
.walkthrough-stage-text-style.hidden{display:none!important}
.walkthrough-stage-text-style label{display:flex;align-items:center;gap:5px;margin:0;font-size:8.5px;font-weight:800;color:var(--muted,#94a3b8);white-space:nowrap}
.walkthrough-stage-text-style select{height:30px;min-width:116px;padding:4px 24px 4px 7px;border-radius:7px;font-size:9px}
.walkthrough-stage-text-style label:nth-child(2) select{min-width:72px}
.walkthrough-stage-text-style label:nth-child(4) select{min-width:116px}.walkthrough-stage-text-style label:nth-child(5) select{min-width:84px}
.walkthrough-stage-text-style-buttons{display:flex;align-items:center;gap:4px}
.walkthrough-stage-text-style-buttons button{width:30px;height:30px;padding:0;border:1px solid var(--line,#26364a);border-radius:7px;background:var(--panel2,#111d2f);color:var(--text,#e5edf7);font-size:9px;font-weight:900}
.walkthrough-stage-text-style-buttons button.is-active{background:var(--accent,#2563eb);border-color:var(--accent,#2563eb);color:#fff}
.walkthrough-stage-text-colour input[type="color"]{width:32px!important;min-width:32px!important;height:30px;padding:2px;border-radius:7px;cursor:pointer}
@media(max-width:1180px){.walkthrough-stage-selection-bar.has-text-style{grid-template-columns:1fr}.walkthrough-stage-text-style{grid-column:1}.walkthrough-stage-text-style select{min-width:105px}}

/* Walkthrough standard Styles surface + persistent Text style controls · 1.0.927 */
.visual-styles-panel.walkthrough-mode .visual-styles-body{background:var(--panel,#0d1727)}
.visual-styles-panel.walkthrough-mode .visual-styles-scroll{padding-bottom:18px}
.walkthrough-project-styles .style-map-intro{margin-bottom:10px}
.walkthrough-project-style-list{display:grid;gap:0}
.walkthrough-project-style-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,160px);align-items:center;gap:14px;padding:11px 12px;border-top:1px solid color-mix(in srgb,var(--line,#26364a) 76%,transparent);margin:0}
.walkthrough-project-style-row:first-child{border-top:0}
.walkthrough-project-style-row>span{display:grid;gap:2px;min-width:0}
.walkthrough-project-style-row strong{font-size:9.5px;color:var(--text,#e5edf7)}
.walkthrough-project-style-row small{font-size:8px;line-height:1.35;color:var(--muted,#94a3b8)}
.walkthrough-project-style-row select{width:100%;min-width:0;height:32px;padding:4px 26px 4px 8px;font-size:9px}
.walkthrough-project-style-row input[type="color"]{justify-self:end;width:52px;height:32px;padding:3px;border-radius:8px;cursor:pointer}
@media(max-width:760px){.walkthrough-project-style-row{grid-template-columns:1fr}.walkthrough-project-style-row input[type="color"]{justify-self:start}}

/* Walkthrough Help Page + interactive HTML workspace · 1.0.937 */
.walkthrough-workspace-mode-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line,#26364a);border-radius:9px;background:var(--panel2,#111d2f);flex:0 0 auto}
.walkthrough-workspace-mode-switch button{min-width:max-content;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:var(--muted,#94a3b8);font-size:9.5px;font-weight:850;cursor:pointer}
.walkthrough-workspace-mode-switch button.active{background:var(--accent,#2563eb);color:#fff}
.walkthrough-stage-toolbar>.walkthrough-workspace-mode-switch{margin-right:2px}
.walkthrough-help-editor{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg,#07111f);z-index:2;min-width:0;min-height:0}
.walkthrough-help-editor.hidden{display:none!important}
.walkthrough-help-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line,#26364a);background:var(--panel,#0d1727);box-shadow:0 8px 22px rgba(2,6,23,.12);z-index:3}
.walkthrough-help-toolbar>small{font-size:9px;color:var(--muted,#94a3b8);white-space:nowrap}
.walkthrough-help-workarea{min-width:0;min-height:0;overflow:auto;padding:18px;background:#e9eef5}
.walkthrough-help-page-canvas{width:min(980px,100%);min-height:100%;margin:0 auto;padding:clamp(22px,4vw,48px);border:1px solid #d4dde8;border-radius:14px;background:#fff;color:#172033;box-shadow:0 18px 50px rgba(15,23,42,.13)}
.walkthrough-help-page-head{display:grid;gap:10px;margin-bottom:24px}
.walkthrough-help-page-title,.walkthrough-help-page-intro,.walkthrough-help-section-title,.walkthrough-help-section-body{width:100%;border:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;outline-offset:4px;resize:none}
.walkthrough-help-page-title{padding:0!important;font-size:clamp(28px,4.2vw,48px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.walkthrough-help-page-title::placeholder{color:#9aa8b8}
.walkthrough-help-page-intro{min-height:74px;padding:0!important;font-size:17px;line-height:1.55;color:#526175}
.walkthrough-help-player-block{margin:24px 0 30px;border:1px solid #d8e0ea;border-radius:14px;overflow:hidden;background:#020617}
.walkthrough-help-player-block iframe{display:block;width:100%;min-height:260px;aspect-ratio:16/9;border:0;background:#020617}
.walkthrough-help-sections{display:grid;gap:0}
.walkthrough-help-section{position:relative;padding:22px 0;border-top:1px solid #dde4ec}
.walkthrough-help-section-title{padding:0 42px 0 0!important;font-size:21px;line-height:1.25;font-weight:750}
.walkthrough-help-section-body{min-height:92px;margin-top:9px;padding:0!important;font-size:15.5px!important;line-height:1.65!important;color:#35455a!important}
.walkthrough-help-section-remove{position:absolute;right:0;top:18px;width:30px;height:30px;padding:0!important;border-radius:8px!important;font-size:15px!important}
.walkthrough-help-add-section{margin-top:18px}
.walkthrough-help-empty-note{margin:0 0 20px;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:9px;color:#64748b;background:#f8fafc;font-size:11px}
body.walkthrough-help-mode .presentation-slide-rail.walkthrough-scene-rail{display:none!important}
@media(max-width:760px){.walkthrough-stage-toolbar{gap:6px}.walkthrough-stage-toolbar>.walkthrough-workspace-mode-switch{width:100%;justify-content:flex-start}.walkthrough-help-workarea{padding:8px}.walkthrough-help-page-canvas{padding:22px 18px;border-radius:10px}.walkthrough-help-player-block iframe{min-height:190px}}

/* Walkthrough contextual Help Page structure + reusable players · 1.0.938 */
.walkthrough-help-add-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.walkthrough-help-player-card{width:100%;margin:22px 0 28px;scroll-margin-top:20px}
.walkthrough-help-player-card.walkthrough-help-player-small{width:min(520px,100%)}
.walkthrough-help-player-card.walkthrough-help-player-medium{width:min(760px,100%)}
.walkthrough-help-player-card.walkthrough-help-player-full{width:100%}
.walkthrough-help-player-card-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:7px;padding:8px;border:1px solid #d8e0ea;border-radius:10px;background:#f8fafc;color:#334155}
.walkthrough-help-player-card-toolbar label{display:grid;gap:3px;min-width:120px;font-size:9px;font-weight:800;color:#64748b}
.walkthrough-help-player-card-toolbar label:first-child{flex:1 1 210px}
.walkthrough-help-player-card-toolbar select{height:31px;min-width:0;padding:4px 26px 4px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#172033;font-size:11px}
.walkthrough-help-player-card-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.walkthrough-help-player-card-actions .icon-btn{width:31px;height:31px;min-width:31px;padding:0}
.walkthrough-help-player-card .walkthrough-help-player-block{position:relative;margin:0;border-radius:12px}
.walkthrough-help-player-maximise{position:absolute;right:10px;top:10px;z-index:5;width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(15,23,42,.84);color:#fff;font-size:17px;font-weight:800;cursor:pointer}
.walkthrough-help-player-card.is-maximised{position:fixed;inset:18px;z-index:1500;width:auto!important;max-width:none!important;margin:0;padding:44px 12px 12px;border-radius:14px;background:#020617;box-shadow:0 30px 90px rgba(2,6,23,.55)}
.walkthrough-help-player-card.is-maximised .walkthrough-help-player-card-toolbar{display:none}
.walkthrough-help-player-card.is-maximised .walkthrough-help-player-block{height:100%;border:0;border-radius:10px}
.walkthrough-help-player-card.is-maximised .walkthrough-help-player-block iframe{height:100%;min-height:0;aspect-ratio:auto}
.walkthrough-help-player-card.is-maximised .walkthrough-help-player-maximise{top:-36px;right:0;font-size:0}
.walkthrough-help-player-card.is-maximised .walkthrough-help-player-maximise::after{content:'×';font-size:22px}
body.walkthrough-help-player-maximised{overflow:hidden}
.walkthrough-help-structure-root,.walkthrough-help-structure-section{border-bottom:1px solid var(--line,#26364a)}
.walkthrough-help-structure-section-button,.walkthrough-help-structure-block{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.walkthrough-help-structure-section-button{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:center;padding:9px 10px}
.walkthrough-help-structure-section-button:hover,.walkthrough-help-structure-section-button.is-selected,.walkthrough-help-structure-section.is-selected>.walkthrough-help-structure-section-button{background:color-mix(in srgb,var(--accent,#2563eb) 12%,transparent)}
.walkthrough-help-structure-section-button span:last-child{display:grid;gap:1px;min-width:0}
.walkthrough-help-structure-section-button strong,.walkthrough-help-structure-block strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.walkthrough-help-structure-section-button small,.walkthrough-help-structure-block small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--muted,#94a3b8)}
.walkthrough-help-structure-children{padding:0 6px 7px 29px}
.walkthrough-help-structure-block{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;align-items:center;padding:6px 7px;border-radius:7px;color:var(--muted,#94a3b8)}
.walkthrough-help-structure-block>span:last-child{display:grid;gap:1px;min-width:0}
.walkthrough-help-structure-block:hover,.walkthrough-help-structure-block.is-selected{background:color-mix(in srgb,var(--accent,#2563eb) 12%,transparent);color:inherit}
html[data-appearance="light"] .walkthrough-help-player-card-toolbar{background:#f8fafc;border-color:#d8e0ea;color:#334155}
@media(max-width:760px){.walkthrough-help-player-card-toolbar{align-items:stretch}.walkthrough-help-player-card-toolbar label{flex:1 1 100%;min-width:100%}.walkthrough-help-player-card-actions{margin-left:0}.walkthrough-help-player-card.is-maximised{inset:8px}.walkthrough-help-player-card.walkthrough-help-player-small,.walkthrough-help-player-card.walkthrough-help-player-medium{width:100%}}

/* v1.0.939 Walkthrough Help Page structure detail */
.walkthrough-help-structure-section-button span:last-child{min-width:0}
.walkthrough-help-structure-section-button em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:9px;color:var(--muted,#94a3b8);opacity:.78}
.walkthrough-help-structure-page .walkthrough-help-structure-section-button strong{font-size:12px}

.walkthrough-help-structure-actions{padding:9px 8px 4px}.walkthrough-help-structure-actions button{width:100%}

/* v1.0.940 Walkthrough collection selector */
.walkthrough-selector-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 10px 8px 14px;border-top:1px solid rgba(148,163,184,.14);border-bottom:1px solid rgba(148,163,184,.14)}
.walkthrough-selector-bar.hidden{display:none!important}
.walkthrough-selector-bar select{min-width:0;width:100%;height:32px;padding:0 8px;border-radius:8px}
.walkthrough-selector-actions{display:flex;align-items:center;gap:4px}
.walkthrough-selector-actions .icon-btn{width:30px;height:30px;min-width:30px}
html[data-appearance="light"] .walkthrough-selector-bar{border-color:rgba(100,116,139,.18)}
.walkthrough-help-structure-actions{display:grid;gap:6px;padding:9px 8px 4px}
.walkthrough-help-structure-actions button{width:100%}

/* v1.0.941 Walkthrough navigation + Document-style Help Page */
.walkthrough-selector-bar{grid-template-columns:72px minmax(0,1fr);padding-left:14px}
.walkthrough-selector-bar select{width:72px;font-weight:800;letter-spacing:.02em}
.walkthrough-selector-actions{justify-content:flex-start}
.walkthrough-help-page-intro{min-height:52px;overflow:hidden}
.walkthrough-help-page-blocks,.walkthrough-help-section-blocks{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.walkthrough-help-section.walkthrough-help-layout-two-column .walkthrough-help-section-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}
.walkthrough-help-section.walkthrough-help-layout-two-column .help-lane-left{grid-column:1}
.walkthrough-help-section.walkthrough-help-layout-two-column .help-lane-right{grid-column:2}
.walkthrough-help-section.walkthrough-help-layout-two-column .help-lane-full{grid-column:1/-1}
.walkthrough-help-content-block{position:relative;min-width:0;scroll-margin-top:18px}
.walkthrough-help-content-block.is-selected,.walkthrough-help-section.is-selected{outline:2px solid rgba(47,111,237,.38);outline-offset:5px;border-radius:8px}
.walkthrough-help-text-block textarea{display:block;width:100%;min-height:52px;padding:0!important;border:0!important;background:transparent!important;color:inherit;line-height:1.65;resize:none;overflow:hidden;box-shadow:none!important;outline-offset:4px;white-space:pre-wrap}
.walkthrough-help-image-block{margin:0;display:grid;gap:7px}
.walkthrough-help-image-block img{display:block;width:100%;max-height:620px;object-fit:contain;border:1px solid #d8e0ea;border-radius:12px;background:#f8fafc}
.walkthrough-help-image-block figcaption{font-size:12px;color:#64748b}
.walkthrough-help-image-placeholder{display:grid;place-items:center;min-height:180px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-size:12px}
.walkthrough-help-structure-add{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding-top:7px}
.walkthrough-help-structure-add .small{padding:5px 7px;font-size:9px}
.walkthrough-help-page-settings{display:grid;gap:7px;padding:10px}.walkthrough-help-page-settings small{color:var(--muted,#94a3b8);line-height:1.45}
.walkthrough-help-structure-page .work-structure-section-select em,.walkthrough-panel .work-structure-section-select em{display:block;margin-top:2px;font-style:normal;font-size:8px;color:var(--muted,#94a3b8);opacity:.76}
@media(max-width:760px){.walkthrough-help-section.walkthrough-help-layout-two-column .walkthrough-help-section-blocks{grid-template-columns:minmax(0,1fr)}.walkthrough-help-section.walkthrough-help-layout-two-column .help-lane-left,.walkthrough-help-section.walkthrough-help-layout-two-column .help-lane-right,.walkthrough-help-section.walkthrough-help-layout-two-column .help-lane-full{grid-column:1}}

/* v1.0.942 — Help Page Document-style direct editing */
.walkthrough-selector-bar select{font-size:9px!important;line-height:1!important}
.walkthrough-help-structure-add{position:relative;display:block;padding-top:7px}
.walkthrough-help-add-block-trigger{width:100%;text-align:left}
.walkthrough-help-block-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:25;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px;border:1px solid var(--line,#26364a);border-radius:9px;background:var(--panel,#0f1e31);box-shadow:0 14px 32px rgba(2,6,23,.28)}
.walkthrough-help-block-menu.hidden{display:none!important}
.walkthrough-help-block-menu button{min-width:0;padding:7px 8px;border:1px solid var(--line,#26364a);border-radius:7px;background:var(--panel2,#132942);color:var(--text,#e8f1fb);font-size:9px;text-align:left;cursor:pointer}
.walkthrough-help-block-menu button:hover{border-color:color-mix(in srgb,var(--accent,#2f6fed) 60%,var(--line,#26364a));background:color-mix(in srgb,var(--accent,#2f6fed) 12%,var(--panel2,#132942))}
.walkthrough-help-edit-hint{margin:0;color:var(--muted,#94a3b8);font-size:9px;line-height:1.45}
.walkthrough-help-editable-text{min-height:1.2em;white-space:pre-wrap;outline:0;cursor:text}
.walkthrough-help-editable-text.is-inline-editing{outline:2px solid color-mix(in srgb,var(--accent,#2f6fed) 68%,transparent);outline-offset:4px;border-radius:4px}
.walkthrough-help-edit-placeholder{color:#94a3b8;font-style:italic;font-weight:400}
.walkthrough-help-inline-toolbar{position:fixed;z-index:1800;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 16px);padding:5px 6px;border:1px solid var(--line,#334155);border-radius:9px;background:var(--panel,#0f1e31);color:var(--text,#e8f1fb);box-shadow:0 14px 34px rgba(2,6,23,.34)}
.walkthrough-help-inline-toolbar .walkthrough-help-toolbar-badge{padding:0 5px;color:var(--muted,#94a3b8);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.walkthrough-help-inline-toolbar select,.walkthrough-help-inline-toolbar button,.walkthrough-help-inline-toolbar input[type="color"]{height:29px;border:1px solid var(--line,#334155);border-radius:6px;background:var(--panel2,#132942);color:var(--text,#e8f1fb);font-size:10px}
.walkthrough-help-inline-toolbar select{max-width:132px;padding:3px 24px 3px 6px}
.walkthrough-help-inline-toolbar button{min-width:29px;padding:0 7px;cursor:pointer}
.walkthrough-help-inline-toolbar button.is-active{border-color:var(--accent,#2f6fed);background:color-mix(in srgb,var(--accent,#2f6fed) 18%,var(--panel2,#132942))}
.walkthrough-help-inline-toolbar input[type="color"]{width:31px;padding:3px;cursor:pointer}
.walkthrough-help-callout{padding:15px 17px;border:1px solid #d8e0ea;border-left:4px solid #2f6fed;border-radius:12px;background:#f8fafc}
.walkthrough-help-callout-success{border-left-color:#16a34a}.walkthrough-help-callout-warning{border-left-color:#d97706}.walkthrough-help-callout-risk{border-left-color:#dc2626}
.walkthrough-help-list-block{padding:2px 0}.walkthrough-help-list-block ul{margin:8px 0 0;padding-left:1.4em}.walkthrough-help-list-block li{margin:5px 0}
.walkthrough-help-table-scroll{overflow:auto;border:1px solid #d8e0ea;border-radius:10px}.walkthrough-help-table-block table{width:100%;border-collapse:collapse;background:#fff}.walkthrough-help-table-block th,.walkthrough-help-table-block td{padding:9px 10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.walkthrough-help-table-block th{background:#f8fafc}.walkthrough-help-table-block tr:last-child td{border-bottom:0}
html[data-appearance="light"] .walkthrough-help-block-menu{background:#fff;border-color:#d8e0ea}html[data-appearance="light"] .walkthrough-help-block-menu button{background:#f8fafc;color:#172033;border-color:#d8e0ea}
html[data-appearance="light"] .walkthrough-help-inline-toolbar{background:#fff;color:#172033;border-color:#cbd5e1}html[data-appearance="light"] .walkthrough-help-inline-toolbar select,html[data-appearance="light"] .walkthrough-help-inline-toolbar button{background:#f8fafc;color:#172033;border-color:#cbd5e1}
@media(max-width:760px){.walkthrough-help-inline-toolbar{overflow-x:auto}.walkthrough-help-inline-toolbar .walkthrough-help-toolbar-badge{display:none}.walkthrough-help-block-menu{grid-template-columns:1fr}}

/* v1.0.943 — Help document editor + hierarchical Help structure */
.walkthrough-help-document-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-12px -12px 28px;padding:9px 10px;border:1px solid #dbe3ed;border-radius:10px;background:#f7f9fc;color:#334155}
.walkthrough-help-document-toolbar label{display:flex;align-items:center;gap:7px;margin:0;font-size:10px;font-weight:800;color:#64748b}
.walkthrough-help-document-toolbar select{min-width:220px;height:32px;padding:4px 28px 4px 9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#172033;font-size:11px;font-weight:700}
.walkthrough-help-document-toolbar .small{height:32px}
.walkthrough-help-page-eyebrow{display:block;margin:0 0 1px;color:#8290a4;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.walkthrough-help-page-head{padding-bottom:10px;margin-bottom:4px}
.walkthrough-help-page-intro{max-width:820px!important;min-height:42px!important;font-size:16.5px;line-height:1.55}
.walkthrough-help-document-add-section{display:flex;justify-content:center;align-items:center;min-height:42px;margin:4px 0 8px;position:relative}
.walkthrough-help-document-add-section::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #d8e0e9}
.walkthrough-help-document-add-section button{position:relative;z-index:1;padding:7px 12px!important;border-color:#cbd5e1!important;background:#fff!important;color:#526175!important;font-size:10px!important;box-shadow:0 0 0 6px #fff}
.walkthrough-help-document-add-section button:hover{border-color:#6ea0f4!important;color:#245fca!important;background:#f7fbff!important}
.walkthrough-help-document-add-section.is-footer{margin-top:14px}
.walkthrough-help-sections{display:grid;gap:16px}
.walkthrough-help-section{padding:17px 18px 15px;border:1px solid #dfe6ee;border-radius:12px;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02);scroll-margin-top:18px}
.walkthrough-help-section:hover{border-color:#c9d5e3}
.walkthrough-help-section.is-selected{outline:2px solid rgba(47,111,237,.28);outline-offset:2px;border-color:#9bbcf6}
.walkthrough-help-section-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #edf1f5}
.walkthrough-help-section-title{flex:1 1 auto;min-width:120px;padding:2px 0!important;font-size:20px;font-weight:760;line-height:1.25}
.walkthrough-help-section-title:focus{outline:2px solid rgba(47,111,237,.28)!important;border-radius:4px}
.walkthrough-help-section-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.walkthrough-help-section-tools label,.walkthrough-help-canvas-tools label{display:flex;align-items:center;gap:4px;margin:0;color:#6b7b90;font-size:9px;font-weight:800;white-space:nowrap}
.walkthrough-help-section-tools select,.walkthrough-help-canvas-tools select{height:28px;padding:3px 23px 3px 6px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-size:9px}
.walkthrough-help-section-tools .icon-btn,.walkthrough-help-canvas-tools .icon-btn{width:28px;height:28px;min-width:28px;padding:0;border-color:#d6dee8;background:#f8fafc;color:#536176}
.walkthrough-help-section-tools .icon-btn:hover,.walkthrough-help-canvas-tools .icon-btn:hover{border-color:#9ab9e8;background:#eef5ff;color:#245fca}
.walkthrough-help-section-tools .icon-btn.danger:hover,.walkthrough-help-canvas-tools .icon-btn.danger:hover{border-color:#f1a3a3;background:#fff3f3;color:#c83535}
.walkthrough-help-section-blocks{gap:14px!important}
.walkthrough-help-content-block{padding:12px 12px 10px;border:1px solid transparent;border-radius:10px;background:#fff}
.walkthrough-help-content-block:hover{border-color:#dce5ef;background:#fbfcfe}
.walkthrough-help-content-block.is-selected{outline:2px solid rgba(47,111,237,.28);outline-offset:1px;border-color:#a8c3f3;background:#fbfdff}
.walkthrough-help-canvas-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:-5px -5px 10px;padding:5px 6px;border:1px solid #e0e7ef;border-radius:8px;background:#f7f9fc;color:#64748b}
.walkthrough-help-canvas-tools .secondary.small{height:28px;padding:4px 7px;font-size:9px}
.walkthrough-help-editable-text{padding:2px 1px;line-height:1.62;color:#35455a}
.walkthrough-help-text-block .walkthrough-help-editable-text{min-height:32px}
.walkthrough-help-callout{background:#f8fafc!important}
.walkthrough-help-image-placeholder{width:100%;cursor:pointer}
.walkthrough-help-image-caption{width:100%;padding:5px 2px!important;border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;background:transparent!important;color:#718096;font-size:11px;font-style:italic;box-shadow:none!important}
.walkthrough-help-image-caption:focus{border-bottom-color:#9ab9e8!important;outline:0!important}
.walkthrough-help-image-block img{max-height:560px}
.walkthrough-help-player-card{padding:0;background:transparent}
.walkthrough-help-player-card .walkthrough-help-canvas-tools{margin:0 0 8px}
.walkthrough-help-canvas-add{display:flex!important;justify-content:center;align-items:center;margin-top:11px;padding-top:9px!important;border-top:1px dashed #e1e7ee}
.walkthrough-help-canvas-add .walkthrough-help-add-block-trigger{width:auto!important;min-width:116px;padding:6px 10px!important;border:1px solid #cbd5e1!important;border-radius:7px!important;background:#fff!important;color:#59697e!important;text-align:center!important;font-size:9.5px!important}
.walkthrough-help-canvas-add .walkthrough-help-add-block-trigger:hover{border-color:#8fb1e9!important;color:#245fca!important;background:#f6faff!important}
.walkthrough-help-canvas-add .walkthrough-help-block-menu{left:50%;right:auto;top:calc(100% + 5px);width:min(330px,calc(100vw - 48px));transform:translateX(-50%);grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border-color:#d6e0eb;box-shadow:0 15px 35px rgba(15,23,42,.18)}
.walkthrough-help-canvas-add .walkthrough-help-block-menu button{background:#f8fafc;color:#334155;border-color:#dbe3ec}
.walkthrough-help-canvas-add .walkthrough-help-block-menu button:hover{background:#eef5ff;color:#245fca;border-color:#9ab9e8}
.walkthrough-help-page-tree{margin-bottom:7px}
.walkthrough-help-page-tree-body{display:grid;gap:3px;padding:4px 5px 8px 18px!important}
.walkthrough-help-structure-child,.walkthrough-help-structure-block{width:100%;min-width:0;border:0;background:transparent;color:var(--text,#e5edf7);cursor:pointer;text-align:left}
.walkthrough-help-structure-child{display:grid;grid-template-columns:16px minmax(0,1fr);gap:5px;align-items:center;padding:6px 7px;border-radius:7px}
.walkthrough-help-structure-child>span:last-child,.walkthrough-help-structure-block>span:last-child{display:grid;gap:1px;min-width:0}
.walkthrough-help-structure-child strong,.walkthrough-help-structure-block strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:780}
.walkthrough-help-structure-child small,.walkthrough-help-structure-block small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#94a3b8);font-size:8.5px}
.walkthrough-help-structure-child:hover,.walkthrough-help-structure-section.is-selected>.walkthrough-help-structure-child,.walkthrough-help-structure-block:hover,.walkthrough-help-structure-block.is-selected{background:color-mix(in srgb,var(--accent,#2563eb) 12%,transparent)}
.walkthrough-help-structure-section{display:grid;gap:2px}
.walkthrough-help-structure-blocks{display:grid;gap:1px;padding-left:16px}
.walkthrough-help-structure-block{display:grid;grid-template-columns:14px minmax(0,1fr);gap:5px;align-items:center;padding:5px 7px;border-radius:6px}
.walkthrough-help-page-tree .work-structure-section-select{cursor:pointer}
.walkthrough-help-page-tree .work-structure-section-select small{white-space:nowrap}
html[data-appearance="light"] .walkthrough-help-structure-child,html[data-appearance="light"] .walkthrough-help-structure-block{color:#334155}
@media(max-width:760px){.walkthrough-help-document-toolbar{margin:-6px -4px 22px}.walkthrough-help-document-toolbar label{width:100%}.walkthrough-help-document-toolbar select{flex:1;min-width:0}.walkthrough-help-section{padding:14px 12px}.walkthrough-help-section-head{align-items:flex-start;flex-direction:column}.walkthrough-help-section-tools{justify-content:flex-start}.walkthrough-help-canvas-tools{align-items:flex-start}.walkthrough-help-section.walkthrough-help-layout-two-column .walkthrough-help-section-blocks{grid-template-columns:minmax(0,1fr)}}
.walkthrough-help-canvas-tools input[type="url"]{height:28px;width:min(220px,34vw);padding:3px 7px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-size:9px}
.walkthrough-help-link-preview{display:flex;align-items:center;gap:7px;color:#2f6fed;font-weight:700}.walkthrough-help-link-preview>span{font-size:13px}.walkthrough-help-link-preview .walkthrough-help-editable-text{color:inherit}


/* v1.0.944 — Help page tree, stable direct editing and rich text finetuning */
.walkthrough-help-workarea{background:#e9eef5}
.walkthrough-help-page-canvas{background:var(--help-page-bg,#fff);color:var(--help-body,#35455a);border-color:color-mix(in srgb,var(--help-body,#35455a) 14%,transparent)}
.walkthrough-help-page-title{color:var(--help-page-title,#142238)}
.walkthrough-help-page-intro{color:var(--help-intro,#526175)}
.walkthrough-help-section{background:var(--help-surface,#f8fafc);border-color:color-mix(in srgb,var(--help-body,#35455a) 14%,transparent)}
.walkthrough-help-section-head{border-bottom-color:color-mix(in srgb,var(--help-body,#35455a) 10%,transparent)}
.walkthrough-help-section-title{color:var(--help-section-title,#142238)}
.walkthrough-help-editable-text{color:var(--help-body,#35455a)}
.walkthrough-help-image-caption{color:var(--help-caption,#718096)}
.walkthrough-help-empty-note{background:color-mix(in srgb,var(--help-surface,#f8fafc) 88%,var(--help-page-bg,#fff));border-color:color-mix(in srgb,var(--help-body,#35455a) 18%,transparent);color:var(--help-caption,#718096)}
/* Editing chrome deliberately stays neutral even when the authored Help theme is dark. */
.walkthrough-help-section-tools,.walkthrough-help-canvas-tools{color:#64748b}
.walkthrough-help-canvas-tools{background:#f7f9fc;border-color:#dfe7ef}
.walkthrough-help-section-tools label,.walkthrough-help-canvas-tools label{color:#64748b}
.walkthrough-help-section-tools select,.walkthrough-help-canvas-tools select,.walkthrough-help-canvas-tools input[type="url"]{background:#fff;color:#334155;border-color:#cbd5e1}
.walkthrough-help-section-tools .icon-btn,.walkthrough-help-canvas-tools .icon-btn{background:#f8fafc;color:#536176;border-color:#d6dee8}
.walkthrough-help-document-add-section button,.walkthrough-help-canvas-add .walkthrough-help-add-block-trigger{background:#fff!important;color:#59697e!important;box-shadow:0 0 0 6px #e9eef5}
.walkthrough-help-section .walkthrough-help-document-add-section button,.walkthrough-help-section .walkthrough-help-canvas-add .walkthrough-help-add-block-trigger{box-shadow:none}
.walkthrough-help-content-block{background:transparent}
.walkthrough-help-content-block:hover{background:color-mix(in srgb,var(--help-page-bg,#fff) 72%,transparent);border-color:color-mix(in srgb,var(--help-body,#35455a) 13%,transparent)}
.walkthrough-help-callout{background:color-mix(in srgb,var(--help-surface,#f8fafc) 94%,var(--help-page-bg,#fff))!important;border-color:color-mix(in srgb,var(--help-body,#35455a) 15%,transparent)}
.walkthrough-help-image-block img,.walkthrough-help-image-placeholder{background:color-mix(in srgb,var(--help-surface,#f8fafc) 92%,var(--help-page-bg,#fff));border-color:color-mix(in srgb,var(--help-body,#35455a) 16%,transparent)}
.walkthrough-help-image-placeholder{cursor:pointer;min-height:190px;color:var(--help-caption,#718096);transition:border-color .15s ease,background .15s ease}
.walkthrough-help-image-placeholder:hover{border-color:var(--help-accent,#2f6fed);background:color-mix(in srgb,var(--help-accent,#2f6fed) 6%,var(--help-surface,#f8fafc))}
.walkthrough-help-editable-text.is-inline-editing{outline:2px solid color-mix(in srgb,var(--help-accent,#2f6fed) 52%,transparent);outline-offset:3px;border-radius:4px;cursor:text}
.walkthrough-help-editable-text ul,.walkthrough-help-editable-text ol{margin:.35em 0;padding-left:1.4em}
.walkthrough-help-editable-text li{margin:.12em 0}
.walkthrough-help-editable-text a{color:var(--help-accent,#2f6fed);font-weight:650;text-decoration:underline}
.walkthrough-help-page-title,.walkthrough-help-page-intro,.walkthrough-help-section-title,.walkthrough-help-image-caption{cursor:text;white-space:pre-wrap;overflow-wrap:anywhere}
.walkthrough-help-page-title{min-height:1.1em}
.walkthrough-help-page-intro{min-height:1.55em!important}
.walkthrough-help-section-title{min-height:1.25em}
.walkthrough-help-inline-toolbar{max-width:min(760px,calc(100vw - 16px));overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}
.walkthrough-help-inline-toolbar>*{flex:0 0 auto}
.walkthrough-help-inline-colour{display:inline-flex;align-items:center;gap:3px;height:29px;padding:0 4px;border:1px solid var(--line,#334155);border-radius:6px;background:var(--panel2,#132942);color:var(--text,#e8f1fb);font-size:10px;font-weight:850}
.walkthrough-help-inline-colour input[type="color"]{width:24px!important;min-width:24px!important;height:23px!important;padding:1px!important;border:0!important;background:transparent!important}
.walkthrough-help-toolbar-divider{width:1px;height:20px;background:color-mix(in srgb,var(--line,#334155) 82%,transparent);margin:0 2px}
html[data-appearance="light"] .walkthrough-help-inline-colour{background:#f8fafc;color:#172033;border-color:#cbd5e1}
.walkthrough-help-tree-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 9px;border-bottom:1px solid var(--line,#26364a)}
.walkthrough-help-tree-head strong{font-size:9.5px;color:var(--muted,#94a3b8);text-transform:uppercase;letter-spacing:.05em}
.walkthrough-help-page-tree{display:block;margin:0;border-bottom:1px solid color-mix(in srgb,var(--line,#26364a) 82%,transparent)}
.walkthrough-help-page-tree-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:4px;padding:4px 5px}
.walkthrough-help-page-tree.is-selected>.walkthrough-help-page-tree-row{background:color-mix(in srgb,var(--accent,#2563eb) 10%,transparent)}
.walkthrough-help-tree-toggle,.walkthrough-help-tree-page,.walkthrough-help-tree-section{border:0;background:transparent;color:var(--text,#e5edf7);cursor:pointer}
.walkthrough-help-tree-toggle{width:24px;height:26px;padding:0;border-radius:6px;color:var(--muted,#94a3b8);font-size:14px}
.walkthrough-help-tree-toggle:hover{background:color-mix(in srgb,var(--accent,#2563eb) 12%,transparent);color:var(--text,#e5edf7)}
.walkthrough-help-tree-page{display:block;min-width:0;padding:5px 4px;text-align:left;border-radius:6px}
.walkthrough-help-tree-page>span,.walkthrough-help-tree-section>span:last-child{display:grid;gap:1px;min-width:0}
.walkthrough-help-tree-page strong,.walkthrough-help-tree-section strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}
.walkthrough-help-tree-page small,.walkthrough-help-tree-section small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#94a3b8);font-size:8.5px}
.walkthrough-help-tree-page:hover,.walkthrough-help-tree-section:hover{background:color-mix(in srgb,var(--accent,#2563eb) 10%,transparent)}
.walkthrough-help-tree-page-actions{display:flex;align-items:center;gap:2px}
.walkthrough-help-tree-page-actions .icon-btn{width:25px;height:25px;min-width:25px;padding:0;font-size:10px}
.walkthrough-help-page-tree-body{display:grid;gap:1px;padding:2px 7px 8px 34px!important}
.walkthrough-help-page-tree-body.hidden{display:none!important}
.walkthrough-help-tree-section{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:5px;width:100%;min-width:0;padding:5px 7px;border-radius:6px;text-align:left}
.walkthrough-help-tree-section.is-page-head{margin-bottom:2px}
.walkthrough-help-tree-section .presentation-structure-status{font-size:8px;color:var(--muted,#94a3b8)}
html[data-appearance="light"] .walkthrough-help-tree-toggle,html[data-appearance="light"] .walkthrough-help-tree-page,html[data-appearance="light"] .walkthrough-help-tree-section{color:#334155}
@media(max-width:760px){.walkthrough-help-inline-toolbar{max-width:calc(100vw - 12px)}.walkthrough-help-tree-page-actions .icon-btn{width:27px;height:27px;min-width:27px}}


/* v1.0.945 — Help tree visibility, stable embedded players, Studio-theme editing chrome and project-switch recovery */
/* In Help mode the right panel IS the page tree; the old scene-list hide rule only applies to Walkthrough scene editing. */
body.walkthrough-inspector-active.walkthrough-help-mode #walkthroughSceneList{display:block!important;min-height:0;overflow:auto}
.walkthrough-help-page-tree-body{display:grid;gap:1px;padding:2px 7px 8px 34px!important}
.walkthrough-help-page-tree-body.hidden{display:none!important}

/* Word-style toolbar uses available width and wraps instead of creating a horizontal scrollbar. */
.walkthrough-help-inline-toolbar{width:max-content;max-width:calc(100vw - 24px)!important;flex-wrap:wrap;overflow:visible!important;white-space:normal!important;row-gap:5px}
.walkthrough-help-inline-toolbar>*{flex:0 0 auto}
.walkthrough-help-inline-toolbar .walkthrough-help-inline-colour{display:flex;align-items:center;gap:4px;min-width:48px;height:29px;padding:0 4px;border:1px solid var(--line,#334155);border-radius:6px;background:var(--panel2,#132942);color:var(--text,#e8f1fb)}
.walkthrough-help-inline-toolbar .walkthrough-help-inline-colour input[type="color"]{width:28px;height:23px;border:0;padding:1px;background:transparent}

/* The authored Help theme controls the page itself. Editing controls follow Zurro Studio appearance consistently. */
.walkthrough-help-section-tools,.walkthrough-help-canvas-tools,.walkthrough-help-document-toolbar{background:var(--panel2,#132942)!important;color:var(--text,#e8f1fb)!important;border-color:var(--line,#334155)!important}
.walkthrough-help-section-tools label,.walkthrough-help-canvas-tools label,.walkthrough-help-document-toolbar label{color:var(--muted,#94a3b8)!important}
.walkthrough-help-section-tools select,.walkthrough-help-canvas-tools select,.walkthrough-help-canvas-tools input[type="url"],.walkthrough-help-document-toolbar select{background:var(--panel,#0f1e31)!important;color:var(--text,#e8f1fb)!important;border-color:var(--line,#334155)!important}
.walkthrough-help-section-tools .icon-btn,.walkthrough-help-canvas-tools .icon-btn,.walkthrough-help-canvas-tools .secondary.small{background:var(--panel,#0f1e31)!important;color:var(--text,#e8f1fb)!important;border-color:var(--line,#334155)!important}
.walkthrough-help-section-tools .icon-btn.danger,.walkthrough-help-canvas-tools .icon-btn.danger{background:color-mix(in srgb,#7f1d1d 55%,var(--panel,#0f1e31))!important;color:#fecaca!important;border-color:#7f1d1d!important}
.walkthrough-help-document-add-section button,.walkthrough-help-canvas-add .walkthrough-help-add-block-trigger{background:var(--panel,#0f1e31)!important;color:var(--text,#e8f1fb)!important;border-color:var(--line,#334155)!important;box-shadow:0 0 0 6px var(--help-page-bg,#fff)!important}
.walkthrough-help-canvas-add .walkthrough-help-block-menu{background:var(--panel,#0f1e31)!important;border-color:var(--line,#334155)!important}
.walkthrough-help-canvas-add .walkthrough-help-block-menu button{background:var(--panel2,#132942)!important;color:var(--text,#e8f1fb)!important;border-color:var(--line,#334155)!important}
html[data-appearance="light"] .walkthrough-help-section-tools,html[data-appearance="light"] .walkthrough-help-canvas-tools,html[data-appearance="light"] .walkthrough-help-document-toolbar{background:#f7f9fc!important;color:#334155!important;border-color:#dfe7ef!important}
html[data-appearance="light"] .walkthrough-help-section-tools label,html[data-appearance="light"] .walkthrough-help-canvas-tools label,html[data-appearance="light"] .walkthrough-help-document-toolbar label{color:#64748b!important}
html[data-appearance="light"] .walkthrough-help-section-tools select,html[data-appearance="light"] .walkthrough-help-canvas-tools select,html[data-appearance="light"] .walkthrough-help-canvas-tools input[type="url"],html[data-appearance="light"] .walkthrough-help-document-toolbar select{background:#fff!important;color:#334155!important;border-color:#cbd5e1!important}
html[data-appearance="light"] .walkthrough-help-section-tools .icon-btn,html[data-appearance="light"] .walkthrough-help-canvas-tools .icon-btn,html[data-appearance="light"] .walkthrough-help-canvas-tools .secondary.small{background:#f8fafc!important;color:#536176!important;border-color:#d6dee8!important}
html[data-appearance="light"] .walkthrough-help-section-tools .icon-btn.danger,html[data-appearance="light"] .walkthrough-help-canvas-tools .icon-btn.danger{background:#fff3f3!important;color:#c83535!important;border-color:#f1a3a3!important}
html[data-appearance="light"] .walkthrough-help-document-add-section button,html[data-appearance="light"] .walkthrough-help-canvas-add .walkthrough-help-add-block-trigger{background:#fff!important;color:#59697e!important;border-color:#cbd5e1!important}
html[data-appearance="light"] .walkthrough-help-canvas-add .walkthrough-help-block-menu{background:#fff!important;border-color:#d6e0eb!important}
html[data-appearance="light"] .walkthrough-help-canvas-add .walkthrough-help-block-menu button{background:#f8fafc!important;color:#334155!important;border-color:#dbe3ec!important}
@media(max-width:760px){.walkthrough-help-inline-toolbar{width:calc(100vw - 24px);max-width:calc(100vw - 24px)!important;overflow:visible!important}.walkthrough-help-inline-toolbar .walkthrough-help-toolbar-badge{display:none}}

/* v1.0.946 — Help editing chrome consistency + full-width direct-edit toolbar */
/* The authored Help page may be Bright/Dark/Legacy. These controls are Studio editor chrome and always follow Studio Appearance. */
.walkthrough-help-section-tools,
.walkthrough-help-canvas-tools,
.walkthrough-help-document-toolbar,
.walkthrough-help-player-card-toolbar{
  background:var(--panel2)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
.walkthrough-help-section-tools label,
.walkthrough-help-canvas-tools label,
.walkthrough-help-document-toolbar label,
.walkthrough-help-player-card-toolbar label{
  color:var(--muted)!important;
}
.walkthrough-help-section-tools select,
.walkthrough-help-canvas-tools select,
.walkthrough-help-canvas-tools input[type="url"],
.walkthrough-help-document-toolbar select,
.walkthrough-help-player-card-toolbar select{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
.walkthrough-help-section-tools button,
.walkthrough-help-canvas-tools button,
.walkthrough-help-document-toolbar button,
.walkthrough-help-player-card-toolbar button,
.walkthrough-help-document-add-section button,
.walkthrough-help-canvas-add .walkthrough-help-add-block-trigger{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
.walkthrough-help-section-tools button:hover,
.walkthrough-help-canvas-tools button:hover,
.walkthrough-help-document-toolbar button:hover,
.walkthrough-help-player-card-toolbar button:hover,
.walkthrough-help-document-add-section button:hover,
.walkthrough-help-canvas-add .walkthrough-help-add-block-trigger:hover{
  background:color-mix(in srgb,var(--accent,#2f6fed) 12%,var(--panel))!important;
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--accent,#2f6fed) 60%,var(--line))!important;
}
.walkthrough-help-section-tools .danger,
.walkthrough-help-canvas-tools .danger,
.walkthrough-help-player-card-toolbar .danger{
  background:color-mix(in srgb,#7f1d1d 55%,var(--panel))!important;
  color:#fecaca!important;
  border-color:#7f1d1d!important;
}
.walkthrough-help-document-add-section button,
.walkthrough-help-canvas-add .walkthrough-help-add-block-trigger{
  box-shadow:0 0 0 6px var(--help-page-bg,#fff)!important;
}
.walkthrough-help-canvas-add .walkthrough-help-block-menu{
  background:var(--panel)!important;
  border-color:var(--line)!important;
}
.walkthrough-help-canvas-add .walkthrough-help-block-menu button{
  background:var(--panel2)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}

/* Direct-edit toolbar: deliberately wide enough for the complete Word-style control row; wrap only on smaller screens. */
.walkthrough-help-inline-toolbar{
  width:min(1040px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  white-space:normal!important;
  row-gap:5px!important;
}
.walkthrough-help-inline-toolbar>*{flex:0 0 auto!important}
.walkthrough-help-inline-toolbar select{max-width:none!important}
.walkthrough-help-inline-toolbar select[data-help-inline-style="fontFamily"]{width:180px!important}
.walkthrough-help-inline-toolbar select[data-help-inline-style="fontSize"]{width:86px!important}
.walkthrough-help-inline-toolbar .walkthrough-help-inline-colour{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:58px!important;
  height:29px!important;
  padding:0 5px!important;
  background:var(--panel2)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
.walkthrough-help-inline-toolbar .walkthrough-help-inline-colour input[type="color"]{
  width:29px!important;
  min-width:29px!important;
  height:23px!important;
  padding:1px!important;
  border:0!important;
  background:transparent!important;
}
@media(max-width:760px){
  .walkthrough-help-inline-toolbar{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  .walkthrough-help-inline-toolbar select[data-help-inline-style="fontFamily"]{width:145px!important}
}


/* v1.0.947 — deferred Help direct-edit saves + strict editor/output theme separation */
/* In Studio, Help authoring follows Studio Appearance. The saved/published Help theme is rendered by preview/output, not by editor chrome. */
body.walkthrough-help-mode .walkthrough-help-page-canvas{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:0 18px 50px rgba(2,6,23,.18)!important;
}
body.walkthrough-help-mode .walkthrough-help-page-eyebrow,
body.walkthrough-help-mode .walkthrough-help-page-intro,
body.walkthrough-help-mode .walkthrough-help-image-caption,
body.walkthrough-help-mode .walkthrough-help-empty-note{
  color:var(--muted)!important;
}
body.walkthrough-help-mode .walkthrough-help-page-title,
body.walkthrough-help-mode .walkthrough-help-section-title,
body.walkthrough-help-mode .walkthrough-help-editable-text:not(.walkthrough-help-image-caption){
  color:var(--text)!important;
}
body.walkthrough-help-mode .walkthrough-help-section{
  background:var(--panel2)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
body.walkthrough-help-mode .walkthrough-help-section:hover,
body.walkthrough-help-mode .walkthrough-help-section.is-selected{
  background:var(--panel2)!important;
  border-color:color-mix(in srgb,var(--accent,#2f6fed) 55%,var(--line))!important;
}
body.walkthrough-help-mode .walkthrough-help-section-head{
  border-bottom-color:var(--line)!important;
}
body.walkthrough-help-mode .walkthrough-help-content-block,
body.walkthrough-help-mode .walkthrough-help-content-block:hover,
body.walkthrough-help-mode .walkthrough-help-content-block.is-selected{
  background:transparent!important;
}
body.walkthrough-help-mode .walkthrough-help-content-block:hover,
body.walkthrough-help-mode .walkthrough-help-content-block.is-selected{
  border-color:color-mix(in srgb,var(--accent,#2f6fed) 45%,var(--line))!important;
}
body.walkthrough-help-mode .walkthrough-help-image-frame,
body.walkthrough-help-mode .walkthrough-help-table-scroll,
body.walkthrough-help-mode .walkthrough-help-player-block{
  border-color:var(--line)!important;
}
body.walkthrough-help-mode .walkthrough-help-table-block table,
body.walkthrough-help-mode .walkthrough-help-table-block th,
body.walkthrough-help-mode .walkthrough-help-table-block td{
  color:var(--text)!important;
  border-color:var(--line)!important;
  background:transparent!important;
}
/* The floating Word-style toolbar is constrained to the Help canvas by JS; never force viewport-sized widths here. */
.walkthrough-help-inline-toolbar{
  width:auto!important;
  max-width:780px!important;
  min-width:320px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  white-space:normal!important;
}
@media(max-width:760px){.walkthrough-help-inline-toolbar{min-width:0!important;max-width:calc(100vw - 16px)!important}}

/* v1.0.948 — Help landing TOC, shared logo and one-scene static Walkthroughs */
.walkthrough-help-shared-logo-tools{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:7px 9px;
  border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);
}
.walkthrough-help-shared-logo-tools>span{font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.walkthrough-help-shared-logo-tools label{display:flex;align-items:center;gap:5px;margin:0;font-size:9px;font-weight:800;color:var(--muted)}
.walkthrough-help-shared-logo-tools select{height:28px;padding:3px 24px 3px 7px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-size:9px}
.walkthrough-help-shared-logo-tools button{height:28px;background:var(--panel);color:var(--text);border-color:var(--line)}
.walkthrough-help-shared-logo-tools .danger{background:color-mix(in srgb,#7f1d1d 55%,var(--panel));color:#fecaca;border-color:#7f1d1d}
.walkthrough-help-shared-logo{display:flex;margin:3px 0 18px;min-height:34px}
.walkthrough-help-shared-logo-left{justify-content:flex-start}.walkthrough-help-shared-logo-center{justify-content:center}.walkthrough-help-shared-logo-right{justify-content:flex-end}
.walkthrough-help-shared-logo img{display:block;max-width:min(250px,55%);max-height:58px;object-fit:contain}
.walkthrough-help-home-toc{margin:6px 0 20px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.walkthrough-help-home-toc-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.walkthrough-help-home-toc-head strong{font-size:12px;color:var(--text)}.walkthrough-help-home-toc-head small{font-size:9px;color:var(--muted)}
.walkthrough-help-home-toc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.walkthrough-help-home-toc-grid button{display:grid;gap:4px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}
.walkthrough-help-home-toc-grid button:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.walkthrough-help-home-toc-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.walkthrough-help-home-toc-grid span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);font-size:9.5px;line-height:1.4}.walkthrough-help-home-toc-grid small{color:var(--accent);font-size:9px;font-weight:750}
.walkthrough-help-player-card.is-static .walkthrough-help-player-block{box-shadow:none}
.walkthrough-help-player-card.is-static iframe{pointer-events:none}
@media(max-width:760px){.walkthrough-help-home-toc-grid{grid-template-columns:1fr}.walkthrough-help-shared-logo-tools{align-items:flex-start}}

/* Walkthrough storyboard authoring guidance · 1.0.951 */
.walkthrough-authoring-policy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:9px 10px;margin:0 0 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2,var(--panel));font-size:10px}
.walkthrough-authoring-policy>div{min-width:0;display:flex;flex-direction:column;gap:2px}.walkthrough-authoring-policy strong{font-size:10px}.walkthrough-authoring-policy small{color:var(--muted);font-size:9px}
.walkthrough-authoring-policy label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:700}.walkthrough-authoring-policy label:last-child{grid-column:1/-1;justify-content:space-between}.walkthrough-authoring-policy select{min-width:120px;padding:5px 7px;font-size:9px}
.walkthrough-ai-scene-plan{display:grid;gap:6px;padding:9px 10px;margin:0 0 9px;border:1px dashed var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 88%,transparent)}
.walkthrough-ai-scene-plan-label{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.walkthrough-ai-scene-plan>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:7px;font-size:9px;line-height:1.35}.walkthrough-ai-scene-plan>div strong{color:var(--muted)}.walkthrough-ai-scene-plan>div span{color:var(--text)}

/* Walkthrough AI prepared scene cues · 1.0.952 */
.walkthrough-stage-editor{grid-template-rows:auto auto minmax(0,1fr) auto}
.walkthrough-ai-suggestions{display:grid;gap:7px;padding:8px 10px 9px;border-top:1px solid var(--line,#26364a);background:var(--panel,#0d1727);min-width:0;max-height:154px}
.walkthrough-ai-suggestions.hidden{display:none!important}
.walkthrough-ai-suggestions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.walkthrough-ai-suggestions-head>div{display:grid;gap:1px;min-width:0}.walkthrough-ai-suggestions-head strong{font-size:9.5px;color:var(--text,#e5edf7)}.walkthrough-ai-suggestions-head small{font-size:8px;color:var(--muted,#94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walkthrough-ai-suggestions-head>span{flex:0 0 auto;font-size:8.5px;font-weight:800;color:var(--muted,#94a3b8)}
.walkthrough-ai-suggestions-list{display:flex;align-items:stretch;gap:7px;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin}
.walkthrough-ai-suggestion{display:grid;grid-template-columns:25px minmax(130px,1fr) auto;align-items:center;gap:7px;flex:0 0 250px;min-width:0;padding:7px 8px;border:1px solid var(--line,#26364a);border-radius:9px;background:var(--panel2,#111d2f)}
.walkthrough-ai-suggestion.is-applied{opacity:.72;background:color-mix(in srgb,var(--panel2,#111d2f) 88%,#22c55e 12%)}
.walkthrough-ai-suggestion-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid color-mix(in srgb,var(--accent,#60a5fa) 45%,var(--line,#26364a));border-radius:7px;background:color-mix(in srgb,var(--accent,#60a5fa) 12%,transparent);color:var(--accent,#60a5fa);font-size:11px;font-weight:900}
.walkthrough-ai-suggestion>div{display:grid;gap:1px;min-width:0}.walkthrough-ai-suggestion strong{font-size:8.8px;color:var(--text,#e5edf7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walkthrough-ai-suggestion small,.walkthrough-ai-suggestion em{font-size:7.6px;line-height:1.3;color:var(--muted,#94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walkthrough-ai-suggestion em{font-style:normal}.walkthrough-ai-suggestion-text{color:var(--text,#e5edf7)!important}
.walkthrough-ai-suggestion button{padding:5px 7px;font-size:8px;min-width:46px}
.walkthrough-authoring-policy{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.walkthrough-ai-suggestions{max-height:148px}.walkthrough-ai-suggestion{flex-basis:230px}.walkthrough-ai-suggestions-head small{white-space:normal}}

.walkthrough-ai-suggestion.is-discarded{opacity:.52;background:color-mix(in srgb,var(--panel2,#111d2f) 92%,var(--muted,#94a3b8) 8%);border-style:dashed}
.walkthrough-ai-suggestion.is-discarded .walkthrough-ai-suggestion-icon{filter:grayscale(.7)}
.walkthrough-ai-suggestion-actions{display:grid;gap:4px;justify-items:stretch;min-width:54px}
.walkthrough-ai-suggestion-actions>span{font-size:7.5px;font-weight:800;text-align:center;color:var(--muted,#94a3b8)}
.walkthrough-ai-suggestion-actions button{padding:5px 7px;font-size:8px;min-width:46px}


/* v1.0.957 account lifecycle status + AI setup welcome */
.account-lifecycle-badge{
  display:inline-flex;align-items:center;justify-content:center;align-self:center;
  min-height:30px;padding:5px 10px;border-radius:999px;border:1px solid transparent;
  font-size:11px;font-weight:850;letter-spacing:.02em;white-space:nowrap;
}
html[data-appearance="light"] .account-lifecycle-badge.trial{background:#eef5ff;border-color:#bfd4fb;color:#2358a8;}
html[data-appearance="dark"] .account-lifecycle-badge.trial{background:#132844;border-color:#31577f;color:#a9cffd;}
html[data-appearance="light"] .account-lifecycle-badge.evaluation{background:#f2efff;border-color:#c8bdf8;color:#5b46a8;}
html[data-appearance="dark"] .account-lifecycle-badge.evaluation{background:#251c48;border-color:#56458e;color:#cfc5ff;}
html[data-appearance="light"] .account-lifecycle-badge.grace{background:#fff8e7;border-color:#eed28d;color:#8b5d05;}
html[data-appearance="dark"] .account-lifecycle-badge.grace{background:#35270f;border-color:#6f5420;color:#f8d77c;}
html[data-appearance="light"] .account-lifecycle-badge.expired{background:#fff0f0;border-color:#efb5b5;color:#a02f2f;}
html[data-appearance="dark"] .account-lifecycle-badge.expired{background:#38191d;border-color:#74343b;color:#ffb5bb;}
.ai-setup-welcome{align-content:start;gap:18px;}
.ai-setup-welcome-copy{display:grid;gap:10px;}
.ai-setup-welcome-copy h3{font-size:25px;line-height:1.15;max-width:620px;}
.ai-setup-welcome-copy p{margin:0;line-height:1.55;max-width:650px;}
.ai-setup-welcome-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ai-setup-welcome-method{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;}
.ai-setup-welcome-method>div:last-child{display:grid;gap:4px;}
.ai-setup-welcome-method strong{font-size:14px;}
.ai-setup-welcome-method span{font-size:11px;line-height:1.45;color:var(--muted);}
html[data-appearance="light"] .ai-setup-welcome-method{background:#f8fbff;}
html[data-appearance="dark"] .ai-setup-welcome-method{background:#0d1b2c;}
.ai-setup-welcome-note{margin:0;}
@media (max-width:720px){.ai-setup-welcome-methods{grid-template-columns:1fr}.account-lifecycle-badge{order:-1}}

/* v1.0.958 expired navigation, compact AI setup progress */
.tabs.expired-account-nav > button{display:none!important;}
.tabs.expired-account-nav{justify-content:flex-start;}
.ai-setup-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;}
.ai-setup-progress span{min-width:0;padding-left:5px;padding-right:5px;}
.ai-setup-welcome{gap:14px;}
.ai-setup-welcome-copy{gap:6px;}
.ai-setup-welcome-copy p{max-width:670px;}
@media(max-width:760px){.ai-setup-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding-left:10px;padding-right:10px}.ai-setup-progress span{font-size:9px;padding:6px 2px}.ai-setup-welcome-methods{grid-template-columns:1fr}}


/* v1.0.959 compact Activity minimum + four-step AI preferences */
.activity-bar.minimized{width:auto;min-width:140px;max-width:180px}
.activity-bar.minimized .activity-current-copy{display:none!important}
.activity-bar.minimized .activity-bar-summary{grid-template-columns:24px auto;justify-content:start;padding:5px 46px 5px 10px}
.ai-setup-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.ai-setup-connection-step{align-content:start}
.ai-setup-connection-intro{margin:0 0 14px;max-width:680px;line-height:1.5;color:var(--text,#dbe7f5)}
html[data-appearance="light"] .ai-setup-connection-intro{color:#334155}
@media(max-width:760px){.activity-bar.minimized{left:auto;right:10px;width:auto;min-width:140px;max-width:180px}.ai-setup-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding-left:10px;padding-right:10px}}

/* v1.0.962 idle Activity collapses to expand control only */
.activity-bar.minimized.idle-minimal{min-width:0;max-width:none;width:52px;opacity:.78;filter:none}
.activity-bar.minimized.idle-minimal .activity-bar-summary{display:block;min-height:44px;padding:0}
.activity-bar.minimized.idle-minimal .activity-current-icon,
.activity-bar.minimized.idle-minimal .activity-current-copy,
.activity-bar.minimized.idle-minimal .activity-active-count{display:none!important}
.activity-bar.minimized.idle-minimal .activity-bar-expand{position:absolute;inset:5px;width:42px;height:34px}
.activity-bar.minimized.idle-minimal:hover,.activity-bar.minimized.idle-minimal:focus-within{opacity:1}
@media(max-width:760px){.activity-bar.minimized.idle-minimal{width:52px;min-width:0;max-width:none}}

/* v1.0.964 named Project scopes + compact accordion rail */
.project-scope-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel,#0d1424) 76%,transparent)}
.project-scope-switch button{min-width:0;min-height:30px;padding:5px 7px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap}
.project-scope-switch button.active{background:var(--panel,#111c2d);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#60a5fa) 22%,transparent)}
.project-rail-head{position:relative;min-height:36px}
.project-rail-normal,.project-rail-search{display:flex;align-items:center;gap:6px;min-height:36px}
.project-rail-normal>strong{font-size:12px;letter-spacing:.02em;color:var(--text);flex:1;min-width:0}
.project-rail-actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.project-rail-actions .icon-btn,.project-rail-search .icon-btn{width:30px;height:30px;min-width:30px;padding:0;border-radius:8px}
.project-group-add{font-size:20px;line-height:1;font-weight:500}
.project-search-glyph{display:block;position:relative;width:13px;height:13px;border:1.7px solid currentColor;border-radius:50%;box-sizing:border-box}
.project-search-glyph::after{content:"";position:absolute;width:6px;height:1.7px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(45deg);transform-origin:left center;border-radius:2px}
.project-rail-search{width:100%}
.project-rail-search .project-search{flex:1;min-width:0;height:34px;min-height:34px;padding:6px 9px;font-size:12px}
.project-rail-search .project-type-filter-btn{height:30px;min-height:30px;min-width:38px;max-width:72px;padding:0 7px;font-size:10px}
.project-rail-search .project-search-close{font-size:17px}
.project-group-tree{display:flex!important;flex-direction:column;gap:5px;min-height:0}
.project-group-block{border:1px solid transparent;border-radius:10px;overflow:visible}
.project-group-block.expanded{background:color-mix(in srgb,var(--panel,#0d1424) 84%,transparent);border-color:var(--line)}
.project-group-row{display:flex;align-items:center;gap:4px;min-height:36px;padding:2px}
.project-group-main{display:flex;align-items:center;gap:7px;min-width:0;flex:1;padding:7px 7px;border:0;background:transparent;color:var(--text);text-align:left;border-radius:8px}
.project-group-main:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 8%,transparent)}
.project-group-chevron{width:12px;flex:0 0 12px;color:var(--muted);font-size:14px;text-align:center}
.project-group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:780}
.project-group-row-actions{display:flex;align-items:center;gap:2px;padding-right:3px}
.project-group-row-actions .icon-btn{width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent;font-size:13px;color:var(--muted)}
.project-group-row-actions .icon-btn:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 10%,transparent);color:var(--text)}
.project-group-row-actions .project-group-remove{font-size:20px;line-height:1}
.project-group-body{padding:0 7px 7px 18px}
.project-group-child-actions{display:flex;align-items:center;gap:6px;margin:2px 0 6px}
.project-group-child-actions button{min-height:27px;padding:4px 8px;border-radius:7px;font-size:10px;font-weight:750}
.project-type-branch{margin-top:2px}
.project-type-branch-head{display:flex;align-items:center;gap:5px;width:100%;min-height:27px;padding:4px 5px;border:0;background:transparent;color:var(--muted);text-align:left;border-radius:7px;font-size:10px;font-weight:800;text-transform:none;letter-spacing:.01em}
.project-type-branch-head:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 7%,transparent);color:var(--text)}
.project-type-branch-head small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:700}
.project-branch-chevron{width:10px;text-align:center;font-size:12px}
.project-type-items{display:flex;flex-direction:column;gap:2px;margin-left:10px}
.project-artifact-row{display:flex;align-items:stretch;gap:3px;border-radius:8px;min-width:0}
.project-artifact-row.active{background:color-mix(in srgb,var(--accent,#60a5fa) 12%,transparent)}
.project-artifact-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0;flex:1;border:0;background:transparent;color:var(--text);padding:6px 6px;border-radius:7px;text-align:left}
.project-artifact-main:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 8%,transparent)}
.project-artifact-main>span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650}
.project-artifact-main>small{font-size:9px;color:var(--muted);line-height:1.2}
.project-artifact-version{align-self:center;flex:0 0 auto;max-width:58px;min-height:24px;padding:3px 6px;border-radius:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
span.project-artifact-version{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.project-group-no-items{padding:9px 6px;color:var(--muted);font-size:10px}
.project-group-empty{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
.project-group-empty strong{font-size:11px;color:var(--text)}
.project-group-empty span{font-size:10px;line-height:1.35}
.project-group-modal-card{width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 40px));overflow:auto;scrollbar-gutter:stable}
.project-group-form{display:grid;gap:14px}
.project-group-form>label{display:grid;gap:6px;font-weight:750}
.project-group-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}
.project-group-types legend{padding:0 5px;font-weight:800}
.project-group-types>p{grid-column:1/-1;margin:0 0 2px;font-size:10px}
.project-group-types label{display:flex;align-items:center;gap:7px;min-height:30px;padding:5px 7px;border-radius:7px;background:color-mix(in srgb,var(--panel,#0d1424) 72%,transparent);font-size:11px}
.project-group-sharing{display:grid;gap:8px}
.project-group-sharing-head{display:flex;flex-direction:column;gap:2px}
.project-group-member-list{display:grid;gap:5px;max-height:220px;overflow:auto;padding-right:3px;scrollbar-gutter:stable}
.project-group-member-list label{display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid var(--line);border-radius:8px}
.project-group-member-list label>span{display:flex;flex-direction:column;min-width:0}
.project-group-member-list strong,.project-group-member-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-group-member-list small{color:var(--muted);font-size:10px}
.project-group-member-empty{margin:0}
.project-group-delete-card{width:min(560px,calc(100vw - 32px));max-height:min(700px,calc(100vh - 40px));overflow:auto;scrollbar-gutter:stable}
.project-group-delete-card>label{display:grid;gap:7px;font-weight:700}
.project-group-delete-card .danger-callout{padding:12px;border:1px solid color-mix(in srgb,#ef4444 45%,var(--line));border-radius:10px;background:color-mix(in srgb,#7f1d1d 12%,var(--panel,#0d1424));margin-bottom:12px}
.project-group-delete-card .danger-callout p{margin:6px 0 0;color:var(--muted);line-height:1.4}
body.sidebar-collapsed .project-scope-switch,body.sidebar-collapsed .project-rail-head{display:none!important}
html[data-appearance="light"] .project-scope-switch{background:#f4f7fb}
html[data-appearance="light"] .project-scope-switch button.active{background:#fff}
html[data-appearance="light"] .project-group-block.expanded{background:#f7f9fc}
html[data-appearance="light"] .project-group-types label{background:#f7f9fc}
@media(max-width:640px){.project-group-types{grid-template-columns:1fr}.project-rail-search .project-type-filter-btn{max-width:55px}}

/* v1.0.965 Project rail alignment, simpler sharing, project rename */
.project-group-main{justify-content:flex-start!important;text-align:left!important;outline:0!important;box-shadow:none!important}
.project-group-main:focus-visible{background:color-mix(in srgb,var(--accent,#60a5fa) 10%,transparent)!important}
.project-group-name{display:block;min-width:0;flex:1;text-align:left!important}
.project-group-body,.project-group-child-actions,.project-type-branch-head,.project-artifact-main,.project-group-no-items{text-align:left!important}
.project-group-form,.project-group-form>label,.project-group-sharing,.project-group-sharing-head{text-align:left!important}
.project-group-form input,.project-group-form textarea{text-align:left!important}
.project-group-sharing{align-items:start}
.project-group-share-btn{justify-self:start;min-width:74px}
.project-group-shared-members{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:100%}
.project-group-shared-member{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;text-align:left}
.project-group-shared-member strong,.project-group-shared-member span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-group-shared-member strong{font-size:11px;color:var(--text)}
.project-group-shared-member span{font-size:10px;color:var(--muted)}
.project-group-share-card{width:min(520px,calc(100vw - 32px));max-height:min(700px,calc(100vh - 40px));overflow:auto;scrollbar-gutter:stable;text-align:left}
.project-group-share-card .project-group-member-list label{justify-content:flex-start;text-align:left}
.project-group-share-card .project-group-member-list label>span{align-items:flex-start;text-align:left}
.project-group-modal-card .modal-head,.project-group-modal-card .modal-head>div{text-align:left}
.setup-project-name-settings{flex:0 0 auto}
.project-name-card{width:min(460px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 40px));overflow:auto;scrollbar-gutter:stable;text-align:left}
.project-name-card>label{display:grid;gap:7px;font-weight:750;text-align:left}
.project-name-card input{text-align:left}

/* v1.0.966 Project navigation: lighter tree, parent-name search and left-aligned forms */
.project-rail-head{margin-top:1px}
.project-rail-normal,.project-rail-search{min-height:34px}
.project-rail-normal>strong{font-size:12px;font-weight:800}
.project-rail-actions .icon-btn,.project-rail-search .icon-btn{border:0;background:transparent}
.project-rail-actions .icon-btn:hover,.project-rail-search .icon-btn:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 8%,transparent)}
.project-rail-search{gap:5px}
.project-rail-search .project-search{height:32px;min-height:32px;border-radius:8px}

.project-group-tree{gap:1px!important}
.project-group-block,.project-group-block.expanded{border:0!important;background:transparent!important;border-radius:0!important;overflow:visible}
.project-group-row{min-height:34px;padding:0;gap:2px}
.project-group-main{min-height:34px;padding:6px 5px;border-radius:7px!important;background:transparent!important}
.project-group-main:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 6%,transparent)!important}
.project-group-block.expanded>.project-group-row .project-group-main{background:color-mix(in srgb,var(--accent,#60a5fa) 5%,transparent)!important}
.project-group-chevron{width:13px;flex-basis:13px;font-size:12px}
.project-group-name{font-size:12px;font-weight:780;letter-spacing:0}
.project-group-row-actions{gap:0;padding-right:0}
.project-group-row-actions .icon-btn{width:26px;height:26px;min-width:26px;border-radius:6px!important}
.project-group-row-actions .project-group-remove{font-size:18px}

.project-group-body{position:relative;margin-left:11px;padding:3px 0 8px 16px!important;border-left:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.project-group-child-actions{gap:5px;margin:1px 0 7px}
.project-group-child-actions button{min-height:26px;padding:3px 8px;border-radius:6px!important;background:transparent;font-size:10px}
.project-group-child-actions button:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 7%,transparent)}
.project-type-branch{margin:1px 0}
.project-type-branch-head{min-height:29px;padding:4px 4px 4px 2px!important;gap:6px;border-radius:6px!important;color:var(--text);font-size:10.5px;font-weight:760}
.project-type-branch-head:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 5%,transparent)!important}
.project-type-branch-head small{font-size:9px;font-weight:650;opacity:.72}
.project-branch-chevron{width:10px;flex:0 0 10px;color:var(--muted);font-size:11px}
.project-type-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;color:var(--muted)}
.project-type-icon svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.project-type-items{gap:0;margin-left:20px!important}
.project-artifact-row{min-height:30px;gap:3px;border-radius:6px!important;background:transparent!important}
.project-artifact-row:hover{background:color-mix(in srgb,var(--accent,#60a5fa) 4%,transparent)!important}
.project-artifact-row.active{background:color-mix(in srgb,var(--accent,#60a5fa) 8%,transparent)!important}
.project-artifact-main{min-height:30px;padding:5px 4px!important;border-radius:6px!important;background:transparent!important}
.project-artifact-main:hover{background:transparent!important}
.project-artifact-main>span{font-size:10.8px;font-weight:640}
.project-artifact-version{align-self:center;min-width:0;max-width:54px;min-height:22px;padding:2px 6px;border-radius:6px!important;background:transparent;font-size:8.8px;color:var(--muted)}
.project-group-no-items{padding:7px 3px;font-size:10px}
.project-group-empty{padding:10px 4px;border:0;border-radius:0;background:transparent}

.project-group-field-label{display:flex;align-items:baseline;gap:6px;min-width:0;text-align:left}
.project-group-field-label .optional-dot{display:inline;font-size:10px;font-weight:600;color:var(--muted)}
.project-group-share-card,.project-group-share-card .modal-head,.project-group-share-card .modal-head>div,.project-group-share-card .project-group-member-list{text-align:left!important}
.project-group-share-card .project-group-member-list{width:100%;justify-items:stretch;align-items:stretch}
.project-group-share-card .project-group-member-list label{box-sizing:border-box;width:100%;margin:0;justify-content:flex-start!important;text-align:left!important}
.project-group-share-card .project-group-member-list label>span{align-items:flex-start!important;text-align:left!important}
.project-group-share-card .project-group-member-list input{flex:0 0 auto;margin:0}
.project-group-delete-card>label{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;text-align:left}
.project-group-delete-card>label input{flex:1 0 100%;width:100%}

html[data-appearance="light"] .project-group-block.expanded>.project-group-row .project-group-main{background:#f4f7fb!important}
html[data-appearance="light"] .project-artifact-row.active{background:#f4f7fb!important}
html[data-appearance="light"] .project-group-child-actions button{background:transparent}
/* v1.0.966 final Project rail polish */
.project-group-modal-card,.project-group-modal-card .project-group-form,.project-group-modal-card .project-group-form>label{ text-align:left!important; }
.project-group-modal-card .project-group-form>label{justify-items:stretch;align-items:start}
.project-group-modal-card .project-group-form input,.project-group-modal-card .project-group-form textarea{width:100%;box-sizing:border-box}
.project-group-field-label{justify-content:flex-start!important;width:100%}
.project-group-sharing-head{align-items:flex-start!important}
.project-group-share-card .project-group-member-list label>span{flex:1 1 auto;width:auto;min-width:0}
.project-group-share-card .button-row{justify-content:flex-end}
.project-group-folder-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;color:var(--muted)}
.project-group-folder-icon svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.project-group-block.expanded .project-group-folder-icon{color:var(--text)}
.project-group-body::before{content:"";position:absolute;left:-1px;top:9px;width:7px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.project-type-items{position:relative}
.project-type-items::before{content:"";position:absolute;left:-12px;top:0;bottom:4px;border-left:1px solid color-mix(in srgb,var(--line) 58%,transparent)}
.project-artifact-row{position:relative}
.project-artifact-row::before{content:"";position:absolute;left:-12px;top:50%;width:8px;border-top:1px solid color-mix(in srgb,var(--line) 58%,transparent)}
.project-artifact-row.active::after{content:"";position:absolute;left:-16px;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--accent,#60a5fa)}
.project-artifact-version{border:1px solid transparent!important;box-shadow:none!important}
.project-artifact-version:hover{border-color:var(--line)!important;background:color-mix(in srgb,var(--accent,#60a5fa) 5%,transparent)!important}
.project-group-child-actions button{border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;box-shadow:none!important}
.project-group-child-actions button:hover{border-color:color-mix(in srgb,var(--accent,#60a5fa) 26%,var(--line))!important}
.project-group-row-actions .icon-btn{box-shadow:none!important}
.project-group-row-actions .icon-btn:focus-visible,.project-group-main:focus-visible,.project-type-branch-head:focus-visible,.project-artifact-main:focus-visible{outline:1px solid color-mix(in srgb,var(--accent,#60a5fa) 45%,transparent)!important;outline-offset:-1px}
html[data-appearance="light"] .project-group-body,html[data-appearance="light"] .project-type-items::before,html[data-appearance="light"] .project-artifact-row::before{border-color:#dbe3ee}


/* v1.0.967 Project rail: text-first navigation with no shaded navigation rows */
.project-group-block.expanded>.project-group-row .project-group-main{background:transparent!important}
.project-group-main:hover{background:transparent!important}
.project-group-main:hover .project-group-name,.project-group-main:hover .project-group-folder-icon{color:var(--accent,#60a5fa)}
.project-type-branch-head,.project-type-branch-head:hover{background:transparent!important}
.project-type-branch-head:hover{color:var(--accent,#60a5fa)!important}
.project-type-branch-head:hover .project-type-icon,.project-type-branch-head:hover .project-branch-chevron{color:var(--accent,#60a5fa)!important}
.project-artifact-row,.project-artifact-row:hover,.project-artifact-row.active{background:transparent!important}
.project-artifact-main,.project-artifact-main:hover{background:transparent!important}
.project-artifact-row:hover .project-artifact-main>span{color:var(--accent,#60a5fa)}
.project-artifact-version{background:transparent!important;border:1px solid color-mix(in srgb,var(--line) 92%,transparent)!important;box-shadow:none!important}
.project-artifact-version:hover{background:transparent!important;border-color:color-mix(in srgb,var(--accent,#60a5fa) 42%,var(--line))!important;color:var(--text)}
html[data-appearance="light"] .project-group-block.expanded>.project-group-row .project-group-main,
html[data-appearance="light"] .project-artifact-row.active{background:transparent!important}

/* v1.0.968 Project scopes: stronger active state + Shared owner details */
.project-scope-switch button.active{
  background:var(--accent,#2563eb)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.project-scope-switch button.active:hover{
  background:var(--accent,#2563eb)!important;
  color:#fff!important;
}
html[data-appearance="light"] .project-scope-switch button.active,
html[data-appearance="dark"] .project-scope-switch button.active{
  background:var(--accent,#2563eb)!important;
  color:#fff!important;
}
.shared-project-info-card{
  width:min(440px,calc(100vw - 32px));
  max-height:min(560px,calc(100vh - 40px));
  overflow:auto;
  scrollbar-gutter:stable;
  text-align:left;
}
.shared-project-info-owner{
  display:grid;
  gap:3px;
  margin:4px 0 16px;
  padding:12px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:left;
}
.shared-project-info-owner strong{
  color:var(--text);
  font-size:13px;
}
.shared-project-info-owner .hint{
  margin:0;
}

/* v1.0.969 Version ownership */
.version-creator-badge{display:inline-flex;align-items:center;margin-left:8px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:999px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;line-height:1.1;vertical-align:middle;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.version-pick-delete:disabled{opacity:.35;cursor:not-allowed}


/* v1.0.980 collapsed Project rail — arrow only */
body.sidebar-collapsed .sidebar > *:not(.brand){display:none!important;}
body.sidebar-collapsed .brand{
  display:flex!important;
  width:100%;
  padding:0!important;
  margin:0!important;
  border:0!important;
  justify-content:center!important;
  align-items:center!important;
}
body.sidebar-collapsed .brand > *:not(.sidebar-toggle){display:none!important;}
body.sidebar-collapsed .sidebar-toggle{
  display:inline-flex!important;
  position:static!important;
  margin:0 auto!important;
}

/* v1.0.980 parent Project export */
.project-group-export{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line);}
.project-group-export-btn{justify-self:start;min-width:118px;}


/* v1.0.981 Project sharing picker + compact settings */
.project-group-share-search{width:100%;margin:0 0 8px;text-align:left}
.project-group-share-search input{box-sizing:border-box;width:100%;text-align:left!important}
.project-group-share-card .project-group-member-list{display:grid;gap:5px;width:100%;max-height:none;overflow:visible;padding:0}
.project-group-share-card .project-group-member-list label{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;width:100%;box-sizing:border-box;justify-content:stretch!important;text-align:left!important}
.project-group-share-card .project-group-member-list label>span{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start!important;justify-items:start!important;width:100%!important;min-width:0;text-align:left!important}
.project-group-share-card .project-group-member-list strong,.project-group-share-card .project-group-member-list small{display:block;width:100%;max-width:100%;text-align:left!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-group-modal-card .project-group-sharing-head{min-height:0}

/* 1.0.996 — guided Phase continuation and simplified Roadmap progress */
/* 1.0.997 — Roadmap Explorer visual simplification and working Phase collapse */
.phase-preview-simple.phase-preview-roadmap{
  display:grid;
  gap:3px;
  text-align:left;
  white-space:normal;
  overflow:hidden;
  padding:9px 10px;
}
.phase-preview-roadmap .phase-preview-primary{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f8fafc;
  font-size:11px;
  font-weight:900;
  line-height:1.25;
}
.phase-preview-roadmap .phase-preview-secondary{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#93c5fd;
  font-size:9px;
  font-weight:750;
  line-height:1.25;
}
.simplified-roadmap-tree{display:grid;gap:8px;}
.simplified-roadmap-tree .phase-node{display:grid;gap:6px;}
.simplified-roadmap-tree .roadmap-phase-row{
  grid-template-columns:minmax(0,1fr) auto 72px;
  padding:8px 9px;
}
.simplified-roadmap-tree .roadmap-stage-row{
  grid-template-columns:minmax(0,1fr) 72px;
  padding:7px 9px;
  border-color:rgba(148,163,184,.13);
  background:rgba(2,6,23,.52);
}
.simplified-roadmap-tree .roadmap-stage-list{
  display:grid;
  gap:5px;
  padding-left:18px;
  border-left:1px solid rgba(96,165,250,.18);
  margin-left:15px;
}
.simplified-roadmap-tree .phase-tree-button-content{align-items:center;}
.simplified-roadmap-tree .phase-node-label{display:flex;align-items:center;gap:7px;min-width:0;}
.simplified-roadmap-tree .phase-node-title{display:grid;gap:2px;min-width:0;text-align:left;}
.simplified-roadmap-tree .phase-node-title strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f8fafc;
  font-size:11px;
  line-height:1.25;
}
.simplified-roadmap-tree .phase-node-title small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#94a3b8;
  font-size:9px;
  line-height:1.2;
}
.roadmap-phase-complete-mark{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:999px;
  background:rgba(34,197,94,.13);
  color:#86efac;
  font-size:10px;
  font-weight:900;
}
.roadmap-phase-text-actions{
  display:flex;
  gap:5px;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
}
.roadmap-phase-text-actions .roadmap-phase-action-btn{
  white-space:nowrap;
  min-height:27px;
  padding:4px 8px;
  font-size:9px;
}
.roadmap-progress-stats{gap:7px;}
.roadmap-progress-stats>span{min-width:84px;}
.roadmap-stage-steps-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.roadmap-stage-steps-heading>span{color:#94a3b8;font-size:10px;font-weight:750;}
.roadmap-stage-steps-list{display:grid;gap:5px;margin:8px 0 0;padding:0!important;list-style:none;}
.roadmap-stage-steps-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:7px 8px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:8px;
  background:rgba(2,6,23,.42);
}
.roadmap-stage-steps-list li>span{font-size:10px;line-height:1.35;color:#dbeafe;}
.roadmap-stage-steps-list li>small{font-size:9px;font-weight:800;color:#94a3b8;white-space:nowrap;}
.roadmap-current-focus{border-color:rgba(59,130,246,.26);background:rgba(37,99,235,.08);}
.roadmap-current-focus strong{color:#bfdbfe;}
.roadmap-current-focus p{color:#dbeafe;}
html[data-appearance="light"] .phase-preview-roadmap .phase-preview-primary{color:#172033;}
html[data-appearance="light"] .phase-preview-roadmap .phase-preview-secondary{color:#486887;}
html[data-appearance="light"] .simplified-roadmap-tree .phase-node-title strong{color:#172033;}
html[data-appearance="light"] .simplified-roadmap-tree .phase-node-title small{color:#64748b;}
html[data-appearance="light"] .simplified-roadmap-tree .roadmap-stage-row,
html[data-appearance="light"] .roadmap-stage-steps-list li{background:#f8fafc;border-color:#dbe3ee;}
html[data-appearance="light"] .roadmap-stage-steps-list li>span{color:#243248;}
html[data-appearance="light"] .roadmap-phase-complete-mark{background:#dcfce7;color:#15803d;}
html[data-appearance="light"] .roadmap-current-focus{background:#eff6ff;border-color:#bfdbfe;}
html[data-appearance="light"] .roadmap-current-focus strong{color:#1d4ed8;}
html[data-appearance="light"] .roadmap-current-focus p{color:#334155;}
body.right-collapsed .phase-preview-roadmap .phase-preview-secondary{display:none;}
@media(max-width:1100px){
  .simplified-roadmap-tree .roadmap-phase-row,
  .simplified-roadmap-tree .roadmap-stage-row{grid-template-columns:1fr;gap:5px;}
  .roadmap-phase-text-actions{justify-content:flex-start;flex-wrap:wrap;}
  .simplified-roadmap-tree .roadmap-node-status-label{justify-content:flex-start;width:auto;}
}


/* 1.0.997 Roadmap Explorer top chrome */
.roadmap-explorer-summary.roadmap-explorer-progress-only{
  justify-content:flex-end;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.roadmap-explorer-progress-only .roadmap-overview-stats{width:auto;justify-content:flex-end;}
.roadmap-explorer-progress-only .roadmap-progress-stats>span{min-width:96px;}
@media(max-width:1200px){
  .roadmap-explorer-summary.roadmap-explorer-progress-only{display:flex;justify-content:flex-start;}
  .roadmap-explorer-progress-only .roadmap-overview-stats{justify-content:flex-start;}
}


/* 1.0.998 — compact inline Roadmap Explorer progress */
.roadmap-explorer-modal-head{align-items:center;}
.roadmap-explorer-title-row{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap;}
.roadmap-explorer-title-row h2{margin:0;white-space:nowrap;}
.roadmap-explorer-header-stats{min-width:0;}
.roadmap-explorer-header-stats .roadmap-overview-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-start;}
.roadmap-explorer-header-stats .roadmap-overview-stats span{min-width:0;padding:0;border:0;border-radius:0;background:transparent;display:inline-flex;align-items:baseline;gap:4px;text-align:left;white-space:nowrap;color:#94a3b8;font-size:11px;line-height:1.2;}
.roadmap-explorer-header-stats .roadmap-overview-stats span+span::before{content:'·';margin-right:8px;color:#475569;}
.roadmap-explorer-header-stats .roadmap-overview-stats strong{color:#dbeafe;font-size:11px;line-height:1.2;font-weight:850;}
html[data-appearance="light"] .roadmap-explorer-header-stats .roadmap-overview-stats span{color:#64748b;}
html[data-appearance="light"] .roadmap-explorer-header-stats .roadmap-overview-stats strong{color:#243248;}
html[data-appearance="light"] .roadmap-explorer-header-stats .roadmap-overview-stats span+span::before{color:#94a3b8;}
@media(max-width:900px){
  .roadmap-explorer-title-row{gap:7px;}
  .roadmap-explorer-header-stats{flex-basis:100%;}
  .roadmap-explorer-header-stats .roadmap-overview-stats{gap:7px;}
  .roadmap-explorer-header-stats .roadmap-overview-stats span+span::before{margin-right:4px;}
}


/* 1.0.999 — distinctive compact Roadmap progress chips */
.roadmap-explorer-modal-head{gap:12px;}
.roadmap-explorer-title-row{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap;overflow:hidden;}
.roadmap-explorer-title-row h2{flex:0 0 auto;margin:0;white-space:nowrap;}
.roadmap-explorer-header-stats{min-width:0;overflow-x:auto;scrollbar-width:none;}
.roadmap-explorer-header-stats::-webkit-scrollbar{display:none;}
.roadmap-explorer-header-stats .roadmap-overview-stats{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;justify-content:flex-start;white-space:nowrap;}
.roadmap-explorer-header-stats .roadmap-overview-stats span{min-width:0;padding:5px 9px;border:1px solid rgba(96,165,250,.23);border-radius:8px;background:rgba(15,36,61,.72);display:inline-flex;align-items:baseline;gap:4px;text-align:left;white-space:nowrap;color:#9fb1c8;font-size:10px;line-height:1.15;letter-spacing:.01em;}
.roadmap-explorer-header-stats .roadmap-overview-stats span+span::before{content:none;}
.roadmap-explorer-header-stats .roadmap-overview-stats strong{color:#e7f0ff;font-size:11px;line-height:1.15;font-weight:850;}
html[data-appearance="light"] .roadmap-explorer-header-stats .roadmap-overview-stats span{color:#53657b;border-color:#c8d7ea;background:#f4f8fd;}
html[data-appearance="light"] .roadmap-explorer-header-stats .roadmap-overview-stats strong{color:#1f3552;}
@media(max-width:900px){
  .roadmap-explorer-title-row{gap:8px;}
  .roadmap-explorer-header-stats{flex-basis:auto;}
  .roadmap-explorer-header-stats .roadmap-overview-stats{gap:5px;}
  .roadmap-explorer-header-stats .roadmap-overview-stats span{padding:4px 7px;font-size:9px;}
  .roadmap-explorer-header-stats .roadmap-overview-stats strong{font-size:10px;}
}


/* 1.0.1000 — large-roadmap search/view controls and final row alignment */
.roadmap-explorer-title-row{width:100%;gap:9px;}
.roadmap-explorer-header-controls{display:flex;align-items:center;flex:0 1 350px;min-width:220px;}
.roadmap-explorer-controls{display:flex;align-items:center;gap:6px;width:100%;min-width:0;}
.roadmap-explorer-controls input,
.roadmap-explorer-controls select{
  box-sizing:border-box;
  min-height:30px;
  border:1px solid rgba(96,165,250,.23);
  border-radius:8px;
  background:rgba(8,22,39,.82);
  color:#dbeafe;
  font:inherit;
  font-size:10px;
  outline:none;
}
.roadmap-explorer-controls input{flex:1 1 190px;min-width:120px;padding:6px 9px;}
.roadmap-explorer-controls select{flex:0 0 116px;min-width:116px;padding:5px 24px 5px 8px;}
.roadmap-explorer-controls input:focus,
.roadmap-explorer-controls select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.12);}
.roadmap-filter-empty{padding:18px 12px;text-align:center;border:1px dashed rgba(148,163,184,.18);border-radius:10px;}
.simplified-roadmap-tree .roadmap-phase-row{grid-template-columns:minmax(0,1fr) auto 92px;}
.simplified-roadmap-tree .roadmap-stage-row{grid-template-columns:minmax(0,1fr) 92px;}
.simplified-roadmap-tree .roadmap-phase-row>.roadmap-phase-text-actions{grid-column:2;justify-self:end;max-width:100%;}
.simplified-roadmap-tree .roadmap-phase-row>.roadmap-node-status-label{grid-column:3;justify-self:end;width:92px;max-width:92px;box-sizing:border-box;}
.simplified-roadmap-tree .roadmap-stage-row>.roadmap-node-status-label{grid-column:2;justify-self:end;width:92px;max-width:92px;box-sizing:border-box;}
html[data-appearance="light"] .roadmap-explorer-controls input,
html[data-appearance="light"] .roadmap-explorer-controls select{background:#f8fbff;color:#243248;border-color:#c8d7ea;}
@media(max-width:1220px){
  .roadmap-explorer-title-row{flex-wrap:wrap;}
  .roadmap-explorer-header-controls{order:3;flex:1 1 100%;min-width:0;}
  .roadmap-explorer-header-stats{order:2;}
  .roadmap-explorer-controls input{flex:1 1 auto;}
}
@media(max-width:1100px){
  .simplified-roadmap-tree .roadmap-phase-row,
  .simplified-roadmap-tree .roadmap-stage-row{grid-template-columns:minmax(0,1fr) auto;}
  .simplified-roadmap-tree .roadmap-phase-row>.roadmap-phase-text-actions{grid-column:1 / -1;grid-row:2;justify-self:start;}
  .simplified-roadmap-tree .roadmap-phase-row>.roadmap-node-status-label{grid-column:2;grid-row:1;justify-self:end;}
  .simplified-roadmap-tree .roadmap-stage-row>.roadmap-node-status-label{grid-column:2;justify-self:end;}
}
@media(max-width:680px){
  .roadmap-explorer-controls{flex-wrap:wrap;}
  .roadmap-explorer-controls input,.roadmap-explorer-controls select{flex:1 1 100%;width:100%;}
  .simplified-roadmap-tree .roadmap-phase-row,
  .simplified-roadmap-tree .roadmap-stage-row{grid-template-columns:1fr;}
  .simplified-roadmap-tree .roadmap-phase-row>.roadmap-node-status-label,
  .simplified-roadmap-tree .roadmap-stage-row>.roadmap-node-status-label{grid-column:1;grid-row:auto;justify-self:start;width:auto;max-width:none;min-width:92px;}
}


/* 1.0.1001 — Roadmap finish repair, focused details, central roadmap changes */
.roadmap-explorer-footer-actions{justify-content:flex-end;gap:8px;}
.roadmap-explorer-footer-actions #phaseExplorerChangeRoadmapBtn{margin-right:auto;}
.roadmap-meaningful-details{grid-template-columns:1fr;}
.roadmap-meaningful-details>div{min-height:0;}
.roadmap-stage-steps-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;}
.roadmap-stage-steps-heading>span{justify-self:end;}
.roadmap-detail-add-step{justify-self:end;min-height:25px;padding:3px 7px;font-size:9px;}
@media(max-width:680px){
  .roadmap-stage-steps-heading{grid-template-columns:1fr auto;}
  .roadmap-stage-steps-heading>span{grid-column:1;grid-row:2;justify-self:start;}
  .roadmap-detail-add-step{grid-column:2;grid-row:1;}
}

/* 1.0.1002 — Finish Phase lifecycle snapshot consistency. */

/* 1.0.1003 — Roadmap blocking integrity and Explorer clarity */
.phase-explorer-grid.roadmap-explorer-grid{grid-template-columns:minmax(0,3fr) minmax(340px,2fr);}
.roadmap-explorer-head-actions{display:flex;align-items:center;gap:6px;margin-left:auto;}
.phase-explorer-modal.maximized .phase-explorer-modal-card{
  width:calc(100vw - 20px);
  height:calc(100vh - 20px);
  max-height:none;
}
.roadmap-explorer-footer-actions{justify-content:space-between;align-items:center;}
.roadmap-explorer-footer-left{display:flex;align-items:center;gap:8px;margin-right:auto;}
.roadmap-explorer-footer-actions #phaseExplorerChangeRoadmapBtn{margin-right:0;}
.simplified-roadmap-tree .roadmap-phase-row.phase-complete>.roadmap-node-status-label{
  border-color:rgba(34,197,94,.72);
  background:rgba(22,163,74,.28);
  color:#dcfce7;
  font-weight:950;
  box-shadow:inset 0 0 0 1px rgba(134,239,172,.08);
}
.phase-milestone-status{
  border-color:rgba(34,197,94,.78)!important;
  background:rgba(22,163,74,.34)!important;
  color:#ecfdf5!important;
  font-weight:950!important;
}
.roadmap-blocking-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border:1px solid rgba(248,113,113,.52);
  border-radius:11px;
  background:rgba(127,29,29,.20);
}
.roadmap-blocking-notice>div{display:grid;gap:3px;min-width:0;}
.roadmap-blocking-notice strong{color:#fecaca;font-size:11px;text-transform:uppercase;letter-spacing:.06em;}
.roadmap-blocking-notice span{color:#fee2e2;font-size:10px;line-height:1.35;}
.roadmap-stage-steps-list li.is-blocked{border-color:rgba(248,113,113,.38);background:rgba(127,29,29,.12);}
.roadmap-stage-steps-list li.is-blocked>small{color:#fecaca;}
.roadmap-phase-blocked-action{border-color:rgba(248,113,113,.55)!important;background:rgba(127,29,29,.22)!important;color:#fee2e2!important;}
html[data-appearance="light"] .simplified-roadmap-tree .roadmap-phase-row.phase-complete>.roadmap-node-status-label,
html[data-appearance="light"] .phase-milestone-status{background:#15803d!important;border-color:#166534!important;color:#fff!important;}
html[data-appearance="light"] .roadmap-blocking-notice{background:#fff1f2;border-color:#fda4af;}
html[data-appearance="light"] .roadmap-blocking-notice strong{color:#9f1239;}
html[data-appearance="light"] .roadmap-blocking-notice span{color:#881337;}
html[data-appearance="light"] .roadmap-stage-steps-list li.is-blocked{background:#fff7f7;border-color:#fecaca;}
html[data-appearance="light"] .roadmap-stage-steps-list li.is-blocked>small{color:#b91c1c;}
@media(max-width:1200px){
  .phase-explorer-grid.roadmap-explorer-grid{grid-template-columns:1fr;overflow:auto;}
}

/* 1.0.1004 — completed-roadmap extension and simplified manual editor */
.manual-roadmap-editor{display:grid;gap:10px;}
.roadmap-manual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border:1px solid rgba(96,165,250,.18);border-radius:9px;background:rgba(15,23,42,.5);}
.roadmap-manual-toolbar span{font-size:10px;color:#94a3b8;line-height:1.3;}
.roadmap-manual-add-phase{white-space:nowrap;}
.simplified-manual-roadmap-tree{display:grid;gap:8px;}
.manual-phase-node{display:grid;gap:5px;}
.manual-stage-list{display:grid;gap:5px;margin-left:24px;padding-left:12px;border-left:1px solid rgba(96,165,250,.16);}
.roadmap-manual-simple-row{display:grid;grid-template-columns:24px 78px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border:1px solid rgba(148,163,184,.14);border-radius:9px;background:rgba(2,6,23,.5);position:relative;}
.roadmap-manual-simple-row.active{border-color:rgba(96,165,250,.5);background:rgba(30,64,175,.12);}
.roadmap-manual-simple-row.locked{opacity:.48;background:rgba(15,23,42,.42);}
.roadmap-manual-simple-row.locked .roadmap-inline-title-input{border-color:transparent;background:transparent;}
.roadmap-manual-drag-handle{display:grid;place-items:center;width:22px;height:28px;color:#93c5fd;cursor:grab;user-select:none;font-size:14px;letter-spacing:-3px;}
.roadmap-manual-drag-handle:active{cursor:grabbing;}
.roadmap-manual-drag-handle.locked{cursor:default;color:#475569;letter-spacing:0;}
.roadmap-manual-node-label{display:flex;align-items:center;justify-content:flex-start;min-width:0;padding:0;border:0;background:transparent;color:#bfdbfe;text-align:left;cursor:pointer;}
.roadmap-manual-node-label strong{font-size:9px;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;}
.roadmap-manual-title-input{height:30px;min-width:0;}
.roadmap-manual-simple-actions{display:flex;align-items:center;gap:5px;}
.roadmap-manual-add-btn,.roadmap-manual-remove-btn{min-height:27px;padding:3px 7px;font-size:9px;}
.roadmap-manual-remove-btn{min-width:29px;padding:3px 8px;color:#fecaca;border-color:rgba(248,113,113,.28);background:rgba(127,29,29,.12);}
.roadmap-manual-simple-row.is-dragging{opacity:.4;}
.roadmap-manual-simple-row.is-drop-before::before,.roadmap-manual-simple-row.is-drop-after::after{content:'';position:absolute;left:6px;right:6px;height:2px;border-radius:2px;background:#60a5fa;box-shadow:0 0 0 1px rgba(96,165,250,.18);}
.roadmap-manual-simple-row.is-drop-before::before{top:-5px;}
.roadmap-manual-simple-row.is-drop-after::after{bottom:-5px;}
html[data-appearance="light"] .roadmap-manual-toolbar{background:#f8fbff;border-color:#d8e4f2;}
html[data-appearance="light"] .roadmap-manual-simple-row{background:#fff;border-color:#dbe3ee;}
html[data-appearance="light"] .roadmap-manual-simple-row.locked{background:#f8fafc;}
html[data-appearance="light"] .roadmap-manual-node-label{color:#334155;}
html[data-appearance="light"] .roadmap-manual-drag-handle{color:#2563eb;}
html[data-appearance="light"] .roadmap-manual-remove-btn{color:#b91c1c;background:#fff7f7;border-color:#fecaca;}
@media(max-width:760px){
  .roadmap-manual-toolbar{align-items:flex-start;flex-direction:column;}
  .roadmap-manual-simple-row{grid-template-columns:22px 68px minmax(0,1fr);}
  .roadmap-manual-simple-actions{grid-column:2 / -1;justify-content:flex-start;}
  .manual-stage-list{margin-left:10px;padding-left:8px;}
}

/* 1.0.1005 - shared Site Roadmap lifecycle and AI-driven phasing */

/* 1.0.1007 · Optional Site Roadmap empty state */
.roadmap-empty-state{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:14px;
  max-width:680px;
  margin:0 auto;
  padding:38px 28px;
}
.roadmap-empty-state-copy{display:grid;gap:7px;max-width:620px;}
.roadmap-empty-state-copy small{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted,#64748b);}
.roadmap-empty-state-copy h3{margin:0;font-size:22px;}
.roadmap-empty-state-copy p{margin:0;color:var(--muted,#64748b);line-height:1.55;}
.roadmap-empty-state .hint{margin:0;max-width:620px;}


/* v1.0.1010 Walkthrough authoring UX */
.walkthrough-selector-actions{position:relative;display:flex;align-items:center;gap:4px;min-width:0}
.walkthrough-selector-more{position:relative;display:grid;place-items:center}
.walkthrough-selector-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:80;display:none;min-width:118px;padding:5px;border:1px solid var(--line,#26364a);border-radius:9px;background:var(--panel,#0f1e31);box-shadow:0 14px 34px rgba(2,6,23,.32)}
.walkthrough-selector-more:hover .walkthrough-selector-menu,.walkthrough-selector-more:focus-within .walkthrough-selector-menu{display:grid;gap:3px}
.walkthrough-selector-menu button{display:flex;align-items:center;gap:7px;width:100%;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--text,#e8f1fb);font-size:9px;text-align:left;cursor:pointer}
.walkthrough-selector-menu button:hover{background:color-mix(in srgb,var(--accent,#2f6fed) 12%,var(--panel2,#132942))}
.walkthrough-selector-menu button.danger{color:#fca5a5}.walkthrough-selector-menu button:disabled{opacity:.42;cursor:not-allowed}
.walkthrough-help-home-toc-grid button{justify-items:stretch;text-align:left!important}
.walkthrough-help-home-toc-grid button>strong,.walkthrough-help-home-toc-grid button>span,.walkthrough-help-home-toc-grid button>small{width:100%;margin:0!important;padding:0!important;text-align:left!important}
.walkthrough-ai-suggestions{max-height:190px}
.walkthrough-ai-suggestions-head{align-items:center}.walkthrough-ai-suggestions-head>strong{font-size:10.5px;color:var(--text,#e5edf7)}
.walkthrough-ai-suggestion{grid-template-columns:28px minmax(170px,1fr) auto;flex:0 0 330px;align-items:start;padding:9px 10px}
.walkthrough-ai-suggestion-icon{width:28px;height:28px}
.walkthrough-ai-suggestion>div{gap:3px}.walkthrough-ai-suggestion strong{font-size:10.5px;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.walkthrough-ai-suggestion small,.walkthrough-ai-suggestion em{font-size:8.3px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.walkthrough-ai-suggestion-actions{align-self:center}
@media(max-width:900px){.walkthrough-ai-suggestions{max-height:184px}.walkthrough-ai-suggestion{flex-basis:300px}}

/* 1.0.1010 compact W00X selector */
.walkthrough-selector-bar{grid-template-columns:minmax(0,1fr) 30px!important;gap:5px!important;padding:8px 7px 8px 10px!important}
.walkthrough-selector-bar select{width:100%!important;min-width:0!important}
.walkthrough-selector-actions{justify-content:flex-end!important;width:30px}
.walkthrough-selector-more{width:30px}
.walkthrough-selector-menu{left:auto;right:0}


/* v1.0.1020 foreground warning/error visibility over minimized Activity */
.activity-foreground-alert{
  position:fixed;
  right:14px;
  bottom:72px;
  z-index:95;
  width:min(430px,calc(100vw - 28px));
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:12px 14px;
  border:1px solid #7f1d1d;
  border-radius:13px;
  background:#2b1118;
  color:#fff1f2;
  box-shadow:0 18px 44px rgba(2,6,23,.34);
  pointer-events:none;
  animation:activityForegroundIn .16s ease-out;
}
.activity-foreground-alert.warning{border-color:#92400e;background:#2b1a08;color:#fff7ed}
.activity-foreground-alert.hidden{display:none!important}
.activity-foreground-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.1);font-weight:950;font-size:15px}
.activity-foreground-copy{min-width:0;display:grid;gap:3px}
.activity-foreground-copy strong{font-size:12px;line-height:1.2}
.activity-foreground-copy p{margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
html[data-appearance="light"] .activity-foreground-alert{background:#fff1f3;color:#881337;border-color:#f0a6b2;box-shadow:0 16px 38px rgba(36,63,94,.2)}
html[data-appearance="light"] .activity-foreground-alert.warning{background:#fff7ed;color:#9a3412;border-color:#fdba74}
@keyframes activityForegroundIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.activity-foreground-alert{right:10px;bottom:66px;width:calc(100vw - 20px)}}

/* v1.0.1021 Workspace navigation, filtering, media and overview UX */
/* Right-rail sections always consume the inspector width; project types still own their content. */
.right-panel > .workspace-rail-section:not(.hidden),
.right-panel > #aiChangesPanel:not(.hidden),
.right-panel > #aiQuestionsMessagesPanel:not(.hidden),
.right-panel > #handoffReviewPanel:not(.hidden),
.right-panel > #projectGuidancePanel:not(.hidden){
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
  align-self:stretch;
}

/* Compact version-history filtering. */
.version-picker-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(150px,220px);
  gap:10px;
  align-items:center;
  padding:0 0 12px;
}
.version-picker-toolbar input,.version-picker-toolbar select{margin:0;min-width:0}

/* Keep orientation when the Project rail is collapsed. */
.collapsed-project-context{display:none;min-width:0;align-items:center;gap:6px;margin-left:10px;color:var(--muted,#94a3b8);font-size:11px;font-weight:750;line-height:1.2;white-space:nowrap;overflow:hidden;max-width:min(54vw,620px)}
.collapsed-project-context>span:not(.collapsed-project-sep){min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.collapsed-project-context .collapsed-project-sep{flex:0 0 auto;color:#64748b}
.collapsed-project-context.is-empty{display:none!important}
body.sidebar-collapsed .collapsed-project-context{display:flex}


/* 1.0.1022 collapsed rail orientation: make the context unmistakable beside the collapsed rail. */
body.sidebar-collapsed #title{display:none!important}
body.sidebar-collapsed .title-row{gap:8px!important;min-width:0}
body.sidebar-collapsed .collapsed-project-context{
  display:flex!important;
  margin-left:0;
  padding:7px 10px;
  max-width:min(68vw,760px);
  border:1px solid rgba(148,163,184,.22);
  border-radius:10px;
  background:rgba(15,23,42,.72);
  color:var(--text,#e5e7eb);
  box-shadow:0 2px 10px rgba(2,6,23,.12);
}
html[data-appearance="light"] body.sidebar-collapsed .collapsed-project-context{background:#fff;border-color:#d8e0ea;color:#26384f}
body.sidebar-collapsed .collapsed-project-context .collapsed-project-sep{color:#64748b}

/* Structured Project Setup / Overview. */
.setup-overview-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:start}
.setup-overview-card{min-width:0;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.44);border-radius:16px;padding:15px;display:grid;gap:12px}
.setup-overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.14)}
.setup-overview-card-head h3{margin:0;font-size:14px;color:var(--text,#e5e7eb)}
.setup-overview-rows{display:grid;gap:0}
.setup-overview-details{border-top:1px solid rgba(148,163,184,.13);padding-top:10px}
.setup-overview-details summary{cursor:pointer;font-size:12px;font-weight:850;color:#bfdbfe;list-style-position:inside}
.setup-overview-details-body{padding-top:8px}
.setup-overview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.setup-overview-stats>div{min-width:0;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(2,6,23,.24);display:grid;gap:3px}
.setup-overview-stats strong{font-size:20px;line-height:1;color:#dbeafe}
.setup-overview-stats span{font-size:10px;font-weight:750;color:#94a3b8}
.setup-overview-roadmap{display:grid;gap:4px;padding:12px;border:1px solid rgba(96,165,250,.22);border-radius:12px;background:rgba(30,64,175,.10)}
.setup-overview-roadmap strong{font-size:11px;color:#93c5fd;text-transform:uppercase;letter-spacing:.06em}
.setup-overview-roadmap span{font-size:12px;color:#e5e7eb;font-weight:800}
.setup-overview-roadmap small{font-size:11px;color:#94a3b8}
html[data-appearance="light"] .setup-overview-card{background:#fff;border-color:#dbe3ee}
html[data-appearance="light"] .setup-overview-card-head{border-color:#e5eaf0}
html[data-appearance="light"] .setup-overview-card-head h3{color:#172033}
html[data-appearance="light"] .setup-overview-details{border-color:#e5eaf0}
html[data-appearance="light"] .setup-overview-details summary{color:#285ea8}
html[data-appearance="light"] .setup-overview-stats>div{background:#f8fafc;border-color:#dde5ef}
html[data-appearance="light"] .setup-overview-stats strong{color:#183b6b}
html[data-appearance="light"] .setup-overview-stats span{color:#64748b}
html[data-appearance="light"] .setup-overview-roadmap{background:#f4f8ff;border-color:#c9dcf7}
html[data-appearance="light"] .setup-overview-roadmap strong{color:#3567a7}
html[data-appearance="light"] .setup-overview-roadmap span{color:#26384f}

@media(max-width:900px){
  .version-picker-toolbar{grid-template-columns:1fr}
  .setup-overview-dashboard{grid-template-columns:1fr}
  .collapsed-project-context{max-width:65vw}
}
@media(max-width:620px){
  .setup-overview-stats{grid-template-columns:1fr 1fr}
  body.sidebar-collapsed .collapsed-project-context{display:none}
}

/* 1.0.1023 collapsed Project rail: logo, expand control and top-aligned upward context. */
body.sidebar-collapsed .sidebar{
  padding:12px 8px!important;
  overflow:hidden!important;
}
body.sidebar-collapsed .sidebar > *:not(.brand){display:none!important}
body.sidebar-collapsed .brand{
  display:flex!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
}
body.sidebar-collapsed .brand > *{display:none!important}
body.sidebar-collapsed .brand > .logo,
body.sidebar-collapsed .brand > .sidebar-toggle,
body.sidebar-collapsed .brand > .collapsed-project-context{display:flex!important}
body.sidebar-collapsed .brand > .logo{order:0!important;flex:0 0 auto!important;margin:0 auto!important}
body.sidebar-collapsed .brand > .sidebar-toggle{order:1!important;position:static!important;margin:0 auto 4px!important;flex:0 0 auto!important}
body.sidebar-collapsed .collapsed-project-context{
  order:2!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  max-height:calc(100vh - 145px)!important;
  margin:0!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted,#94a3b8)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  text-orientation:mixed!important;
  align-self:center!important;
}
html[data-appearance="light"] body.sidebar-collapsed .collapsed-project-context{color:#5b6f87!important}
@media(max-width:620px){body.sidebar-collapsed .collapsed-project-context{display:flex!important}}

/* v1.0.1025 Studio Home + superadmin experimental appearances */
.project-rail-title-group{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.project-rail-title-group>strong{font-size:12px;letter-spacing:.02em;color:var(--text);min-width:0}
.project-home-btn{width:28px!important;height:28px!important;min-width:28px!important;padding:5px!important;border:0!important;background:transparent!important;color:var(--muted)!important}
.project-home-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.project-home-btn:hover,.project-home-btn.active{color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 10%,transparent)!important}
body.sidebar-collapsed .project-rail-title-group{display:none}

.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.appearance-preview-exp-a-light{background:linear-gradient(145deg,#f7f4ff,#e9f8ff)}
.appearance-preview-exp-a-light i{background:#211b46}.appearance-preview-exp-a-light b{background:linear-gradient(90deg,#6957ff,#11b8c6)}.appearance-preview-exp-a-light em{background:#fff;border:1px solid #d9d2f5;border-radius:9px}
.appearance-preview-exp-a-dark{background:linear-gradient(145deg,#100d25,#082934)}
.appearance-preview-exp-a-dark i{background:#151033}.appearance-preview-exp-a-dark b{background:linear-gradient(90deg,#8a7cff,#29d4c7)}.appearance-preview-exp-a-dark em{background:#191a39;border:1px solid #423f6d;border-radius:9px}
.appearance-preview-exp-b-light{background:linear-gradient(135deg,#eef7ff,#f8f5ff)}
.appearance-preview-exp-b-light i{background:rgba(255,255,255,.74);border-right:1px solid #cddbea}.appearance-preview-exp-b-light b{background:#4263eb;border-radius:9px}.appearance-preview-exp-b-light em{background:rgba(255,255,255,.72);border:1px solid rgba(163,184,210,.6);box-shadow:0 4px 8px rgba(49,72,110,.12)}
.appearance-preview-exp-b-dark{background:linear-gradient(135deg,#07151c,#15162a)}
.appearance-preview-exp-b-dark i{background:rgba(13,31,40,.84);border-right:1px solid #2a4751}.appearance-preview-exp-b-dark b{background:#5b7cfa;border-radius:9px}.appearance-preview-exp-b-dark em{background:rgba(19,37,49,.8);border:1px solid #35515e;box-shadow:0 4px 8px rgba(0,0,0,.28)}

.studio-home-dashboard{padding:24px;max-width:1500px;margin:0 auto}
.studio-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.studio-dashboard-head h2{font-size:30px;letter-spacing:-.035em;margin:3px 0 4px}
.studio-dashboard-kicker{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.dashboard-range{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 80%,transparent)}
.dashboard-range button{padding:7px 10px;border:0;background:transparent;box-shadow:none;border-radius:8px;font-size:11px;color:var(--muted)}
.dashboard-range button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 8px rgba(15,23,42,.08)}
.studio-dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.studio-dashboard-stat,.studio-dashboard-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:var(--shadow)}
.studio-dashboard-stat{padding:16px;display:grid;gap:4px;min-height:108px;align-content:center}
.studio-dashboard-stat>span{font-size:11px;font-weight:800;color:var(--muted)}
.studio-dashboard-stat>strong{font-size:30px;line-height:1;letter-spacing:-.04em}
.studio-dashboard-stat>small{font-size:10px;color:var(--muted)}
.studio-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.studio-dashboard-card{padding:16px;min-width:0}
.studio-dashboard-wide{grid-column:span 2}
.studio-dashboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.studio-dashboard-card-head h3{font-size:14px;margin-bottom:3px}
.studio-trend-chart{height:220px;display:flex;flex-direction:column;gap:8px}
.studio-trend-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:10px;font-weight:700}
.studio-trend-legend span{display:flex;align-items:center;gap:5px}.studio-trend-legend i{width:8px;height:8px;border-radius:99px;display:inline-block}
.trend-versions{background:#6b7df7}.trend-ai{background:#17b7a5}.trend-manual{background:#e69a3a}
.studio-trend-bars{height:180px;display:flex;gap:4px;align-items:end;border-bottom:1px solid var(--line);padding:10px 2px 0;overflow:hidden}
.studio-trend-column{height:100%;min-width:5px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:3px}
.studio-trend-stack{min-height:2px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:5px 5px 2px 2px;opacity:.92}
.studio-trend-stack span{min-height:1px}.studio-trend-column small{font-size:8px;color:var(--muted);height:12px;overflow:hidden;text-align:center}
.studio-meter-list{display:grid;gap:12px}.studio-meter-row{display:grid;gap:5px}.studio-meter-row>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.studio-meter-row>div span{color:var(--muted);font-weight:700}.studio-meter-row i{display:block;height:6px;border-radius:99px;background:color-mix(in srgb,var(--muted) 15%,transparent);overflow:hidden}.studio-meter-row i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--teal))}
.studio-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-scope-grid article{padding:14px 8px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);display:grid;place-items:center;gap:3px}.studio-scope-grid strong{font-size:24px}.studio-scope-grid span{font-size:10px;color:var(--muted);font-weight:700}
.studio-tech-cloud{display:flex;gap:7px;flex-wrap:wrap}.studio-tech-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:10px}.studio-tech-chip small{display:grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}
.studio-recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.studio-recent-item{justify-content:flex-start;text-align:left;padding:9px 10px;border-radius:12px;background:var(--panel2);box-shadow:none}.studio-recent-item>span:last-child{display:grid;gap:2px;min-width:0}.studio-recent-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-recent-item small{font-size:9px;color:var(--muted)}.studio-recent-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-size:10px;font-weight:900}
.studio-dashboard-empty{display:grid;place-items:center;min-height:80px;color:var(--muted);font-size:11px;text-align:center}
body.studio-home-active .tabs,body.studio-home-active #workspaceTopTools{display:none!important}
body.studio-home-active #studioHomeBtn{color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 10%,transparent)!important}

/* Experimental A — expressive: bolder hierarchy, shape and selected-state emphasis. */
html[data-appearance-mode^="experimental-a-"] body{font-family:ui-rounded,"SF Pro Rounded",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-appearance-mode="experimental-a-light"]{--bg:#f5f4ff;--panel:#ffffff;--panel2:#f7f6ff;--text:#201b3a;--muted:#746f8f;--line:#dfd9f1;--blue:#6557f5;--teal:#0aa9a5;--shadow:0 14px 34px rgba(64,49,120,.10)}
html[data-appearance-mode="experimental-a-dark"]{--bg:#0d0b1d;--panel:#17152b;--panel2:#1d1935;--text:#f5f2ff;--muted:#aaa3c3;--line:#3a3455;--blue:#8c7cff;--teal:#2fd0c1;--shadow:0 18px 44px rgba(0,0,0,.34)}
html[data-appearance-mode^="experimental-a-"] body{background:radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--blue) 17%,transparent),transparent 34rem),radial-gradient(circle at 12% 88%,color-mix(in srgb,var(--teal) 10%,transparent),transparent 28rem),var(--bg)}
html[data-appearance-mode^="experimental-a-"] .app{grid-template-columns:288px minmax(0,1fr);background:transparent}
html[data-appearance-mode^="experimental-a-"] .sidebar{background:color-mix(in srgb,var(--panel) 92%,var(--blue) 8%);border-right-color:color-mix(in srgb,var(--line) 80%,var(--blue) 20%);padding:16px}
html[data-appearance-mode^="experimental-a-"] .topbar{margin:12px 16px 0;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:14px 16px}
html[data-appearance-mode^="experimental-a-"] #workArea{padding:16px 20px 22px}
html[data-appearance-mode^="experimental-a-"] :where(.panel,.right-panel,.preview-panel,.empty-card,.modal-card,.studio-dashboard-stat,.studio-dashboard-card){border-radius:22px;border-color:color-mix(in srgb,var(--line) 76%,var(--blue) 24%)}
html[data-appearance-mode^="experimental-a-"] button,html[data-appearance-mode^="experimental-a-"] .button{border-radius:14px;font-weight:760}
html[data-appearance-mode^="experimental-a-"] .primary{background:linear-gradient(135deg,var(--blue),#7664ff 55%,var(--teal))}
html[data-appearance-mode^="experimental-a-"] .tabs{padding:4px;border-radius:14px;background:color-mix(in srgb,var(--panel2) 86%,transparent);border:1px solid var(--line)}
html[data-appearance-mode^="experimental-a-"] .tabs button{border:0;background:transparent;border-radius:10px;box-shadow:none}
html[data-appearance-mode^="experimental-a-"] .tabs button.active{background:var(--panel);color:var(--blue);box-shadow:0 4px 12px color-mix(in srgb,var(--blue) 16%,transparent)}
html[data-appearance-mode^="experimental-a-"] .project-card.active{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 12%,var(--panel)),color-mix(in srgb,var(--teal) 7%,var(--panel)));border-color:color-mix(in srgb,var(--blue) 48%,var(--line))}
html[data-appearance-mode^="experimental-a-"] .studio-dashboard-stat:nth-child(2n){background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--blue) 7%,var(--panel)))}

/* Experimental B — depth: translucent navigation and layered authoring surfaces. */
html[data-appearance-mode="experimental-b-light"]{--bg:#eaf2f8;--panel:rgba(255,255,255,.78);--panel2:rgba(246,250,253,.72);--text:#182532;--muted:#657888;--line:#cbdbe6;--blue:#4169e1;--teal:#148c91;--shadow:0 18px 46px rgba(38,63,84,.11)}
html[data-appearance-mode="experimental-b-dark"]{--bg:#061117;--panel:rgba(13,29,38,.82);--panel2:rgba(15,36,45,.72);--text:#e9f5f7;--muted:#8ea7ad;--line:#294651;--blue:#6586ff;--teal:#26aeb0;--shadow:0 22px 56px rgba(0,0,0,.34)}
html[data-appearance-mode^="experimental-b-"] body{background:radial-gradient(circle at 12% 2%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 30rem),radial-gradient(circle at 88% 0,color-mix(in srgb,var(--blue) 14%,transparent),transparent 36rem),var(--bg);background-attachment:fixed}
html[data-appearance-mode^="experimental-b-"] .app{grid-template-columns:252px minmax(0,1fr);background:transparent;gap:0}
html[data-appearance-mode^="experimental-b-"] .sidebar{margin:10px 0 10px 10px;height:calc(100vh - 20px);position:sticky;top:10px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:22px;background:var(--panel);backdrop-filter:blur(24px) saturate(130%);box-shadow:var(--shadow);padding:14px}
html[data-appearance-mode^="experimental-b-"] .topbar{margin:10px 14px 0;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:18px;background:var(--panel);backdrop-filter:blur(24px) saturate(130%);box-shadow:0 10px 30px color-mix(in srgb,var(--text) 10%,transparent);padding:12px 14px}
html[data-appearance-mode^="experimental-b-"] #workArea{padding:14px 18px 22px}
html[data-appearance-mode^="experimental-b-"] :where(.panel,.right-panel,.preview-panel,.empty-card,.modal-card,.studio-dashboard-stat,.studio-dashboard-card){background:var(--panel);backdrop-filter:blur(20px) saturate(120%);border-color:color-mix(in srgb,var(--line) 84%,transparent);border-radius:18px;box-shadow:var(--shadow)}
html[data-appearance-mode^="experimental-b-"] .project-card{background:color-mix(in srgb,var(--panel2) 88%,transparent);border-radius:12px}
html[data-appearance-mode^="experimental-b-"] .project-card.active{background:color-mix(in srgb,var(--blue) 10%,var(--panel));border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}
html[data-appearance-mode^="experimental-b-"] button,html[data-appearance-mode^="experimental-b-"] .button{border-radius:11px;box-shadow:none}
html[data-appearance-mode^="experimental-b-"] .tabs{gap:2px}html[data-appearance-mode^="experimental-b-"] .tabs button{box-shadow:none}
html[data-appearance-mode^="experimental-b-"] .tabs button.active{background:color-mix(in srgb,var(--blue) 11%,var(--panel));color:var(--blue);border-color:color-mix(in srgb,var(--blue) 34%,var(--line))}
html[data-appearance-mode^="experimental-b-"] .studio-dashboard-card{overflow:hidden;position:relative}
html[data-appearance-mode^="experimental-b-"] .studio-dashboard-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-65px;top:-75px;background:color-mix(in srgb,var(--blue) 8%,transparent);pointer-events:none}

body.sidebar-collapsed .app{grid-template-columns:68px minmax(0,1fr)!important}
@media(max-width:1100px){.studio-dashboard-grid{grid-template-columns:1fr 1fr}.studio-dashboard-wide{grid-column:span 2}.studio-dashboard-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.studio-home-dashboard{padding:14px}.studio-dashboard-head{flex-direction:column}.studio-dashboard-grid,.studio-dashboard-summary{grid-template-columns:1fr}.studio-dashboard-wide{grid-column:span 1}.studio-recent-list{grid-template-columns:1fr}.dashboard-range{width:100%;overflow:auto}.dashboard-range button{flex:1;white-space:nowrap}}


/* v1.0.1026 promoted Depth appearance + single-row responsive Studio chrome */
.topbar{
  flex-wrap:nowrap!important;
  min-width:0;
  overflow:visible;
}
.topbar-left{flex:1 1 auto;min-width:0;overflow:visible;}
.title-row{width:100%;min-width:0;flex-wrap:nowrap!important;overflow:visible;}
#title{flex:0 1 auto;min-width:0;max-width:min(34vw,430px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.workspace-top-tools{min-width:0;flex:0 1 auto;flex-wrap:nowrap!important;white-space:nowrap;}
.topbar>.tabs{flex:0 0 auto;min-width:0;flex-wrap:nowrap!important;align-items:center;white-space:nowrap;}
.topbar>.tabs>button,.topbar>.tabs>.menu-wrap{flex:0 0 auto;}
.topbar>.tabs button.topbar-overflow-hidden{display:none!important;}
.topbar-more-wrap{position:relative;}
.topbar-more-menu{right:0;left:auto;min-width:176px;max-width:240px;z-index:140;}
.topbar-more-menu button{width:100%;text-align:left;white-space:nowrap;}
.runtime-bar-top{display:flex;align-items:center;gap:7px;min-width:0!important;max-width:270px;padding:4px 5px 4px 8px;white-space:nowrap;}
.runtime-title-block{display:flex;align-items:center;gap:5px;min-width:0!important;max-width:120px;}
.runtime-title-block strong{flex:0 0 auto;}
.runtime-bar-top small{display:block;min-width:0;max-width:64px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.runtime-primary-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;}
.runtime-primary-actions>button:not(.hidden){display:inline-flex;}
.runtime-more-wrap{position:relative;display:flex;align-items:center;}
.runtime-more-btn{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;font-size:18px!important;line-height:1;}
.runtime-more-menu{right:0;left:auto;min-width:170px;z-index:150;}
.runtime-more-menu button{width:100%;text-align:left;}
.topbar.topbar-compact-tools #workspaceModeBtn,
.topbar.topbar-compact-tools #visualStylesBtn,
.topbar.topbar-compact-tools #pageMenuBtn{width:34px;min-width:34px;padding:0;font-size:0;overflow:hidden;}
.topbar.topbar-compact-tools #workspaceModeBtn::before{content:"✎";font-size:15px;}
.topbar.topbar-compact-tools #visualStylesBtn::before{content:"◐";font-size:15px;}
.topbar.topbar-compact-tools #pageMenuBtn::before{content:"☷";font-size:16px;}
.topbar.topbar-compact-tools #title{max-width:220px;}
@media(max-width:900px){
  .topbar{align-items:center!important;flex-direction:row!important;}
  .topbar>.tabs{width:auto!important;}
  .workspace-top-tools .runtime-toolbar-wrap{width:auto!important;}
  .runtime-bar-top{width:auto!important;}
}
/* The former Experimental B visual language is now the product Light/Dark skin. */
.appearance-option[data-appearance-option="light"] .appearance-preview-exp-b-light,
.appearance-option[data-appearance-option="dark"] .appearance-preview-exp-b-dark{box-shadow:0 8px 18px rgba(31,52,70,.12);}


/* v1.0.1027 Home scope + live compact Runtime repair */
.runtime-title-block small#runtimeStatusText{display:block!important;max-width:78px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:0;}
.runtime-more-btn:disabled{opacity:.5;cursor:not-allowed;}


/* v1.0.1028 richer technology signals + compact icon-first Application Runtime */
.runtime-icon-bar{max-width:none!important;padding:3px!important;background:color-mix(in srgb,var(--panel2) 78%,transparent);border-radius:12px;}
.runtime-icon-bar .runtime-primary-actions{gap:3px;}
.runtime-status-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.runtime-icon-bar .runtime-control-btn,.runtime-icon-bar .runtime-settings-btn{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:9px!important;}
.runtime-icon-bar .runtime-control-btn svg,.runtime-icon-bar .runtime-settings-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.runtime-icon-bar .runtime-play-btn svg path{fill:currentColor;stroke:currentColor;}
.runtime-icon-bar .runtime-stop-btn svg rect{fill:currentColor;stroke:currentColor;}
.runtime-icon-bar .runtime-control-btn.runtime-state-selected{background:color-mix(in srgb,var(--blue) 18%,var(--panel2))!important;color:var(--blue)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 44%,transparent),0 0 0 2px color-mix(in srgb,var(--blue) 8%,transparent)!important;opacity:1!important;}
.runtime-icon-bar .runtime-control-btn:disabled:not(.runtime-state-selected){opacity:.38!important;}
.runtime-icon-bar .runtime-control-btn:not(:disabled):hover,.runtime-icon-bar .runtime-settings-btn:not(:disabled):hover{background:color-mix(in srgb,var(--blue) 10%,var(--panel2));}
.runtime-icon-bar .runtime-settings-btn.runtime-has-error{color:#ef4444!important;background:color-mix(in srgb,#ef4444 12%,var(--panel2))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,#ef4444 48%,transparent)!important;opacity:1!important;}
.runtime-icon-bar .runtime-more-menu{top:calc(100% + 7px);}
.studio-tech-chip strong{letter-spacing:-.01em;}
.runtime-icon-bar .runtime-control-btn.runtime-state-ready:not(.runtime-state-selected),
.runtime-icon-bar .runtime-control-btn.runtime-state-running:not(.runtime-state-selected){background:transparent!important;color:inherit!important;border-color:var(--line)!important;box-shadow:none!important;}


/* v1.0.1029 always-visible compact top chrome + direct runtime delete */
.workspace-mode-btn{display:inline-flex!important;align-items:center;gap:6px;min-width:68px;padding:0 10px!important;white-space:nowrap;}
.workspace-mode-btn .workspace-mode-svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.workspace-mode-btn .workspace-mode-label{font-size:12px;line-height:1;font-weight:650;}
.visual-styles-icon-only{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;display:inline-grid!important;place-items:center;}
.visual-styles-icon-only svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.runtime-icon-bar .runtime-delete-btn{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;}
.runtime-icon-bar .runtime-delete-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.runtime-icon-bar .runtime-delete-btn.runtime-state-delete{color:color-mix(in srgb,#ef4444 78%,var(--text));}
.runtime-icon-bar .runtime-delete-btn.runtime-state-delete:hover{background:color-mix(in srgb,#ef4444 12%,var(--panel2))!important;border-color:color-mix(in srgb,#ef4444 42%,var(--line))!important;color:#ef4444!important;}
.runtime-icon-bar .runtime-more-menu{min-width:150px;right:0;left:auto;}
.topbar.topbar-tight{gap:6px;}
.topbar.topbar-tight #title{max-width:150px;}
.topbar.topbar-tight .workspace-top-tools{gap:4px;}
.topbar.topbar-tight>.tabs{gap:0;}
.topbar.topbar-tight .device-switch{gap:1px;}
/* 1.0.1029 intentionally keeps normal top-level destinations visible instead of overflow-hiding them. */
.topbar>.tabs button.topbar-overflow-hidden{display:inline-flex!important;}
.topbar.topbar-compact-tools #workspaceModeBtn{width:auto!important;min-width:62px!important;padding:0 8px!important;font-size:inherit!important;}
.topbar.topbar-compact-tools #workspaceModeBtn::before,.topbar.topbar-compact-tools #visualStylesBtn::before{content:none!important;}
.topbar.topbar-compact-tools #visualStylesBtn{width:34px!important;min-width:34px!important;padding:0!important;font-size:inherit!important;}


/* v1.0.1030 stable topbar/runtime control geometry */
.runtime-icon-bar .runtime-control-btn,
.runtime-icon-bar .runtime-settings-btn,
.runtime-icon-bar .runtime-delete-btn{
  width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;
  flex:0 0 32px!important;padding:0!important;transform:none!important;
}
.runtime-icon-bar .runtime-control-btn svg,
.runtime-icon-bar .runtime-settings-btn svg,
.runtime-icon-bar .runtime-delete-btn svg{
  width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;
  flex:0 0 16px!important;transform:none!important;
}
.runtime-icon-bar .runtime-control-btn:active,
.runtime-icon-bar .runtime-settings-btn:active,
.runtime-icon-bar .runtime-delete-btn:active{transform:none!important;}
.runtime-icon-bar .runtime-processing::before{content:none!important;display:none!important;}
/* Tight mode may reduce whitespace/title room, never button or icon dimensions. */
.topbar.topbar-tight>.tabs>button,
.topbar.topbar-tight .workspace-mode-btn,
.topbar.topbar-tight .visual-styles-icon-only,
.topbar.topbar-tight .runtime-icon-bar button{font-size:inherit;transform:none!important;}

/* v1.0.1031 final pre-beta UI cleanup + project Custom Playbook snapshot */
.project-guidance-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.project-guidance-head button{justify-self:auto}
.project-playbook-source-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:12px}
.project-playbook-source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.project-playbook-source-head>div{display:grid;gap:2px;min-width:0}.project-playbook-source-head small,.project-playbook-source-purpose small,.project-playbook-source-guidance>small{font-size:10px;color:var(--muted)}
.project-playbook-source-purpose,.project-playbook-source-guidance{display:grid;gap:5px}.project-playbook-source-purpose span{font-size:11px;line-height:1.4}.project-playbook-source-guidance ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:10px;line-height:1.35}
.document-format-grid>.document-format-card{height:92px!important;grid-template-rows:66px auto!important}
.workspace-image-selection{padding:7px 8px;gap:8px}.workspace-image-selection img{width:38px;height:38px}.workspace-image-selection span{display:flex;align-items:center}.workspace-image-selection small{white-space:nowrap}.workspace-image-selection button{min-height:30px;padding:0 9px}
.workspace-manual-edit-save-bar{bottom:30px;min-width:min(640px,calc(100% - 36px));max-width:840px}
.workspace-manual-edit-save-bar small{white-space:nowrap}
.workspace-manual-edit-save-bar .primary{min-width:72px}
.studio-trend-chart{height:230px;gap:10px}
.studio-trend-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.studio-trend-totals>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.studio-trend-totals strong{font-size:16px}.studio-trend-totals small{font-size:9px;color:var(--muted);font-weight:700}
.studio-trend-bars{height:170px;padding-top:18px}
.studio-trend-column{position:relative}.studio-trend-value{font-size:8px;line-height:1;color:var(--muted);text-align:center;min-height:9px}
@media(max-width:760px){.project-playbook-source-head{flex-direction:column}.project-playbook-source-head button{width:100%}.workspace-manual-edit-save-bar{bottom:18px}.workspace-manual-edit-save-bar small{white-space:normal}.studio-trend-totals{grid-template-columns:1fr}}


/* v1.0.1032 simplified Home metrics + aligned Document type cards */
.document-format-grid>.document-format-card{
  height:112px!important;
  grid-template-rows:66px minmax(24px,1fr)!important;
  row-gap:4px!important;
  align-items:stretch!important;
  padding:9px!important;
}
.document-format-grid>.document-format-card>strong{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  margin:0!important;
  line-height:1.1!important;
}
@media(max-width:700px){.document-format-grid>.document-format-card{height:112px!important;}}


/* v1.0.1033 compact AI Preferences setup wizard aligned with the Depth UI */
#aiSetupWizardModal{
  padding:clamp(12px,2.6vh,24px);
}
#aiSetupWizardModal .ai-setup-wizard-card{
  width:min(700px,calc(100vw - 32px));
  max-width:700px;
  min-height:0;
  max-height:min(650px,calc(100vh - 32px));
  padding:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  border-radius:19px;
}
#aiSetupWizardModal .modal-head{
  align-items:center;
  margin:0;
  padding:18px 20px 10px;
  gap:12px;
}
#aiSetupWizardModal .modal-head h2{
  margin:0;
  font-size:23px;
  line-height:1.1;
  letter-spacing:-.025em;
}
#aiSetupWizardModal #aiSetupCloseBtn{
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:11px;
  font-size:18px;
}
#aiSetupWizardModal .ai-setup-progress{
  counter-reset:aiSetupStep;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  padding:4px 20px 12px;
}
#aiSetupWizardModal .ai-setup-progress span{
  counter-increment:aiSetupStep;
  min-width:0;
  height:32px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--panel2) 72%,transparent);
  color:var(--muted);
  font-size:10.5px;
  font-weight:650;
  line-height:1;
}
#aiSetupWizardModal .ai-setup-progress span::before{
  content:counter(aiSetupStep);
  width:17px;
  height:17px;
  flex:0 0 17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:color-mix(in srgb,var(--line) 60%,transparent);
  color:var(--text);
  font-size:8.5px;
  font-weight:800;
}
#aiSetupWizardModal .ai-setup-progress span.active{
  border-color:color-mix(in srgb,var(--blue) 48%,var(--line));
  background:color-mix(in srgb,var(--blue) 10%,var(--panel));
  color:var(--text);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 12%,transparent);
}
#aiSetupWizardModal .ai-setup-progress span.active::before{
  background:var(--blue);
  color:white;
}
#aiSetupWizardModal .ai-setup-progress span.done{
  color:color-mix(in srgb,var(--text) 82%,var(--muted));
  background:color-mix(in srgb,var(--teal) 7%,var(--panel2));
}
#aiSetupWizardModal .ai-setup-progress span.done::before{
  content:"✓";
  background:color-mix(in srgb,var(--teal) 22%,var(--panel2));
  color:var(--teal);
}
#aiSetupWizardModal .ai-setup-wizard-body{
  min-height:0;
  overflow:auto;
  padding:18px 22px 20px;
  scrollbar-gutter:stable;
}
#aiSetupWizardModal .ai-setup-step{
  align-content:start;
  gap:13px;
  font-size:13px;
  line-height:1.45;
}
#aiSetupWizardModal .ai-setup-step h3{
  margin:0;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.015em;
}
#aiSetupWizardModal .ai-setup-step>p{
  margin:0;
  max-width:610px;
  line-height:1.5;
}
#aiSetupWizardModal .ai-setup-connection-intro{
  margin:0 0 2px;
  max-width:610px;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.5;
}
#aiSetupWizardModal .provider-method-grid,
#aiSetupWizardModal .provider-choice-grid{
  gap:10px;
}
#aiSetupWizardModal .ai-setup-choice-grid button,
#aiSetupWizardModal .ai-provider-brand-grid button,
#aiSetupWizardModal .ai-setup-step [data-ai-method],
#aiSetupWizardModal .ai-setup-step [data-ai-provider]{
  min-height:76px;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  padding:12px 13px!important;
  border-radius:13px!important;
}
#aiSetupWizardModal .ai-setup-choice-grid button strong,
#aiSetupWizardModal .ai-provider-brand-grid button strong,
#aiSetupWizardModal .ai-setup-step [data-ai-method] strong,
#aiSetupWizardModal .ai-setup-step [data-ai-provider] strong{
  font-size:13.5px;
  line-height:1.2;
}
#aiSetupWizardModal .ai-setup-choice-grid button small,
#aiSetupWizardModal .ai-provider-brand-grid button small,
#aiSetupWizardModal .ai-setup-step [data-ai-method] small,
#aiSetupWizardModal .ai-setup-step [data-ai-provider] small{
  margin-top:2px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.35;
}
#aiSetupWizardModal .ai-setup-option-icon,
#aiSetupWizardModal .provider-static-icon{
  width:34px;
  min-width:34px;
  height:34px;
  border-radius:10px;
}
#aiSetupWizardModal .ai-setup-option-icon svg,
#aiSetupWizardModal .provider-static-icon img{
  width:19px;
  height:19px;
}
#aiSetupWizardModal .ai-setup-step-title{
  gap:9px;
}
#aiSetupWizardModal .ai-setup-step-title .ai-setup-option-icon{
  width:32px;
  min-width:32px;
  height:32px;
}
#aiSetupWizardModal .ai-setup-connection-steps{
  gap:7px;
  padding-left:20px;
  font-size:12px;
  line-height:1.45;
}
#aiSetupWizardModal .ai-setup-url-row{
  grid-template-columns:minmax(0,1fr) 34px;
  gap:7px;
}
#aiSetupWizardModal .ai-setup-url-row code{
  padding:8px 9px;
  border-radius:9px;
  font-size:10.5px;
}
#aiSetupWizardModal .ai-setup-copy-icon{
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
}
#aiSetupWizardModal .ai-setup-prepare-card,
#aiSetupWizardModal .ai-byok-source-detail,
#aiSetupWizardModal .ai-setup-success{
  gap:9px;
  padding:13px 14px;
  border-radius:12px;
}
#aiSetupWizardModal .ai-setup-permission-callout{
  gap:3px;
  padding:10px 12px;
  border-radius:10px;
  font-size:11px;
}
#aiSetupWizardModal .ai-setup-permission-callout span{
  font-size:10.5px;
}
#aiSetupWizardModal .ai-setup-launcher-box{
  min-height:96px;
  max-height:130px;
  font-size:10.5px;
  line-height:1.4;
}
#aiSetupWizardModal .status{
  margin:0 22px 8px;
  min-height:0;
  font-size:10.5px;
}
#aiSetupWizardModal .status:empty{
  display:none;
}
#aiSetupWizardModal .modal-foot{
  margin:0;
  padding:12px 20px 18px;
  border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  background:color-mix(in srgb,var(--panel) 92%,transparent);
}
#aiSetupWizardModal .modal-foot button{
  min-width:92px;
  min-height:38px;
  height:38px;
  padding:0 16px;
  border-radius:11px;
  font-size:12px;
  font-weight:700;
}
#aiSetupWizardModal #aiSetupNextBtn{
  min-width:112px;
}
@media(max-width:720px){
  #aiSetupWizardModal{padding:8px;align-items:center;}
  #aiSetupWizardModal .ai-setup-wizard-card{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:16px;}
  #aiSetupWizardModal .modal-head{padding:15px 15px 9px;}
  #aiSetupWizardModal .modal-head h2{font-size:20px;}
  #aiSetupWizardModal .ai-setup-progress{gap:4px;padding:3px 15px 10px;}
  #aiSetupWizardModal .ai-setup-progress span{height:30px;padding:0 5px;font-size:9px;gap:4px;}
  #aiSetupWizardModal .ai-setup-progress span::before{width:15px;height:15px;flex-basis:15px;font-size:8px;}
  #aiSetupWizardModal .ai-setup-wizard-body{padding:15px;}
  #aiSetupWizardModal .provider-method-grid,#aiSetupWizardModal .provider-choice-grid{grid-template-columns:1fr!important;}
  #aiSetupWizardModal .ai-setup-step [data-ai-method],#aiSetupWizardModal .ai-setup-step [data-ai-provider]{min-height:68px;}
  #aiSetupWizardModal .modal-foot{padding:10px 15px 15px;}
  #aiSetupWizardModal .status{margin-left:15px;margin-right:15px;}
}


/* v1.0.1035 shared Settings shell, account popover and utility-dialog refinement */
.account-menu-popover{
  top:48px;
  left:0;
  width:min(292px,calc(100vw - 24px));
  min-width:252px;
  padding:10px;
  gap:8px;
  border-radius:15px;
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:0 18px 46px rgba(2,6,23,.22);
}
.account-menu-identity{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:4px 5px 8px;
}
.account-menu-avatar{
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));
  background:color-mix(in srgb,var(--accent) 11%,var(--panel));
  color:var(--text);
  font-size:11px;
  font-weight:850;
  letter-spacing:.03em;
}
.account-menu-person{display:grid;gap:2px;min-width:0;}
.account-menu-person strong,.account-menu-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.account-menu-person strong{font-size:12px;line-height:1.25;color:var(--text);}
.account-menu-person small{font-size:10.5px;line-height:1.25;color:var(--muted);}
.account-menu-current-account{
  min-height:28px;
  display:flex;
  align-items:center;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:color-mix(in srgb,var(--panel-soft) 80%,transparent);
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-menu-current-account:empty{display:none;}
.account-menu-account{display:grid;gap:5px;padding:0 1px 2px;}
.account-menu-account label{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.account-menu-account select{width:100%;min-height:34px;height:34px;border-radius:9px;padding:0 9px;font-size:11px;}
.account-menu-actions{display:grid;gap:3px;padding-top:7px;border-top:1px solid var(--line);}
.account-menu-popover .account-menu-actions button{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 9px;
  border-radius:9px;
  color:var(--text);
  font-size:11.5px;
  font-weight:700;
}
.account-menu-actions button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.account-menu-actions .account-menu-logout{color:var(--muted);}
.account-menu-actions .account-menu-logout:hover{color:#dc2626;background:rgba(239,68,68,.08)!important;}

#settingsModal{padding:clamp(10px,2vh,20px);}
#settingsModal .account-settings-modal{
  width:min(980px,calc(100vw - 28px));
  max-width:980px;
  height:min(720px,calc(100vh - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  overflow:hidden;
  border-radius:19px;
  background:var(--panel);
  border:1px solid var(--line);
}
#settingsModal .account-settings-modal.maximized{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px);}
#settingsModal .settings-shell-head{
  min-height:62px;
  padding:13px 15px 12px 18px;
  align-items:center;
  margin:0;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--panel) 94%,transparent);
}
#settingsModal .settings-shell-head h2{margin:0;font-size:21px;line-height:1.15;letter-spacing:-.015em;}
#settingsModal .settings-window-actions{gap:5px;}
#settingsModal .settings-window-actions .icon-btn{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:10px;}
#settingsModal .settings-shell{grid-template-columns:184px minmax(0,1fr);min-height:0;}
#settingsModal .settings-nav{
  min-width:0;
  padding:12px 9px;
  gap:3px;
  border-right:1px solid var(--line);
  background:color-mix(in srgb,var(--panel-soft) 58%,var(--panel));
}
#settingsModal .settings-nav-item{
  width:100%;
  min-height:38px;
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:var(--muted);
  font-size:11.5px;
  font-weight:700;
  line-height:1.15;
}
#settingsModal .settings-nav-item .settings-nav-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;opacity:.9;}
#settingsModal .settings-nav-item:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)!important;color:var(--text);}
#settingsModal .settings-nav-item.active{
  background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--accent) 26%,var(--line))!important;
  color:var(--text);
  box-shadow:inset 2px 0 0 color-mix(in srgb,var(--accent) 75%,transparent);
}
#settingsModal .settings-content{min-height:0;padding:18px 21px 24px;scrollbar-gutter:stable;}
#settingsModal .settings-section{max-width:760px;}
#settingsModal .settings-section-heading{gap:12px;margin-bottom:14px;}
#settingsModal .settings-section-heading h3{margin:0 0 3px;font-size:18px;line-height:1.2;letter-spacing:-.01em;}
#settingsModal .settings-section-heading h4{margin:0 0 2px;font-size:13px;}
#settingsModal .settings-section-heading .hint{font-size:11px;line-height:1.4;}
#settingsModal .settings-summary-card,#settingsModal .account-section-card,#settingsModal .settings-shared-provider-card{border-radius:13px;}
#settingsModal .settings-form-grid{gap:11px;margin:13px 0;}
#settingsModal input,#settingsModal select,#settingsModal textarea{min-height:36px;border-radius:10px;font-size:11.5px;}
#settingsModal .button-row button{min-height:35px;border-radius:10px;font-size:11.5px;}
#settingsModal .account-profile-card{padding:13px;border-radius:15px;gap:11px;margin-bottom:12px;}
#settingsModal .account-profile-avatar{width:48px;height:48px;border-radius:15px;}
#settingsModal .account-profile-main strong{font-size:14px;}

/* Shared compact system-dialog rhythm. Larger explorers/editors intentionally keep their own layouts. */
.studio-utility-modal{padding:clamp(9px,2vh,18px);}
.studio-utility-modal>.modal-card{
  border-radius:17px;
  border:1px solid var(--line);
  background:var(--panel);
  box-shadow:0 22px 64px rgba(2,6,23,.25);
}
#settingsInviteUserModal>.modal-card,#settingsUserModal>.modal-card{width:min(520px,calc(100vw - 24px));padding:0;overflow:hidden;}
#settingsUserLicencesModal>.modal-card,#changePasswordModal>.modal-card{width:min(500px,calc(100vw - 24px));padding:0;overflow:hidden;}
#byokUsageModal>.modal-card{width:min(820px,calc(100vw - 24px));padding:0;overflow:hidden;display:flex;flex-direction:column;}
#storageDetailsModal>.modal-card{width:min(900px,calc(100vw - 24px));padding:0;}
#runtimeServicesModal>.modal-card{width:min(980px,calc(100vw - 24px));padding:0;overflow:hidden;display:flex;flex-direction:column;}
#modelPickerModal>.modal-card{width:min(900px,calc(100vw - 24px));padding:0;overflow:hidden;}
#mediaUploadModal>.modal-card{width:min(680px,calc(100vw - 24px));padding:0;overflow:hidden;}
.studio-utility-modal .modal-head{
  min-height:58px;
  margin:0;
  padding:13px 15px 11px 17px;
  align-items:flex-start;
  border-bottom:1px solid var(--line);
}
.studio-utility-modal .modal-head>div{min-width:0;}
.studio-utility-modal .modal-head h2{margin:0 0 2px;font-size:18px;line-height:1.2;letter-spacing:-.01em;}
.studio-utility-modal .modal-head .hint{margin:0;max-width:66ch;font-size:10.5px;line-height:1.4;}
.studio-utility-modal .modal-head>button:last-child{flex:0 0 auto;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:10px;}
#settingsInviteUserModal form,#settingsUserModal form{display:grid;grid-template-columns:116px minmax(0,1fr);gap:9px 11px;align-items:center;padding:16px 17px 17px;}
#settingsInviteUserModal form>label:not(.settings-licence-option),#settingsUserModal form>label{font-size:10.5px;font-weight:700;color:var(--muted);}
#settingsInviteUserModal form input,#settingsInviteUserModal form select,#settingsUserModal form input,#settingsUserModal form select{width:100%;min-height:36px;border-radius:10px;}
#settingsInviteUserModal .settings-licence-option{grid-column:1/-1;margin-top:2px;}
#settingsInviteUserModal form .button-row,#settingsUserModal form .button-row{grid-column:1/-1;justify-content:flex-end;margin-top:5px;}
#settingsInviteUserModal form .status,#settingsUserModal form .status{grid-column:1/-1;margin:0;}
#settingsUserLicencesModal>.modal-card>*:not(.modal-head),#changePasswordModal>.modal-card>*:not(.modal-head){margin-left:17px;margin-right:17px;}
#settingsUserLicencesModal .settings-licence-options{margin-top:15px;}
#settingsUserLicencesModal .button-row{justify-content:flex-end;margin-top:12px;margin-bottom:16px;}
#changePasswordModal .change-password-form{padding-top:15px;gap:7px;}
#changePasswordModal .modal-foot{margin-top:12px;padding:12px 0 16px;border-top:1px solid var(--line);}
#byokUsageModal .modal-actions,#storageDetailsModal .modal-actions,#runtimeServicesModal .modal-actions{
  flex:0 0 auto;
  margin:0;
  padding:10px 16px;
  border-bottom:1px solid var(--line);
  justify-content:flex-start;
}
#byokUsageModal .byok-usage-summary,#byokUsageModal .byok-usage-recent{margin-left:16px;margin-right:16px;}
#byokUsageModal .byok-usage-recent{margin-bottom:16px;overflow:auto;}
#storageDetailsModal .storage-details-body{padding:14px 16px 17px;}
#runtimeServicesModal .runtime-services-list{margin:12px 16px 0;}
#runtimeServicesModal .runtime-services-output{margin:10px 16px 16px;min-height:180px;max-height:42vh;overflow:auto;}
#modelPickerModal .model-picker-toolbar{margin:0;padding:12px 16px;border-bottom:1px solid var(--line);}
#modelPickerModal #apiQualityProfileCard{margin:14px 16px 10px;}
#modelPickerModal .model-picker-browser{margin:0 16px 12px;min-height:0;}
#modelPickerModal .modal-actions{margin:0;padding:11px 16px 15px;border-top:1px solid var(--line);}
#mediaUploadModal .form-grid{padding:15px 17px 8px;gap:10px 12px;}
#mediaUploadModal .form-grid label{font-size:10.5px;font-weight:700;color:var(--muted);}
#mediaUploadModal .form-grid input,#mediaUploadModal .form-grid select,#mediaUploadModal .form-grid textarea{font-size:11.5px;border-radius:10px;}
#mediaUploadModal .status{margin:0 17px;}
#mediaUploadModal .button-row.end{margin:8px 0 0;padding:11px 17px 15px;border-top:1px solid var(--line);}

@media(max-width:760px){
  #settingsModal .account-settings-modal{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px);border-radius:16px;}
  #settingsModal .settings-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);}
  #settingsModal .settings-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px;gap:4px;}
  #settingsModal .settings-nav-item{width:auto;min-width:max-content;grid-template-columns:17px auto;min-height:34px;padding:6px 8px!important;box-shadow:none!important;}
  #settingsModal .settings-content{padding:15px;}
  #settingsInviteUserModal form,#settingsUserModal form{grid-template-columns:1fr;align-items:stretch;}
  #settingsInviteUserModal form .button-row,#settingsUserModal form .button-row,#settingsInviteUserModal form .status,#settingsUserModal form .status,#settingsInviteUserModal .settings-licence-option{grid-column:auto;}
  #runtimeServicesModal .modal-actions{overflow:auto;flex-wrap:nowrap;justify-content:flex-start;}
  #runtimeServicesModal .modal-actions button{white-space:nowrap;}
  #mediaUploadModal .form-grid{grid-template-columns:1fr;}
  #mediaUploadModal .form-grid .full{grid-column:auto;}
}

/* v1.0.1036 Settings/account polish, light-surface refinement and reliable maximise geometry */
.account-menu-popover{
  width:min(238px,calc(100vw - 24px));
  min-width:218px;
  padding:9px;
  gap:6px;
  z-index:1800;
  background:#fff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 22px 56px rgba(19,39,64,.24);
}
html[data-appearance="dark"] .account-menu-popover{background:#0d1b2c;}
.account-menu-identity{
  grid-template-columns:20px minmax(0,1fr);
  gap:9px;
  min-height:36px;
  padding:5px 9px;
  align-items:center;
}
.account-menu-avatar{
  width:18px;
  height:18px;
  min-width:18px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--text);
  font-size:11px;
  font-weight:900;
  box-shadow:none;
}
.account-menu-person{display:flex;align-items:center;min-width:0;}
.account-menu-person strong{font-size:12px;line-height:1.2;}
.account-menu-actions{padding-top:6px;}
.account-menu-popover .account-menu-actions button{grid-template-columns:20px minmax(0,1fr);gap:9px;min-height:36px;padding:7px 9px;font-size:12px;}
.account-menu-actions button svg{width:18px;height:18px;justify-self:center;}

#settingsModal .account-settings-modal{
  width:min(1180px,calc(100vw - 24px));
  max-width:1180px;
  height:min(780px,calc(100vh - 24px));
  max-height:calc(100vh - 24px);
  background:var(--panel);
}
#settingsModal .settings-shell{grid-template-columns:188px minmax(0,1fr);}
#settingsModal .settings-nav{
  padding:14px 10px;
  gap:4px;
}
#settingsModal .settings-nav-item{min-height:40px;font-size:11.5px;}
#settingsModal .settings-content{padding:20px 24px 28px;}
#settingsModal .settings-section{max-width:900px;margin:0;}
#settingsModal [data-settings-panel="users"]{max-width:none;}
#settingsModal .settings-section-heading{margin-bottom:13px;align-items:center;}
#settingsModal .settings-section-heading h3{font-size:20px;margin:0;}
#settingsModal .settings-section-heading h4{font-size:13px;margin:0;}
#settingsModal .settings-section-heading>.button-row{margin-left:auto;flex-wrap:nowrap;}

/* Distinct Settings navigation/content surfaces in the default Light theme. */
html[data-appearance="light"] #settingsModal .account-settings-modal{
  background:#f8fbfe;
  border-color:#c9d9e6;
  box-shadow:0 28px 76px rgba(28,55,82,.22);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-appearance="light"] #settingsModal .settings-shell-head{background:#ffffff;border-color:#d5e2ec;}
html[data-appearance="light"] #settingsModal .settings-nav{
  background:linear-gradient(180deg,#edf5fb 0%,#e7f0f7 100%);
  border-right-color:#cbdce8;
}
html[data-appearance="light"] #settingsModal .settings-nav-item.active{
  background:#ffffff!important;
  border-color:#b8cee0!important;
  box-shadow:0 4px 12px rgba(40,72,102,.07),inset 3px 0 0 #4169e1;
}
html[data-appearance="light"] #settingsModal .settings-content{background:#f8fbfe;}
html[data-appearance="dark"] #settingsModal .settings-nav{background:#0b1929;}
html[data-appearance="dark"] #settingsModal .settings-content{background:#0d1b2c;}

/* Compact Account overview. */
#settingsModal #accountSubscriptionSummary.settings-card-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:0;
}
#settingsModal .settings-overview-card{
  min-height:92px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:12px 13px;
}
#settingsModal .settings-overview-card>.settings-state-pill{align-self:start;margin-top:1px;}
.settings-summary-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));
  border-radius:11px;
  color:var(--blue);
  background:color-mix(in srgb,var(--blue) 8%,var(--panel2));
}
.settings-summary-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
#settingsModal #accountEntitlements{margin-top:11px;}
.settings-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.settings-capability-item{
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
}
.settings-capability-item>span:nth-child(2){display:grid;gap:2px;min-width:0;}
.settings-capability-item strong{font-size:11.5px;}
.settings-capability-item small{font-size:9.5px;line-height:1.25;}
.settings-capability-item b{font-size:9.5px;white-space:nowrap;}
.settings-capability-item.is-on b{color:#15803d;}.settings-capability-item.is-off b{color:#b42336;}
.settings-capability-dot{width:7px;height:7px;border-radius:999px;background:#b7c4d2;}
.settings-capability-item.is-on .settings-capability-dot{background:#22a06b;}.settings-capability-item.is-off .settings-capability-dot{background:#dc5b6a;}
.settings-history-details{
  margin-top:11px;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background:var(--panel);
}
.settings-history-details>summary{padding:10px 12px;cursor:pointer;font-size:10.5px;font-weight:800;color:var(--text);}
.settings-history-details[open]>summary{border-bottom:1px solid var(--line);}
.settings-history-details .settings-entitlement-list{border:0;border-radius:0;}
.settings-history-details .settings-entitlement-list>div{padding:9px 12px;}

/* Subscriptions use compact strips and product cards rather than tall empty boxes. */
#settingsBillingCard{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 14px;
  align-items:center;
  padding:11px 13px;
  margin-bottom:10px;
  border-radius:13px;
}
.settings-billing-label{display:grid;gap:2px;min-width:0;}
.settings-billing-label>strong{font-size:11.5px;}
.settings-billing-label>.hint{font-size:9.5px;line-height:1.3;}
#settingsBillingActions{justify-content:flex-end;flex-wrap:wrap;margin:0;}
#settingsBillingActions button{min-height:33px;}
#settingsSubscriptionsLifecycle{padding:11px 13px;margin-bottom:10px;}
#settingsSubscriptionsLifecycle>div{gap:2px;}
#settingsSubscriptionsLifecycle span{font-size:10px;line-height:1.35;}
.settings-owned-products{gap:10px;}
.settings-owned-product-card{padding:12px;gap:9px;border-radius:13px;box-shadow:none;}
.settings-owned-product-head{grid-template-columns:38px minmax(0,1fr);gap:9px;}
.settings-owned-product-metrics>div{padding:7px 8px;}
.settings-owned-products-empty{padding:12px 13px;}
.settings-owned-products-empty span{display:none;}
.settings-subscription-details{margin-top:10px;}

/* Profile is read-first. Only the name enters edit mode; email remains immutable here. */
#settingsModal .account-profile-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  min-height:82px;
  padding:13px 14px;
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:none;
}
#settingsModal .account-profile-avatar{
  width:44px;
  height:44px;
  border-radius:14px;
  background:color-mix(in srgb,var(--blue) 10%,var(--panel2));
  color:var(--blue);
  border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line));
  box-shadow:none;
}
#settingsModal .account-profile-main p{margin:2px 0 5px;}
#settingsModal .account-profile-card>button{white-space:nowrap;}
.profile-name-editor{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:10px;
  max-width:620px;
  margin:10px 0 12px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
}
.profile-name-editor>div:first-child{display:grid;gap:5px;}
.profile-name-editor .button-row{margin:0;flex-wrap:nowrap;}
.profile-security-actions{margin-top:10px;}
html[data-appearance="light"] #settingsModal .account-profile-card{background:#fff;border-color:#d3e1eb;}

/* Compact provider controls. */
#providerSettingsPanel .provider-method-grid{grid-template-columns:repeat(2,minmax(0,240px));gap:8px;margin:8px 0 13px;}
#providerSettingsPanel .provider-method-card{min-height:54px;padding:9px 11px;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;}
#providerSettingsPanel .provider-static-icon{width:30px;height:30px;min-width:30px;border-radius:9px;}
#providerSettingsPanel .provider-static-icon img{width:18px;height:18px;}
#providerSettingsPanel .provider-method-card strong{font-size:12px;}
#providerSettingsPanel .provider-choice-grid{grid-template-columns:repeat(2,minmax(0,240px));gap:8px;margin:6px 0 12px;}
#providerSettingsPanel .provider-choice-grid button{min-height:54px;padding:9px 11px;text-align:center;align-content:center;}
#providerSettingsPanel .provider-choice-grid button>span{font-size:9px;}
#providerSettingsPanel .provider-option-group>label,#providerSettingsPanel .provider-api-fields>label{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;}
#providerSettingsPanel .provider-actions{margin-top:12px;}

/* Appearance has stronger, larger previews without extra explanatory copy. */
#settingsModal .appearance-options{grid-template-columns:repeat(2,minmax(220px,320px));gap:12px;align-items:stretch;}
#settingsModal .appearance-option{min-height:150px;padding:14px;display:grid;grid-template-rows:92px auto;align-items:center;gap:9px;text-align:center;}
#settingsModal .appearance-preview{width:100%;height:92px;border-radius:14px;}
#settingsModal .appearance-option strong{font-size:13px;}

/* Usage cards: shorter, aligned, no detached storage sentence. */
#settingsModal .account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:900px;}
#settingsModal .account-metric-card{min-height:112px!important;padding:12px!important;gap:5px!important;align-content:start;}
#settingsModal .account-metric-card strong{font-size:22px!important;}
#settingsModal .account-metric-detail{gap:2px;}
#settingsModal .account-metric-detail b{font-size:10px;}
#settingsModal .account-metric-card-head small{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
#settingsModal .account-metric-link{font-size:8.5px;padding:2px 6px;min-height:20px;}

/* Company User Management: keep meaningful columns intact and scroll rather than wrap them apart. */
#settingsModal [data-settings-panel="users"] .settings-user-table-wrap{overflow:auto;}
#settingsModal [data-settings-panel="users"] .settings-user-table{min-width:980px;table-layout:auto;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(1),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(1){min-width:210px;width:24%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(2),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(2){min-width:130px;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(3),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(3){min-width:255px;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(4),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(4){min-width:90px;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(5),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(5){min-width:285px;white-space:nowrap;}
.settings-member-access-dates{line-height:1.35;}

/* Settings-launched dialogs must appear above Settings itself. */
#settingsViewerGroupsModal,#settingsInviteUserModal,#settingsUserModal,#settingsUserLicencesModal,#changePasswordModal{z-index:420!important;}
#settingsInviteUserModal .settings-licence-option{padding:10px 12px;min-height:46px;}
#settingsInviteUserModal .settings-licence-option strong{font-size:11px;}

/* BYOK and Storage details: content-driven shells with unclipped tables. */
#byokUsageModal>.modal-card{width:min(960px,calc(100vw - 24px));max-height:calc(100vh - 28px);}
#byokUsageModal .byok-usage-summary{margin:0;padding:13px 15px 15px;overflow:auto;}
#byokUsageModal .byok-usage-recent{margin:0 15px 15px;}
#byokUsageModal .byok-total-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 10px;}
#byokUsageModal .byok-total-strip span{padding:8px 9px;border-radius:11px;}
#byokUsageModal .byok-total-strip strong{font-size:14px;}
#byokUsageModal .byok-total-strip small{font-size:9px;}
#byokUsageModal .byok-usage-browser{grid-template-columns:250px minmax(0,1fr);min-height:300px;max-height:54vh;}
#byokUsageModal .byok-project-row{padding:9px 11px;gap:2px;}
#byokUsageModal .byok-project-title{font-size:11px;}
#byokUsageModal .byok-project-meta{font-size:9px;}
#byokUsageModal .byok-project-detail{padding:11px;overflow:auto;}
#byokUsageModal .byok-detail-head-total{justify-content:flex-start;margin-bottom:8px;}
#byokUsageModal .byok-detail-total{align-items:flex-start;}
#byokUsageModal .byok-detail-total strong{font-size:22px;}
#byokUsageModal .byok-detail-total small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;}
#byokUsageModal .byok-model-table{overflow-x:auto;}
#byokUsageModal .byok-model-row{min-width:680px;grid-template-columns:minmax(180px,1.7fr) 54px 72px 72px 72px 82px;gap:7px;padding:8px 9px;font-size:10px;}
#byokUsageModal .byok-model-row small{font-size:8.5px;}
#storageDetailsModal>.modal-card{width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 28px);overflow:hidden;display:flex;flex-direction:column;}
#storageDetailsModal .storage-details-body{overflow:auto;}

/* Solid, cleaner Light explorer surfaces instead of grey/translucent glass. */
html[data-appearance="light"] .phase-explorer-modal-card,
html[data-appearance="light"] .version-picker-modal{
  background:#f8fbfe!important;
  border-color:#c8d9e6!important;
  box-shadow:0 28px 76px rgba(28,55,82,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-appearance="light"] .phase-explorer-tree,
html[data-appearance="light"] .phase-explorer-details,
html[data-appearance="light"] .phase-explorer-phases,
html[data-appearance="light"] .version-picker-list{
  background:#ffffff!important;
  border-color:#d2e0ea!important;
}
html[data-appearance="light"] .roadmap-explorer-summary{background:#eef6fc!important;}

/* Maximise must use the available screen in both dimensions. */
#settingsModal .account-settings-modal.maximized,
#setupWizardModal.maximized .setup-wizard-modal-card,
#phaseExplorerModal.maximized .phase-explorer-modal-card{
  width:calc(100vw - 16px)!important;
  max-width:none!important;
  height:calc(100vh - 16px)!important;
  max-height:none!important;
  border-radius:16px!important;
}
#setupWizardModal.maximized,#phaseExplorerModal.maximized,#settingsModal:has(.account-settings-modal.maximized){padding:8px!important;}
#phaseExplorerModal.maximized .phase-explorer-modal-body,#setupWizardModal.maximized .wizard-body{min-height:0;flex:1 1 auto;}

@media(max-width:960px){
  #settingsModal #accountSubscriptionSummary.settings-card-stack,.settings-capability-grid{grid-template-columns:1fr;}
  #settingsModal .appearance-options{grid-template-columns:repeat(2,minmax(180px,1fr));}
  #settingsModal .account-summary-grid{grid-template-columns:1fr;}
  #byokUsageModal .byok-usage-browser{grid-template-columns:1fr;max-height:none;}
  #byokUsageModal .byok-project-list{max-height:190px;border-right:0;border-bottom:1px solid var(--line);}
}
@media(max-width:760px){
  #settingsModal .account-profile-card{grid-template-columns:44px minmax(0,1fr);}
  #settingsModal .account-profile-card>button{grid-column:1/-1;justify-self:start;}
  .profile-name-editor{grid-template-columns:1fr;}
  #settingsModal .appearance-options{grid-template-columns:1fr;}
  #providerSettingsPanel .provider-method-grid,#providerSettingsPanel .provider-choice-grid{grid-template-columns:1fr;}
}

/* v1.0.1037 Settings refinement + superadmin Zurro Hybrid appearance */

/* Subscription screen: the access row carries lifecycle context; billing stays lightweight. */
#settingsBillingCard.is-minimal{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  min-height:0;
  padding:0;
  margin:2px 0 12px;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#settingsBillingCard.is-minimal .settings-billing-label,#settingsBillingCard.is-minimal #settingsBillingStatus:empty{display:none;}
#settingsBillingCard.is-minimal #settingsBillingActions{justify-content:flex-start;}
#settingsSubscriptionsLifecycle{display:flex;align-items:center;padding:9px 12px;margin-bottom:12px;}
#settingsSubscriptionsLifecycle>div{display:flex;align-items:baseline;gap:8px 12px;flex-wrap:wrap;}
#settingsSubscriptionsLifecycle small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;}
#settingsSubscriptionsLifecycle strong{font-size:13px;}
#settingsSubscriptionsLifecycle span{font-size:10px;}
#settingsModal .settings-owned-products{
  grid-template-columns:repeat(auto-fit,minmax(250px,320px));
  align-items:start;
  justify-content:start;
}
#settingsModal .settings-owned-product-card{width:100%;min-height:0;}
#settingsModal .settings-owned-product-metrics{grid-template-columns:1fr;}
#settingsModal .settings-owned-product-actions{margin-top:auto;}

/* Profile actions belong to the identity card. */
#settingsModal .account-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
#settingsModal .account-profile-actions button{white-space:nowrap;}

/* AI provider choices should use the space without becoming oversized. */
#providerSettingsPanel .provider-method-grid{grid-template-columns:repeat(2,minmax(260px,320px));gap:10px;margin:10px 0 16px;}
#providerSettingsPanel .provider-method-card{min-height:64px;padding:11px 13px;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;}
#providerSettingsPanel .provider-static-icon{width:36px;height:36px;min-width:36px;}
#providerSettingsPanel .provider-static-icon img{width:21px;height:21px;}
#providerSettingsPanel .provider-choice-grid{grid-template-columns:repeat(2,minmax(260px,320px));gap:10px;margin:7px 0 14px;}
#providerSettingsPanel .provider-choice-grid button{min-height:62px;padding:10px 13px;}
#providerSettingsPanel .provider-actions{margin-top:18px;gap:7px;align-items:center;}
#providerSettingsPanel .provider-actions #resetOneClickConnectionBtn{margin-left:0;}

/* Appearance previews show a whole miniature shell instead of a cropped strip. */
#settingsModal .appearance-options{grid-template-columns:repeat(2,minmax(260px,340px));}
#settingsModal .appearance-option{min-height:166px;grid-template-rows:108px auto;padding:14px 16px;}
#settingsModal .appearance-preview{
  width:min(220px,92%)!important;
  height:108px!important;
  justify-self:center;
  border-radius:16px;
  box-shadow:0 8px 18px rgba(31,52,70,.10);
}
#settingsModal .appearance-preview i{left:10px;top:10px;bottom:10px;width:42px;border-radius:12px;border:1px solid rgba(100,116,139,.26);}
#settingsModal .appearance-preview b{left:62px;right:10px;top:10px;height:22px;border-radius:9px;}
#settingsModal .appearance-preview em{left:62px;right:10px;top:42px;bottom:10px;border-radius:11px;}
.appearance-preview-hybrid-light{background:linear-gradient(145deg,#f7f4ff,#edf8ff)}
.appearance-preview-hybrid-light i{background:#f3efff;border-color:#d8cff9!important}.appearance-preview-hybrid-light b{background:linear-gradient(90deg,#6957ff,#11b8c6)}.appearance-preview-hybrid-light em{background:#fff;border:1px solid #d9d2f5}
.appearance-preview-hybrid-dark{background:linear-gradient(145deg,#100d25,#082934)}
.appearance-preview-hybrid-dark i{background:#191533;border-color:#423f6d!important}.appearance-preview-hybrid-dark b{background:linear-gradient(90deg,#8a7cff,#29d4c7)}.appearance-preview-hybrid-dark em{background:#191a39;border:1px solid #423f6d}

/* Usage cards: left aligned, vertically balanced, consistent across all three metrics. */
#settingsModal .account-summary-grid{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:stretch;}
#settingsModal .account-metric-card{
  min-height:126px!important;
  align-content:center!important;
  justify-items:start!important;
  text-align:left!important;
}
#settingsModal .account-metric-card-head{width:100%;justify-content:flex-start;text-align:left;}
#settingsModal .account-metric-card-head .account-metric-link{margin-left:auto;}
#settingsModal .account-metric-detail{align-items:flex-start;text-align:left;}

/* Company user table: fit the common five-column shape before resorting to horizontal scroll. */
#settingsModal .account-settings-modal{width:min(1180px,calc(100vw - 28px));max-width:1180px;}
#settingsModal [data-settings-panel="users"] .settings-user-table{min-width:860px;width:100%;table-layout:fixed;}
#settingsModal [data-settings-panel="users"] .settings-user-table th,
#settingsModal [data-settings-panel="users"] .settings-user-table td{padding:10px 11px;vertical-align:middle;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(1),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(1){width:24%;min-width:0;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(2),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(2){width:14%;min-width:0;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(3),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(3){width:31%;min-width:0;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(4),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(4){width:10%;min-width:0;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(5),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(5){width:21%;min-width:0;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table td.actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;}
#settingsModal [data-settings-panel="users"] .settings-user-table td.actions button{margin:0!important;min-height:32px;padding:0 9px;font-size:10.5px;}
#settingsModal [data-settings-panel="users"] .settings-member-licences{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
#settingsModal [data-settings-panel="users"] .settings-member-access-dates{flex-basis:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;}

/* Experimental A palette + Depth/B rounded chrome = superadmin-only Zurro Hybrid. */
html[data-appearance-mode^="zurro-hybrid-"] body{font-family:ui-rounded,"SF Pro Rounded",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;}
html[data-appearance-mode="zurro-hybrid-light"]{--bg:#f5f4ff;--panel:#ffffff;--panel2:#f7f6ff;--card:#ffffff;--text:#201b3a;--muted:#746f8f;--line:#ddd8f0;--blue:#6557f5;--teal:#0aa9a5;--accent:#6557f5;--shadow:0 16px 38px rgba(64,49,120,.11);}
html[data-appearance-mode="zurro-hybrid-dark"]{--bg:#0d0b1d;--panel:#17152b;--panel2:#1d1935;--card:#19172f;--text:#f5f2ff;--muted:#aaa3c3;--line:#3a3455;--blue:#8c7cff;--teal:#2fd0c1;--accent:#8c7cff;--shadow:0 20px 48px rgba(0,0,0,.36);}
html[data-appearance-mode^="zurro-hybrid-"] body{background:radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 34rem),radial-gradient(circle at 12% 88%,color-mix(in srgb,var(--teal) 10%,transparent),transparent 28rem),var(--bg);background-attachment:fixed;}
html[data-appearance-mode^="zurro-hybrid-"] .app{grid-template-columns:264px minmax(0,1fr);background:transparent;gap:0;}
html[data-appearance-mode^="zurro-hybrid-"] .sidebar{
  margin:10px 0 10px 10px;
  height:calc(100vh - 20px);
  position:sticky;
  top:10px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line) 78%,var(--blue) 22%);
  border-radius:22px;
  background:color-mix(in srgb,var(--panel) 94%,var(--blue) 6%);
  box-shadow:var(--shadow);
}
html[data-appearance-mode^="zurro-hybrid-"] .topbar{margin:10px 14px 0;border:1px solid color-mix(in srgb,var(--line) 78%,var(--blue) 22%);border-radius:20px;background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--text) 10%,transparent);padding:12px 14px;}
html[data-appearance-mode^="zurro-hybrid-"] #workArea{padding:14px 18px 22px;}
html[data-appearance-mode^="zurro-hybrid-"] :where(.panel,.right-panel,.preview-panel,.empty-card,.modal-card,.studio-dashboard-card){border-radius:20px;border-color:color-mix(in srgb,var(--line) 76%,var(--blue) 24%);box-shadow:var(--shadow);}
html[data-appearance-mode^="zurro-hybrid-"] button,html[data-appearance-mode^="zurro-hybrid-"] .button{border-radius:12px;font-weight:740;}
html[data-appearance-mode^="zurro-hybrid-"] .primary{background:linear-gradient(135deg,var(--blue),#7664ff 55%,var(--teal));}
html[data-appearance-mode^="zurro-hybrid-"] .tabs{padding:3px;border-radius:13px;background:color-mix(in srgb,var(--panel2) 88%,transparent);border:1px solid var(--line);}
html[data-appearance-mode^="zurro-hybrid-"] .tabs button{border:0;background:transparent;border-radius:9px;box-shadow:none;}
html[data-appearance-mode^="zurro-hybrid-"] .tabs button.active{background:var(--panel);color:var(--blue);box-shadow:0 4px 12px color-mix(in srgb,var(--blue) 15%,transparent);}
html[data-appearance-mode^="zurro-hybrid-"] .project-card.active{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 11%,var(--panel)),color-mix(in srgb,var(--teal) 7%,var(--panel)));border-color:color-mix(in srgb,var(--blue) 48%,var(--line));}

/* Hybrid foreground settings surfaces deliberately stay solid and distinctive. */
html[data-appearance-mode="zurro-hybrid-light"] #settingsModal .account-settings-modal,
html[data-appearance-mode="zurro-hybrid-light"] .studio-utility-modal>.modal-card{background:#ffffff!important;border-color:#d8d2ef!important;}
html[data-appearance-mode="zurro-hybrid-light"] #settingsModal .settings-shell-head{background:#ffffff!important;border-color:#ded9ef!important;}
html[data-appearance-mode="zurro-hybrid-light"] #settingsModal .settings-nav{background:#f3f0ff!important;border-color:#ddd7ef!important;}
html[data-appearance-mode="zurro-hybrid-light"] #settingsModal .settings-content{background:#fbfaff!important;}
html[data-appearance-mode="zurro-hybrid-light"] #settingsModal .settings-nav-item.active{background:#ffffff!important;border-color:#bdb4ef!important;box-shadow:inset 3px 0 0 #6557f5!important;}
html[data-appearance-mode="zurro-hybrid-dark"] #settingsModal .account-settings-modal,
html[data-appearance-mode="zurro-hybrid-dark"] .studio-utility-modal>.modal-card{background:#17152b!important;border-color:#3a3455!important;}
html[data-appearance-mode="zurro-hybrid-dark"] #settingsModal .settings-shell-head{background:#17152b!important;border-color:#3a3455!important;}
html[data-appearance-mode="zurro-hybrid-dark"] #settingsModal .settings-nav{background:#121025!important;border-color:#3a3455!important;}
html[data-appearance-mode="zurro-hybrid-dark"] #settingsModal .settings-content{background:#0f0d20!important;}
html[data-appearance-mode="zurro-hybrid-dark"] #settingsModal .settings-nav-item.active{background:#211d3d!important;border-color:#5e54a0!important;box-shadow:inset 3px 0 0 #8c7cff!important;}

@media(max-width:980px){
  #settingsModal .account-settings-modal{width:calc(100vw - 16px);max-width:none;}
  #settingsModal .account-summary-grid{grid-template-columns:1fr;}
  #providerSettingsPanel .provider-method-grid,#providerSettingsPanel .provider-choice-grid{grid-template-columns:repeat(2,minmax(200px,1fr));}
}
@media(max-width:760px){
  #settingsModal .account-profile-card{grid-template-columns:44px minmax(0,1fr);}
  #settingsModal .account-profile-actions{grid-column:1/-1;justify-content:flex-start;}
  #settingsModal .appearance-options{grid-template-columns:1fr;}
  #providerSettingsPanel .provider-method-grid,#providerSettingsPanel .provider-choice-grid{grid-template-columns:1fr;}
}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(1),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(1){width:23%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(2),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(2){width:13%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(3),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(3){width:28%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(4),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(4){width:10%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(5),
#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(5){width:26%;}
#settingsModal [data-settings-panel="users"] .settings-user-table td:first-child{display:table-cell!important;}
#settingsModal [data-settings-panel="users"] .settings-user-table td:first-child strong,
#settingsModal [data-settings-panel="users"] .settings-user-table td:first-child small{display:block;}

/* v1.0.1038 Hybrid defaults, compact account surfaces, Home access and stable tables */
html[data-appearance-mode="zurro-hybrid-dark"] .settings-capability-item.is-off b,
html[data-appearance-mode="zurro-hybrid-dark"] .settings-state-pill.blocked,
html[data-appearance-mode="zurro-hybrid-dark"] .status.error,
html[data-appearance-mode="zurro-hybrid-dark"] .runtime-error,
html[data-appearance-mode="zurro-hybrid-dark"] .danger-text{color:#ff9aa8!important;}
html[data-appearance-mode="zurro-hybrid-dark"] .settings-capability-item.is-off .settings-capability-dot{background:#ff7082!important;}

/* Current access is context, not a full-width content card. */
#settingsSubscriptionsLifecycle{width:min(560px,100%);max-width:560px;margin-right:auto;border-radius:12px;}
#settingsSubscriptionsLifecycle>div{min-width:0;}

/* Account selector only appears when there is a genuine choice. */
.settings-account-switch{display:flex;align-items:center;gap:7px;margin-right:4px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.settings-account-switch select{height:34px;max-width:220px;min-width:150px;padding:0 30px 0 10px;border-radius:10px;background:var(--panel2);color:var(--text);border:1px solid var(--line);text-transform:none;letter-spacing:0;font-size:11px;font-weight:650;}

/* Settings member table keeps real table geometry; actions use compact icons inside the last cell. */
#settingsModal [data-settings-panel="users"] .settings-user-table td.actions{display:table-cell!important;text-align:right!important;vertical-align:middle!important;}
.settings-user-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;white-space:nowrap;}
.settings-user-action{display:inline-grid!important;place-items:center;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:10px!important;}
.settings-user-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(1),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(1){width:25%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(2),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(2){width:15%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(3),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(3){width:35%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(4),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(4){width:10%;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(5),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(5){width:15%;}

/* Appearance previews show the complete shell at a useful scale. */
#settingsModal .appearance-option{min-height:184px;grid-template-rows:126px auto;}
#settingsModal .appearance-preview{width:min(250px,96%)!important;height:126px!important;overflow:hidden;}
#settingsModal .appearance-preview i{left:8px;top:8px;bottom:8px;width:48px;}
#settingsModal .appearance-preview b{left:64px;right:8px;top:8px;height:24px;}
#settingsModal .appearance-preview em{left:64px;right:8px;top:40px;bottom:8px;}

/* Subscription builder: short steps stay short; maximise uses the complete viewport. */
#subscriptionBuilderModal{align-items:center;justify-items:center;padding:18px;}
.subscription-builder-modal-card{width:min(920px,calc(100vw - 36px))!important;height:auto!important;max-height:calc(100vh - 36px)!important;min-height:0!important;display:flex;flex-direction:column;}
.subscription-builder-modal-card .subscription-builder-body{flex:0 1 auto;max-height:min(540px,calc(100vh - 260px));overflow:auto;}
.subscription-builder-modal-card.maximized{width:calc(100vw - 16px)!important;max-width:none!important;height:calc(100vh - 16px)!important;max-height:none!important;border-radius:16px!important;}
.subscription-builder-modal-card.maximized .subscription-builder-body{flex:1 1 auto;max-height:none!important;min-height:0;}
.subscription-builder-head-actions{display:flex;align-items:center;gap:7px;}
.subscription-basket-remove{display:inline-grid!important;place-items:center!important;align-items:center!important;justify-items:center!important;line-height:0!important;}
.subscription-basket-remove svg{width:13px;height:13px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;pointer-events:none;}

/* Home identity/access replaces another prose heading. */
.studio-dashboard-identity{display:flex;align-items:center;gap:16px;min-width:0;flex-wrap:wrap;}
.studio-dashboard-user-name{font-size:22px;line-height:1.1;font-weight:800;color:var(--text);white-space:nowrap;}
.studio-dashboard-access-strip{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;}
.studio-dashboard-access-strip article{display:grid;gap:1px;min-width:142px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,transparent);}
.studio-dashboard-access-strip small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800;}
.studio-dashboard-access-strip strong{font-size:11.5px;color:var(--text);}
.studio-dashboard-access-strip span{font-size:9px;color:var(--muted);}
.dashboard-card-action{padding:6px 9px;min-height:0;font-size:10px;}
.studio-published-summary{min-height:96px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;align-content:center;}
.studio-published-summary>strong{font-size:32px;line-height:1;color:var(--text);}
.studio-published-summary>span{font-size:11px;color:var(--muted);}
.studio-published-summary>div{display:flex;gap:6px;flex-basis:100%;flex-wrap:wrap;}
.studio-published-summary small{border:1px solid var(--line);border-radius:999px;padding:3px 7px;color:var(--muted);background:var(--panel2);}
.studio-published-modal-card{width:min(720px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;}
.studio-published-list{padding:14px;display:grid;gap:8px;overflow:auto;}
.studio-published-item{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:6px;background:var(--panel2);}
.studio-published-item:hover{border-color:var(--blue);}
.studio-published-project-link{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-start;padding:5px 6px;border:0!important;background:transparent!important;color:var(--text);text-align:left;box-shadow:none!important;}
.studio-published-project-link>span{display:grid;gap:2px;min-width:0;}.studio-published-project-link strong,.studio-published-project-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.studio-published-item small{color:var(--muted);}
.studio-published-open-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 8px;border-radius:8px;color:var(--blue);font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap;}
.studio-published-open-link:hover{background:color-mix(in srgb,var(--blue) 10%,transparent);text-decoration:none;}

/* Profile name dialog is intentionally the same interaction model as password changes. */
#profileNameModal{z-index:310;}
#profileNameModal .compact-dialog-card{width:min(460px,calc(100vw - 30px));}

@media(max-width:780px){
  .settings-account-switch span{display:none}.settings-account-switch select{min-width:110px;max-width:150px}
  .studio-dashboard-user-name{width:100%;}.studio-dashboard-access-strip{width:100%}.studio-dashboard-access-strip article{flex:1 1 130px;}
}

/* v1.0.1039 subscription purchase rules and compact commercial UI */
#settingsModal [data-settings-panel="subscriptions"] #settingsBillingCard{
  width:min(520px,100%);margin:10px 0 0;padding:11px 13px;display:block;
}
#settingsModal [data-settings-panel="subscriptions"] #settingsBillingCard.hidden{display:none!important;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-actions{
  margin:10px 0 2px;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;
}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-actions:empty{display:none;}
#settingsModal [data-settings-panel="subscriptions"] .settings-subscription-buy-btn{display:inline-flex;align-items:center;gap:7px;}
#settingsModal [data-settings-panel="subscriptions"] .settings-subscription-cart{display:inline-grid;place-items:center;width:15px;height:15px;flex:0 0 15px;}
#settingsModal [data-settings-panel="subscriptions"] .settings-subscription-cart svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-label{display:flex;align-items:baseline;gap:10px;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-label>strong{font-size:12px;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-label>.hint{font-size:11px;}

.settings-user-access-history{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow:hidden;}
.settings-user-access-history>summary{padding:10px 12px;cursor:pointer;font-weight:800;font-size:11px;color:var(--text);list-style-position:inside;}
.settings-user-access-history[open]>summary{border-bottom:1px solid var(--line);}
.settings-user-access-history .settings-entitlement-list{padding:8px 10px;}

.subscription-builder-modal-card{width:min(880px,calc(100vw - 36px))!important;}
.subscription-builder-body{padding:18px 20px!important;}
.subscription-builder-shop-main{width:100%;}
.subscription-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;}
.subscription-shop-grid.studio{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:820px;justify-content:start;}
.subscription-shop-card{padding:14px 15px!important;gap:11px!important;box-shadow:none!important;}
.subscription-shop-card-main{grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;}
.subscription-shop-title-row{display:flex;align-items:center;gap:7px;min-width:0;}
.subscription-shop-title-row>strong{font-size:14px;line-height:1.25;}
.subscription-product-fact{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.3;}
.subscription-info-wrap{position:relative;display:inline-flex;align-items:center;}
.subscription-info-tip{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:900!important;line-height:1!important;color:var(--muted)!important;background:var(--panel2)!important;border:1px solid var(--line)!important;box-shadow:none!important;}
.subscription-info-popover{position:absolute;z-index:40;left:50%;top:calc(100% + 7px);width:min(300px,70vw);padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:10.5px;line-height:1.4;box-shadow:0 12px 30px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translate(-50%,-3px);pointer-events:none;transition:opacity .12s ease,transform .12s ease;}
.subscription-info-wrap:hover .subscription-info-popover,.subscription-info-wrap:focus-within .subscription-info-popover{opacity:1;visibility:visible;transform:translate(-50%,0);}
.subscription-price-choices{gap:8px!important;}
.subscription-price-choice{min-height:54px!important;padding:8px 10px!important;}
.subscription-price-choice span{font-size:10px!important;}.subscription-price-choice strong{font-size:12px!important;}
.subscription-shop-card-footer{padding-top:0!important;}
.subscription-add-btn{min-height:34px!important;padding:7px 12px!important;}
.subscription-qty-control{gap:7px!important;}.subscription-qty-control>span{font-size:10px!important;}
.subscription-shop-oneoff-price{margin:0!important;}
.subscription-step-heading{margin-bottom:10px!important;}
.subscription-step-heading h3{font-size:15px!important;}
.subscription-step-heading>span{font-size:9px!important;}
.subscription-review-list{display:grid;gap:8px;}
.subscription-review-card{min-height:64px;padding:10px 12px!important;}
.subscription-review-card>strong{white-space:nowrap;}
.subscription-basket-remove{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  padding:0!important;border-radius:50%!important;line-height:0!important;vertical-align:middle!important;
}
.subscription-basket-remove svg{display:block!important;width:14px!important;height:14px!important;margin:0!important;transform:none!important;overflow:visible!important;}
.subscription-basket-remove svg path{vector-effect:non-scaling-stroke;}
.subscription-basket-line>.subscription-basket-remove,.subscription-review-card>.subscription-basket-remove{align-self:center!important;justify-self:center!important;}
.subscription-basket-line{align-items:center!important;}
.subscription-review-card{align-items:center!important;}

@media(max-width:760px){
  .subscription-shop-grid{grid-template-columns:1fr;}
  .subscription-shop-grid.studio{grid-template-columns:1fr;}
  #settingsModal [data-settings-panel="subscriptions"] #settingsBillingCard{width:100%;}
}

/* v1.0.1040 final pre-beta export/version/overview refinements */
#versionMenu.version-action-menu{
  width:300px;
  min-width:300px;
  max-width:min(300px,calc(100vw - 24px));
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  overflow:hidden;
}
#versionMenu.version-action-menu.hidden{display:none!important;}
#versionMenu .version-action-menu-section{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:3px;
  min-width:0;
}
#versionMenu .version-action-menu-section.hidden{display:none!important;}
#versionMenu .version-action-menu-section button{
  position:static!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box;
}
#versionMenu hr{width:100%;margin:3px 0;border:0;border-top:1px solid var(--line);}
#versionMenu .version-action-menu-publish button{font-weight:750;}

.setup-overview-technologies{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel2) 74%,transparent);
}
.setup-overview-tech-chart{
  width:96px;
  aspect-ratio:1;
  border-radius:50%;
  position:relative;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);
}
.setup-overview-tech-chart::after{
  content:"";
  position:absolute;
  inset:24%;
  border-radius:50%;
  background:var(--panel);
  border:1px solid var(--line);
}
.setup-overview-tech-copy{display:grid;gap:7px;min-width:0;}
.setup-overview-tech-copy>strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.setup-overview-tech-copy ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;}
.setup-overview-tech-copy li{display:flex;align-items:center;gap:6px;min-width:0;font-size:10.5px;color:var(--text);}
.setup-overview-tech-copy li i{width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:var(--tech-dot);}
.setup-overview-tech-copy li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:760px){.setup-overview-technologies{grid-template-columns:82px minmax(0,1fr)}.setup-overview-tech-chart{width:76px}.setup-overview-tech-copy ul{grid-template-columns:1fr;}}

#versionPickerModal.maximized{padding:8px!important;}
#versionPickerModal.maximized .version-picker-modal{
  width:calc(100vw - 16px);
  height:calc(100vh - 16px);
  max-width:none;
  max-height:none;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
}
#versionPickerModal.maximized .version-picker-list{max-height:none;min-height:0;height:100%;overflow:auto;}
.version-picker-head-actions #versionPickerMaximizeBtn{width:34px;min-width:34px;height:34px;padding:0;display:grid;place-items:center;}

/* v1.0.1042 focused Home publishing + stable Project Setup details */
.studio-published-card .studio-dashboard-card-head{margin-bottom:9px}
.studio-published-summary{min-height:0;display:block}
.studio-published-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.studio-published-type-stat{position:relative;min-width:0;min-height:82px;padding:11px 10px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:auto auto;align-items:end;gap:2px 6px}
.studio-published-type-stat>strong{grid-column:1;font-size:25px;line-height:1;color:var(--text)}
.studio-published-type-stat>span{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-weight:700}
.studio-published-type-stat>button{grid-column:2;grid-row:1 / span 2;align-self:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));color:var(--text);font-size:15px;line-height:1}
.studio-published-type-stat>button:hover:not(:disabled){border-color:color-mix(in srgb,var(--blue) 66%,var(--line));background:color-mix(in srgb,var(--blue) 14%,var(--panel))}
.studio-published-type-stat>button:disabled{opacity:.34;cursor:default}
@media(max-width:1200px){.studio-published-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.studio-published-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.0.1044 registration + final Settings alignment */
.register-card{width:min(620px,calc(100vw - 28px));max-width:620px;}
.register-account-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:3px 0 8px;padding:0;border:0;}
.register-account-kind legend{grid-column:1/-1;margin:0 0 2px;font-size:11px;font-weight:750;color:var(--muted);}
.register-account-kind>label{display:flex;align-items:center;gap:9px;min-height:62px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer;}
.register-account-kind>label:has(input:checked){border-color:color-mix(in srgb,var(--blue) 70%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 12%,transparent);}
.register-account-kind input{width:auto;flex:0 0 auto;}
.register-account-kind span{display:grid;gap:2px;}.register-account-kind strong{font-size:12px;color:var(--text);}.register-account-kind small{font-size:10px;color:var(--muted);font-weight:500;}
.register-company-fields{display:grid;gap:8px;margin:2px 0 8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 76%,transparent);}
.register-company-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;}.register-company-address-grid label{display:grid;gap:5px;margin:0;}.register-company-address-grid label:first-child{grid-column:1/-1;}
.register-company-fields label>small{font-size:9px;font-weight:500;color:var(--muted);}
@media(max-width:620px){.register-account-kind,.register-company-address-grid{grid-template-columns:1fr}.register-company-address-grid label:first-child{grid-column:auto}}

/* Usage & Storage cards use one left-aligned visual rhythm. */
#settingsModal .account-metric-card{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  align-content:normal!important;
  justify-items:normal!important;
  text-align:left!important;
}
#settingsModal .account-metric-card>strong,
#settingsModal .account-metric-card>.account-metric-detail{align-self:flex-start!important;text-align:left!important;}
#settingsModal .account-metric-detail{justify-content:flex-start!important;}

/* Company member row actions sit together at the start of the Actions column. */
#settingsModal [data-settings-panel="users"] .settings-user-table td.actions{text-align:left!important;}
#settingsModal [data-settings-panel="users"] .settings-user-actions{justify-content:flex-start!important;}


/* v1.0.1045 Appearance selector and restored Project Setup shell */
#settingsModal .appearance-options{grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px;align-items:stretch;}
#settingsModal .appearance-option{
  min-height:172px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(120px,2fr)!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  gap:14px!important;
  text-align:left!important;
}
#settingsModal .appearance-option>.appearance-preview{
  width:100%!important;
  max-width:none!important;
  height:144px!important;
  min-height:144px!important;
  margin:0!important;
  align-self:center;
}
#settingsModal .appearance-option>span:last-child{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#settingsModal .appearance-option>span:last-child strong{
  font-size:18px!important;
  line-height:1.15;
  letter-spacing:-.01em;
}
@media(max-width:860px){
  #settingsModal .appearance-options{grid-template-columns:1fr;}
  #settingsModal .appearance-option{grid-template-columns:minmax(0,3fr) minmax(110px,2fr)!important;}
}
@media(max-width:560px){
  #settingsModal .appearance-option{grid-template-columns:1fr!important;grid-template-rows:120px auto!important;}
  #settingsModal .appearance-option>.appearance-preview{height:120px!important;min-height:120px!important;}
}

/* v1.0.1046 CSS-only Project Setup polish. Keep the restored 1.0.1033 render/event lifecycle untouched. */
#setupWizardModal{
  padding:clamp(10px,2vh,20px);
}
#setupWizardModal .setup-wizard-modal-card{
  width:min(980px,calc(100vw - 28px));
  max-width:980px;
  max-height:calc(100vh - 28px);
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:19px;
  background:var(--panel);
  color:var(--text);
}
#setupWizardModal.maximized .setup-wizard-modal-card{
  width:calc(100vw - 24px);
  max-width:none;
  height:calc(100vh - 24px);
  max-height:calc(100vh - 24px);
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border-color:var(--line);
  border-radius:17px;
  background:var(--panel);
  color:var(--text);
}
#setupWizardModal .wizard-head{
  flex:0 0 auto;
  align-items:center;
  margin:0;
  padding:17px 20px 10px;
  gap:12px;
  border:0;
}
#setupWizardModal .wizard-head h2{
  margin:0;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.025em;
}
#setupWizardModal .wizard-head-actions{margin-left:auto;gap:7px;}
#setupWizardModal #setupWizardStepLabel{
  min-height:28px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  font-size:9.5px;
  line-height:1;
}
#setupWizardModal #setupWizardMaximizeBtn,
#setupWizardModal #setupWizardCloseBtn{
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:10px;
  font-size:16px;
}
#setupWizardModal .wizard-progress{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0;
  padding:4px 20px 12px;
}
#setupWizardModal .wizard-progress span{
  min-width:0;
  height:32px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--panel2) 78%,transparent);
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
  line-height:1;
}
#setupWizardModal .wizard-progress span.active{
  border-color:color-mix(in srgb,var(--blue) 55%,var(--line));
  background:color-mix(in srgb,var(--blue) 11%,var(--panel));
  color:var(--text);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 12%,transparent);
}
#setupWizardModal .wizard-progress span.done{
  border-color:color-mix(in srgb,var(--teal) 30%,var(--line));
  background:color-mix(in srgb,var(--teal) 7%,var(--panel2));
  color:color-mix(in srgb,var(--text) 84%,var(--muted));
}
#setupWizardModal .wizard-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:16px 22px 20px;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}
#setupWizardModal .wizard-screen{
  min-width:0;
  color:var(--text);
  font-size:12.5px;
  line-height:1.45;
}
#setupWizardModal .wizard-screen-heading{
  display:grid;
  gap:3px;
  margin:0 0 13px;
}
#setupWizardModal .wizard-screen-heading h3,
#setupWizardModal .wizard-screen h3{
  margin:0;
  color:var(--text);
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.015em;
}
#setupWizardModal .wizard-screen-heading p,
#setupWizardModal .wizard-screen>.hint{
  margin:0;
  max-width:70ch;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
#setupWizardModal .wizard-choice-grid{gap:10px;margin:10px 0;align-items:stretch;}
#setupWizardModal .wizard-choice-card{
  gap:5px;
  padding:12px;
  border-color:var(--line);
  border-radius:13px;
  background:var(--panel2);
  color:var(--text);
  box-shadow:none;
}
#setupWizardModal .wizard-choice-card:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--blue) 58%,var(--line));
  background:color-mix(in srgb,var(--blue) 5%,var(--panel2));
}
#setupWizardModal .wizard-choice-card.selected{
  border-color:color-mix(in srgb,var(--blue) 70%,var(--line));
  background:color-mix(in srgb,var(--blue) 10%,var(--panel2));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 13%,transparent);
}
#setupWizardModal .wizard-choice-card span{color:var(--muted);font-size:11px;line-height:1.4;}
#setupWizardModal .wizard-choice-card small{color:var(--muted);font-size:10px;line-height:1.35;}

/* Project type cards: same stable DOM, only cleaner proportions. */
#setupWizardModal .wizard-project-type-grid{gap:10px;margin-top:10px;}
#setupWizardModal .wizard-project-type-card{
  grid-template-rows:100px minmax(58px,1fr);
  gap:8px;
  min-height:174px;
  height:100%;
  padding:9px;
  border-radius:13px;
}
#setupWizardModal .wizard-project-type-visual{
  min-height:100px;
  height:100px;
  border-radius:10px;
}
#setupWizardModal .wizard-project-type-copy{
  align-content:start;
  gap:4px!important;
  min-height:58px;
  padding:1px 2px 0;
}
#setupWizardModal .wizard-project-type-copy strong{font-size:13.5px;line-height:1.2;color:var(--text);}
#setupWizardModal .wizard-project-type-copy>span{min-height:28px;font-size:10px;line-height:1.35;color:var(--muted);}

/* Details: standard Studio fields and compact section rhythm. */
#setupWizardModal .wizard-form-stack{gap:8px;}
#setupWizardModal .wizard-details-form{max-width:none;}
#setupWizardModal .wizard-details-form>label,
#setupWizardModal .wizard-form-stack>label{
  margin:3px 0 -2px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#setupWizardModal .wizard-screen input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#setupWizardModal .wizard-screen select{
  min-height:40px;
  height:40px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
  color:var(--text);
  font-size:12px;
  box-shadow:none;
}
#setupWizardModal .wizard-screen textarea{
  min-height:94px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
  color:var(--text);
  font-size:12px;
  line-height:1.45;
  box-shadow:none;
}
#setupWizardModal .wizard-screen input:focus,
#setupWizardModal .wizard-screen select:focus,
#setupWizardModal .wizard-screen textarea:focus{
  outline:none;
  border-color:color-mix(in srgb,var(--blue) 72%,var(--line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent);
}
#setupWizardModal .wizard-screen input::placeholder,
#setupWizardModal .wizard-screen textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);}
#setupWizardModal .wizard-site-type-section,
#setupWizardModal .wizard-shared-playbook-section,
#setupWizardModal .document-setup-section,
#setupWizardModal .wizard-presentation-style-section{
  margin-top:13px;
}
#setupWizardModal .wizard-context-heading,
#setupWizardModal .wizard-context-heading-compact{
  align-items:center;
  gap:10px;
}
#setupWizardModal .wizard-context-heading h4,
#setupWizardModal .wizard-context-heading-compact h4{
  margin:0;
  color:var(--text);
  font-size:12.5px;
  line-height:1.2;
}
#setupWizardModal .wizard-site-type-grid{gap:8px;}
#setupWizardModal .wizard-site-type-card{
  grid-template-rows:76px 18px 16px;
  gap:4px;
  min-height:128px;
  padding:8px;
  border-color:var(--line);
  border-radius:11px;
  background:var(--panel2);
  color:var(--text);
}
#setupWizardModal .wizard-site-type-preview{width:110px;height:68px;}
#setupWizardModal .wizard-site-type-card>strong{font-size:11.5px;line-height:1.2;}
#setupWizardModal .wizard-site-type-card>small{font-size:9.5px;line-height:1.2;color:var(--muted);}
#setupWizardModal .wizard-shared-playbook-grid{gap:8px;max-width:520px;}
#setupWizardModal .wizard-pill-btn{
  min-height:54px;
  gap:3px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
  color:var(--text);
  box-shadow:none;
}
#setupWizardModal .wizard-pill-btn strong{font-size:11.5px;line-height:1.2;}
#setupWizardModal .wizard-pill-btn span{font-size:9.5px;line-height:1.3;color:var(--muted);}
#setupWizardModal .wizard-source-context-compact{gap:8px;margin-top:13px;}
#setupWizardModal .wizard-context-collapsible{
  border:1px solid var(--line);
  border-radius:11px;
  background:color-mix(in srgb,var(--panel2) 72%,transparent);
}
#setupWizardModal .wizard-context-collapsible summary{min-height:48px;padding:10px 12px;}
#setupWizardModal .wizard-context-collapsible summary strong{font-size:11.5px;color:var(--text);}
#setupWizardModal .wizard-context-collapsible summary small{font-size:9.5px;color:var(--muted);}
#setupWizardModal .wizard-context-content{padding:0 12px 12px;border-top-color:var(--line);}
#setupWizardModal .wizard-upload-box{
  gap:9px;
  margin:10px 0;
  padding:10px;
  border-color:var(--line);
  border-radius:10px;
  background:var(--panel2);
  color:var(--muted);
  font-size:10.5px;
}
#setupWizardModal .wizard-file-list{gap:6px;margin:8px 0 4px;}
#setupWizardModal .wizard-file-row{
  min-height:40px;
  padding:6px 7px 6px 10px;
  border-color:var(--line);
  border-radius:9px;
  background:var(--panel2);
  color:var(--text);
}
#setupWizardModal .wizard-file-row small{color:var(--muted);}
#setupWizardModal .wizard-preview-box,
#setupWizardModal .wizard-advanced-panel,
#setupWizardModal .wizard-draft-notice{
  border-color:var(--line);
  border-radius:11px;
  background:var(--panel2);
  color:var(--text);
}
#setupWizardModal .wizard-preview-box{gap:4px;margin-top:10px;padding:10px 11px;}

/* Review: compact readable cards rather than long full-width blocks. */
#setupWizardModal .wizard-review-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:8px 0 12px;
  align-items:stretch;
}
#setupWizardModal .wizard-review-grid>div{
  min-height:62px;
  padding:9px 10px;
  gap:4px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
}
#setupWizardModal .wizard-review-grid strong{font-size:9px;color:var(--muted);}
#setupWizardModal .wizard-review-grid span{align-self:start;min-height:16px;font-size:11.5px;line-height:1.35;color:var(--text);}
#setupWizardModal .wizard-review-grid .wizard-ai-review-card small{font-size:10.5px;line-height:1.35;color:var(--muted);}

/* Fixed footer while only the wizard body scrolls. */
#setupWizardModal .wizard-footer{
  flex:0 0 auto;
  margin:0;
  padding:12px 20px 16px;
  gap:8px;
  border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  background:var(--panel);
}
#setupWizardModal .wizard-footer button{
  min-width:88px;
  min-height:38px;
  height:38px;
  padding:0 15px;
  border-radius:10px;
  font-size:11.5px;
  font-weight:700;
}
#setupWizardModal #wizardNextBtn{min-width:108px;}
#setupWizardModal #projectStatus,
#setupWizardModal #importProjectStatus{
  flex:0 0 auto;
  min-height:0;
  margin:0 20px 8px;
  font-size:10px;
}
#setupWizardModal #projectStatus:empty,
#setupWizardModal #importProjectStatus:empty{display:none;}

@media(max-width:900px){
  #setupWizardModal .setup-wizard-modal-card{width:calc(100vw - 20px);max-width:none;max-height:calc(100vh - 20px);}
  #setupWizardModal .wizard-project-type-card{grid-template-rows:92px minmax(52px,1fr);min-height:156px;}
  #setupWizardModal .wizard-project-type-visual{height:92px;min-height:92px;}
}
@media(max-width:700px){
  #setupWizardModal{padding:6px;}
  #setupWizardModal .setup-wizard-modal-card{width:calc(100vw - 12px);max-height:calc(100vh - 12px);border-radius:15px;}
  #setupWizardModal .wizard-head{padding:14px 14px 8px;}
  #setupWizardModal .wizard-head h2{font-size:19px;}
  #setupWizardModal #setupWizardStepLabel{display:none;}
  #setupWizardModal .wizard-progress{gap:4px;padding:3px 14px 9px;}
  #setupWizardModal .wizard-progress span{height:29px;padding:0 5px;font-size:8.5px;}
  #setupWizardModal .wizard-body{padding:14px;}
  #setupWizardModal .wizard-project-type-card{grid-template-columns:88px minmax(0,1fr);grid-template-rows:none;min-height:0;align-items:center;}
  #setupWizardModal .wizard-project-type-visual{height:76px;min-height:76px;}
  #setupWizardModal .wizard-project-type-copy{min-height:0;align-content:center;}
  #setupWizardModal .wizard-project-type-copy>span{min-height:0;}
  #setupWizardModal .wizard-site-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #setupWizardModal .wizard-review-grid{grid-template-columns:1fr;}
  #setupWizardModal .wizard-footer{padding:10px 14px 14px;}
  #setupWizardModal #projectStatus,#setupWizardModal #importProjectStatus{margin-left:14px;margin-right:14px;}
}
@media(max-width:520px){
  #setupWizardModal .wizard-site-type-grid{grid-template-columns:1fr;}
  #setupWizardModal .wizard-footer button{min-width:0;padding:0 12px;}
}

/* v1.0.1047 unified Project Setup option-card language.
   Visual-only: keep the restored Project Setup render/event lifecycle intact. */
#setupWizardModal{
  --wizard-option-accent:var(--blue,#60a5fa);
  --wizard-option-selected-bg:color-mix(in srgb,var(--blue,#60a5fa) 12%,var(--panel2));
  --wizard-option-selected-ring:color-mix(in srgb,var(--blue,#60a5fa) 28%,transparent);
}

/* Strong, standard selection feedback for all selectable setup cards. */
#setupWizardModal .wizard-choice-card,
#setupWizardModal .wizard-site-type-card,
#setupWizardModal .document-format-card,
#setupWizardModal .document-playbook-card,
#setupWizardModal .wizard-simple-look-card,
#setupWizardModal .wizard-pill-btn{
  position:relative;
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease;
}
#setupWizardModal .wizard-choice-card.selected,
#setupWizardModal .wizard-site-type-card.selected,
#setupWizardModal .document-format-card.selected,
#setupWizardModal .document-playbook-card.selected,
#setupWizardModal .wizard-simple-look-card.selected,
#setupWizardModal .wizard-pill-btn.selected{
  border-color:var(--wizard-option-accent)!important;
  background:var(--wizard-option-selected-bg)!important;
  box-shadow:0 0 0 2px var(--wizard-option-selected-ring)!important;
}
#setupWizardModal .wizard-choice-card:hover:not(:disabled),
#setupWizardModal .wizard-site-type-card:hover:not(:disabled),
#setupWizardModal .document-format-card:hover:not(.disabled),
#setupWizardModal .document-playbook-card:hover:not(.disabled),
#setupWizardModal .wizard-simple-look-card:hover:not(:disabled),
#setupWizardModal .wizard-pill-btn:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--wizard-option-accent) 72%,var(--line))!important;
}

/* Visual option cards share the compact Presentation Visual Design proportions. */
#setupWizardModal .wizard-site-type-card,
#setupWizardModal .document-format-grid>.document-format-card,
#setupWizardModal .wizard-presentation-style-section .wizard-presentation-all-styles>.wizard-simple-look-card,
#setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid>.wizard-simple-look-card{
  width:100%!important;
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  box-sizing:border-box!important;
  padding:7px!important;
  gap:5px!important;
  border-radius:11px!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  overflow:hidden;
}

/* Site type now uses the same preview/label rhythm rather than tall legacy cards. */
#setupWizardModal .wizard-site-type-card{
  grid-template-rows:64px minmax(18px,auto)!important;
}
#setupWizardModal .wizard-site-type-preview{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  border-radius:8px!important;
}
#setupWizardModal .wizard-site-type-card>strong{
  width:100%;
  font-size:11px!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#setupWizardModal .wizard-site-type-card>small{display:none!important;}

/* Document type uses the same 64px artwork + label footer. */
#setupWizardModal .document-format-grid>.document-format-card{
  grid-template-rows:64px minmax(18px,auto)!important;
}
#setupWizardModal .document-format-grid>.document-format-card>.document-format-preview{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
}
#setupWizardModal .document-format-grid>.document-format-card>strong{
  font-size:11px!important;
  line-height:1.15!important;
  text-align:center!important;
}

/* Built-in and Custom Presentation themes now use one identical five-column card grid. */
#setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
#setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid>.wizard-simple-look-card{
  grid-template-rows:64px minmax(18px,auto)!important;
}
#setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid>.wizard-simple-look-card>.wizard-theme-preview{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  justify-self:center!important;
  align-self:center!important;
}
#setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid>.wizard-simple-look-card>.wizard-style-card-copy{
  width:100%!important;
  min-width:0!important;
  justify-items:center!important;
  align-content:center!important;
  text-align:center!important;
}
#setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid>.wizard-simple-look-card .wizard-style-card-title{
  width:100%!important;
  justify-content:center!important;
  gap:4px!important;
}
#setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid>.wizard-simple-look-card strong{
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* A visible, conventional selected marker on visual cards. */
#setupWizardModal .wizard-site-type-card.selected::after,
#setupWizardModal .document-format-card.selected::after,
#setupWizardModal .wizard-presentation-style-section .wizard-simple-look-card.selected::after{
  content:'✓';
  position:absolute;
  top:6px;
  right:6px;
  z-index:3;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:999px;
  background:var(--wizard-option-accent);
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}

/* Text-only option cards keep their compact height but use the same selection language. */
#setupWizardModal .wizard-shared-playbook-grid .wizard-pill-btn,
#setupWizardModal .document-playbook-card,
#setupWizardModal .wizard-presentation-density-grid .wizard-pill-btn,
#setupWizardModal .wizard-document-density-grid .wizard-pill-btn{
  min-height:50px!important;
  height:50px!important;
  border-radius:10px!important;
  padding:7px 10px!important;
  justify-content:center!important;
}
#setupWizardModal .document-playbook-grid{gap:8px!important;}

/* AI Designed must not visually duplicate Creative. */
.wizard-theme-preview.theme-ai-designed{
  background:
    radial-gradient(circle at 78% 24%,rgba(103,232,249,.85) 0 8%,transparent 9%),
    linear-gradient(145deg,#071526 0 46%,#1746a2 47% 70%,#0e7490 71% 100%);
  color:#e0f2fe;
}
.wizard-theme-preview.theme-ai-designed i:nth-child(1){width:54%;height:7px;background:#e0f2fe;}
.wizard-theme-preview.theme-ai-designed i:nth-child(2){width:36%;background:#7dd3fc;opacity:.85;}
.wizard-theme-preview.theme-ai-designed i:nth-child(3){
  width:30px;height:30px;border-radius:7px;transform:rotate(45deg);
  background:#38bdf8;opacity:.5;box-shadow:-16px 16px 0 rgba(167,139,250,.5);
}
.wizard-theme-preview.theme-ai-designed i:nth-child(4){border-color:#a5f3fc;opacity:.8;}

@media(max-width:980px){
  #setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:800px){
  #setupWizardModal .wizard-site-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:520px){
  #setupWizardModal .wizard-site-type-grid,
  #setupWizardModal .wizard-presentation-style-section .wizard-fixed-style-grid{grid-template-columns:1fr!important;}
}

/* v1.0.1048 — clearer Site one-page preview + direct/modern Runtime Services. */
#setupWizardModal .wizard-site-type-preview.site-type-onepager::before{
  content:'';
  position:absolute;
  left:25%;top:6%;width:50%;height:88%;
  border:1px solid color-mix(in srgb,var(--ink,#18202a) 22%,transparent);
  border-radius:4px;
  background:color-mix(in srgb,var(--surface,#fff) 82%,transparent);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
#setupWizardModal .site-type-onepager i:nth-child(1){left:30%;top:13%;width:40%;height:12%;}
#setupWizardModal .site-type-onepager i:nth-child(2){left:30%;top:31%;width:40%;height:18%;}
#setupWizardModal .site-type-onepager i:nth-child(3){left:30%;top:56%;width:40%;height:9%;}
#setupWizardModal .site-type-onepager i:nth-child(4){left:30%;top:71%;width:40%;height:15%;background:color-mix(in srgb,var(--accent,#5865f2) 42%,transparent);}

#runtimeServicesModal>.runtime-services-modal-card{width:min(1120px,calc(100vw - 28px));}
#runtimeServicesModal .modal-head{padding-bottom:10px;}
#runtimeServicesModal .modal-head h2{font-size:20px;}
#runtimeServicesModal .modal-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:10px 16px!important;
  scrollbar-width:thin;
}
#runtimeServicesModal .modal-actions button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  font-size:11px!important;
  font-weight:750!important;
}
#runtimeServicesModal .runtime-services-list{display:grid;gap:10px;margin:12px 16px 0;}
#runtimeServicesModal .runtime-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#runtimeServicesModal .runtime-health-grid .runtime-safe-viewer-banner{margin:0;min-width:0;}
#runtimeServicesModal .runtime-service-row{
  grid-template-columns:minmax(140px,1.05fr) minmax(170px,1.35fr) minmax(90px,.7fr) auto;
  padding:9px 11px;
  border-radius:10px;
  background:color-mix(in srgb,var(--panel2) 88%,transparent);
}
#runtimeServicesModal .runtime-services-output{border-radius:10px;background:color-mix(in srgb,var(--panel2) 80%,transparent);}
@media(max-width:760px){
  #runtimeServicesModal .runtime-health-grid{grid-template-columns:1fr;}
  #runtimeServicesModal .runtime-service-row{grid-template-columns:1fr;gap:5px;}
}

/* v1.0.1049 — Runtime Services utility controls, copy and all-log export. */
#runtimeServicesModal .runtime-services-head-actions{
  display:flex;align-items:center;gap:7px;flex:0 0 auto;
}
#runtimeServicesModal .runtime-services-head-actions .icon-btn{
  width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:grid;place-items:center;
}
#runtimeServicesModal>.runtime-services-modal-card.maximized{
  width:calc(100vw - 28px)!important;height:calc(100vh - 28px)!important;max-width:none!important;max-height:none!important;
}
#runtimeServicesModal>.runtime-services-modal-card.maximized .runtime-services-output-wrap{flex:1 1 auto;min-height:220px;display:flex;}
#runtimeServicesModal>.runtime-services-modal-card.maximized .runtime-services-output{flex:1 1 auto;max-height:none!important;min-height:0;}
#runtimeServicesModal .runtime-services-export-row{
  display:flex;align-items:center;justify-content:flex-start;padding:0 16px 2px;
}
#runtimeServicesModal .runtime-services-export-row button{
  min-height:32px;padding:6px 10px;border-radius:9px;font-size:11px;font-weight:750;
}
#runtimeServicesModal .runtime-services-output-wrap{
  position:relative;margin:10px 16px 16px;min-height:180px;
}
#runtimeServicesModal .runtime-services-output-wrap .runtime-services-output{
  margin:0!important;width:100%;min-height:180px;max-height:42vh;overflow:auto;padding-top:42px;
}
#runtimeServicesModal .runtime-services-copy-btn{
  position:absolute;right:9px;top:9px;z-index:2;min-height:28px;padding:4px 9px;border-radius:8px;font-size:10.5px;font-weight:750;
  background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(8px);
}
@media(max-width:760px){
  #runtimeServicesModal>.runtime-services-modal-card.maximized{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;}
}


/* v1.0.1051 — Runtime Services privilege-aware utilities + clearer Project hierarchy. */
#runtimeServicesModal .modal-actions .runtime-services-export-all{
  margin-left:auto!important;
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--accent,#5865f2),var(--accent-2,#22c1c3))!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--accent,#5865f2) 18%,transparent)!important;
}
#runtimeServicesModal .runtime-services-output-wrap .runtime-services-output:empty + .runtime-services-copy-btn{display:none!important;}
#runtimeServicesModal .runtime-services-export-row{display:none!important;}

/* Parent Project -> Type -> artifact should read as three distinct navigation levels. */
.project-group-block + .project-group-block{margin-top:7px;}
.project-group-main{gap:5px!important;}
.project-group-folder-icon{
  width:21px!important;height:21px!important;flex-basis:21px!important;
  border-radius:6px;
  color:var(--accent,#60a5fa)!important;
  background:color-mix(in srgb,var(--accent,#60a5fa) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--accent,#60a5fa) 18%,var(--line));
}
.project-group-folder-icon svg{width:13px!important;height:13px!important;}
.project-group-name{font-size:12.5px!important;font-weight:820!important;letter-spacing:-.01em!important;color:var(--text)!important;}
.project-type-branch{margin:4px 0 2px!important;}
.project-type-branch-head{
  min-height:26px!important;
  font-size:9.6px!important;
  font-weight:820!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
  color:var(--muted)!important;
}
.project-type-branch-head .project-type-icon{color:color-mix(in srgb,var(--accent,#60a5fa) 72%,var(--muted))!important;}
.project-type-branch-head small{
  margin-left:2px;
  min-width:18px;
  padding:1px 5px;
  border-radius:999px;
  text-align:center;
  font-size:8.5px!important;
  letter-spacing:0!important;
  color:var(--muted);
  background:color-mix(in srgb,var(--panel2) 76%,transparent);
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
}
.project-artifact-row{min-height:29px!important;}
.project-artifact-main>span{font-size:10.9px!important;font-weight:610!important;color:color-mix(in srgb,var(--text) 88%,var(--muted));}
.project-artifact-row:hover .project-artifact-main>span{color:var(--text)!important;}
.project-artifact-row.active .project-artifact-main>span{font-weight:760!important;color:var(--accent,#60a5fa)!important;}
.project-artifact-version{font-size:8.6px!important;color:var(--muted)!important;}
html[data-appearance="light"] .project-group-folder-icon{background:#eef5ff;border-color:#d7e7fb;}

/* v1.0.1052 — deterministic Project -> Type -> artifact tree alignment. */
.project-type-branch-head{
  display:grid!important;
  grid-template-columns:10px 15px minmax(0,1fr) 24px!important;
  column-gap:5px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  width:100%!important;
  padding:4px 2px!important;
}
.project-type-branch-head>span:nth-child(3){
  min-width:0;
  justify-self:start;
  text-align:left!important;
}
.project-type-branch-head small{
  margin-left:0!important;
  justify-self:end;
  min-width:18px!important;
}

/* 1.0.1053 — Version provenance and stable Workspace mode switching */
.version-handoff-list{display:grid;gap:8px;margin-top:8px}
.version-handoff-list article{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.version-handoff-list article>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.version-handoff-list article>div>b{font-size:11px}
.version-handoff-list article>div>span{font-size:9px;text-transform:capitalize;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 6px}
.version-handoff-list p{margin:0;font-size:11px;line-height:1.45}
.version-handoff-list small{font-size:10px;line-height:1.4;color:var(--muted)}
#workspaceModeBtn:disabled{cursor:wait;opacity:.7}


/* 1.0.1054 — editor controls use browser-stable dark select surfaces; experimental appearance choices retired. */

/* 1.0.1055 — AI Changes order/selection disclosure + compact selected media row. */
.ai-change-selection-block{display:grid;gap:7px;margin-top:2px;}
.ai-change-selected-details{
  border:1px solid var(--line);
  border-radius:10px;
  background:color-mix(in srgb,var(--panel2) 82%,transparent);
  overflow:hidden;
}
.ai-change-selected-details>summary{
  min-height:34px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  cursor:pointer;
  color:var(--text);
  font-size:11px;
  font-weight:800;
  list-style:none;
}
.ai-change-selected-details>summary::-webkit-details-marker{display:none;}
.ai-change-selected-details>summary .workspace-context-chevron{transition:transform .16s ease;}
.ai-change-selected-details[open]>summary .workspace-context-chevron{transform:rotate(180deg);}
.ai-change-selected-details .selected-box{
  min-height:0!important;
  max-height:220px;
  margin:0;
  border:0;
  border-top:1px solid var(--line);
  border-radius:0;
  padding:9px 10px;
  font-size:10.5px;
}
.workspace-image-selection{justify-content:flex-start;}
.workspace-image-selection img{flex:0 0 46px;}
.workspace-image-selection button{flex:0 0 auto;}

/* 1.0.1056 — shared AI Change attachment rows + live setup material status. */
.ai-change-selection-block{margin-bottom:10px;}
.ai-change-attachments-body{gap:7px;padding-top:9px;}
.ai-change-attachment-toolbar{justify-content:flex-start;}
.ai-change-attachment-toolbar button{min-width:0;}
.ai-change-attachment-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  gap:10px;
  align-items:center;
  padding:8px 8px 8px 10px;
  background:var(--panel2);
}
.ai-change-attachment-item>span{display:grid;gap:3px;min-width:0;}
.ai-change-attachment-item strong{font-size:10.5px;}
.ai-change-attachment-item small{display:flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:9px;line-height:1.35;}
.ai-change-attachment-item .document-extract-status{margin-left:2px;font-size:9px;padding:1px 6px;}
.ai-change-attachment-item button{width:28px;height:28px;min-width:28px;flex-basis:28px;border-radius:8px;}

/* v1.0.1058 AI setup account switch */
.ai-setup-account-switch{padding:0 18px 10px;position:relative;z-index:4}
.ai-setup-account-switch-shell{position:relative;width:min(360px,100%)}
.ai-setup-account-switch-btn{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line,#dbe3ed);border-radius:12px;background:var(--panel,#fff);text-align:left;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.ai-setup-account-switch-btn:hover{border-color:color-mix(in srgb,var(--accent,#2563eb) 42%,var(--line,#dbe3ed));background:color-mix(in srgb,var(--panel,#fff) 94%,var(--accent,#2563eb) 6%)}
.ai-setup-account-switch-btn:disabled{opacity:.62;cursor:wait}
.ai-setup-account-switch-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent,#2563eb) 10%,var(--panel,#fff));color:var(--accent,#2563eb);font-weight:850}
.ai-setup-account-switch-copy{min-width:0;display:grid;gap:1px}.ai-setup-account-switch-copy small{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#64748b);font-weight:800}.ai-setup-account-switch-copy strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#0f172a)}
.ai-setup-account-switch-chevron{color:var(--muted,#64748b);text-align:center;font-size:14px}
.ai-setup-account-switch-menu{position:absolute;top:calc(100% + 6px);left:0;width:min(390px,calc(100vw - 40px));max-height:260px;overflow:auto;padding:6px;border:1px solid var(--line,#dbe3ed);border-radius:12px;background:var(--panel,#fff);box-shadow:0 18px 44px rgba(15,23,42,.18);z-index:20}
.ai-setup-account-switch-menu button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:transparent;text-align:left;color:var(--text,#0f172a)}
.ai-setup-account-switch-menu button:hover{background:color-mix(in srgb,var(--panel,#fff) 88%,var(--accent,#2563eb) 12%)}
.ai-setup-account-switch-menu button.selected{background:color-mix(in srgb,var(--panel,#fff) 82%,var(--accent,#2563eb) 18%)}
.ai-setup-account-switch-menu button>span:first-child{min-width:0;display:grid;gap:2px}.ai-setup-account-switch-menu strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-setup-account-switch-menu small{font-size:10px;color:var(--muted,#64748b)}.ai-setup-account-check{color:var(--accent,#2563eb);font-weight:900;text-align:center}
html[data-appearance="dark"] .ai-setup-account-switch-btn,html[data-appearance="dark"] .ai-setup-account-switch-menu{background:#0f1e31;border-color:#29415b}html[data-appearance="dark"] .ai-setup-account-switch-copy strong,html[data-appearance="dark"] .ai-setup-account-switch-menu button{color:#e7eef8}html[data-appearance="dark"] .ai-setup-account-switch-icon{background:#0b2742;color:#73c7ff}
@media(max-width:620px){.ai-setup-account-switch{padding-left:14px;padding-right:14px}.ai-setup-account-switch-shell{width:100%}}

/* v1.0.1059 compact AI setup account switch */
.ai-setup-modal-head{align-items:center}
.ai-setup-head-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.ai-setup-head-left>h2{flex:0 0 auto;margin:0}
.ai-setup-account-switch{padding:0;position:relative;z-index:4;min-width:0}
.ai-setup-account-switch-shell{position:relative;width:auto;max-width:min(280px,42vw)}
.ai-setup-account-switch-btn{width:auto;max-width:100%;min-height:32px;display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line,#dbe3ed);border-radius:9px;background:var(--panel,#fff);text-align:left;box-shadow:none}
.ai-setup-account-switch-icon{width:20px;height:20px;border-radius:6px;font-size:11px}
.ai-setup-account-switch-copy{min-width:0;display:block}
.ai-setup-account-switch-copy strong{display:block;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#0f172a)}
.ai-setup-account-switch-chevron{font-size:12px}
.ai-setup-account-switch-menu{left:0;top:calc(100% + 6px);width:min(360px,calc(100vw - 40px))}
@media(max-width:620px){.ai-setup-head-left{gap:8px}.ai-setup-account-switch-shell{max-width:min(210px,48vw)}.ai-setup-account-switch{padding:0}}

/* v1.0.1090 publishing operation feedback */
.studio-operation-status{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0 2px}
.studio-operation-status .activity-spinner{width:20px;height:20px;border-width:2.5px;margin:2px 0 0 2px;color:#60a5fa}
.studio-operation-status strong{display:block;font-size:14px;line-height:1.35;margin-bottom:4px}
.studio-operation-status p{margin:0;color:#9fb0c5;font-size:13px;line-height:1.5}
html[data-appearance="light"] .studio-operation-status p{color:#64748b}
/* v1.0.1093 company VPS unit assignment */
.settings-licence-unit-picker{grid-template-columns:minmax(0,1fr) minmax(220px,320px);}
.settings-licence-unit-picker select{width:100%;margin:0;}
.settings-licence-unit-list{grid-template-columns:1fr;align-items:start;}
.settings-environment-unit-checkboxes{display:grid;gap:7px;margin-top:4px;}
.settings-environment-unit-checkboxes label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;}
.settings-environment-unit-checkboxes input[type="checkbox"]{margin:0;flex:0 0 auto;}
@media(max-width:620px){.settings-licence-unit-picker{grid-template-columns:1fr;}}

/* v1.0.1096 Stripe billing summary: compact status card rather than a plain white text box. */
/* v1.0.1097 Flexible Stripe cancellation: scheduled cancellation state uses Stripe cancel_at or cancel_at_period_end. */
#settingsModal [data-settings-panel="subscriptions"] #settingsBillingCard{
  margin:0 0 2px;padding:12px 14px;border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel,#fff) 94%,#2563eb 6%),var(--panel,#fff));
  border:1px solid color-mix(in srgb,var(--line,#dbe3ed) 78%,#2563eb 22%);
}
#settingsModal [data-settings-panel="subscriptions"] #settingsBillingCard.billing-cancel-scheduled{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel,#fff) 92%,#f59e0b 8%),var(--panel,#fff));
  border-color:color-mix(in srgb,var(--line,#dbe3ed) 70%,#f59e0b 30%);
}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 10px;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-label>strong:first-child{grid-column:1/-1;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#64748b);}
#settingsModal [data-settings-panel="subscriptions"] #settingsBillingSummary{display:contents;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-provider{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:999px;background:var(--panel2,#f8fafc);border:1px solid var(--line,#dbe3ed);font-size:9px;font-weight:800;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-state{font-size:12px;color:var(--text,#0f172a);}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-date{justify-self:end;color:var(--muted,#64748b);font-size:10px;}
@media(max-width:680px){#settingsModal [data-settings-panel="subscriptions"] .settings-billing-label{grid-template-columns:auto 1fr}.settings-billing-date{grid-column:1/-1;justify-self:start!important;}}

/* v1.0.1113 persisted GKE runtime progress */
.runtime-preview-state-progress{
  max-width:min(620px, calc(100% - 48px));
  padding:22px 26px;
  gap:12px;
  text-align:left;
}
.runtime-progress-heading{
  display:flex;
  flex-direction:column;
  gap:4px;
  text-align:center;
}
.runtime-progress-heading strong{font-size:15px;}
.runtime-progress-steps{
  display:grid;
  gap:7px;
  width:min(360px,100%);
  margin:2px auto;
}
.runtime-progress-step{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  color:#cbd5e1;
}
.runtime-progress-step.complete{color:#f8fafc;}
.runtime-progress-step.active{color:#fff;font-weight:800;}
.runtime-progress-step.pending{opacity:.62;}
.runtime-progress-dot{
  width:10px;
  height:10px;
  min-width:10px;
  border:1.5px solid currentColor;
  border-radius:999px;
  background:transparent;
  display:inline-block;
}
.runtime-progress-step.complete .runtime-progress-dot{background:currentColor;}
.runtime-progress-step.active .runtime-progress-dot{background:currentColor;animation:runtime-progress-pulse 1.2s ease-in-out infinite;}
@keyframes runtime-progress-pulse{0%,100%{transform:scale(.92);box-shadow:0 0 0 0 color-mix(in srgb,currentColor 38%,transparent);opacity:.82}50%{transform:scale(1.08);box-shadow:0 0 0 6px transparent;opacity:1}}
@media (prefers-reduced-motion:reduce){.runtime-progress-step.active .runtime-progress-dot{animation:none;}}
.runtime-preview-state-progress small{text-align:center;}

/* v1.0.1114 Runtime & environment */
#runtimeServicesModal .runtime-environment-panel{margin:12px 16px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel2) 88%,transparent);display:grid;gap:12px;}
#runtimeServicesModal .runtime-environment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
#runtimeServicesModal .runtime-environment-head>div{display:grid;gap:3px;min-width:0;}
#runtimeServicesModal .runtime-environment-head strong{font-size:14px;}
#runtimeServicesModal .runtime-environment-head span{font-size:11px;color:var(--muted);line-height:1.4;}
#runtimeServicesModal .runtime-environment-managed{display:grid;gap:8px;}
#runtimeServicesModal .runtime-environment-managed:empty{display:none;}
#runtimeServicesModal .runtime-managed-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:11px;border:1px solid color-mix(in srgb,var(--accent,#5865f2) 18%,var(--border));background:color-mix(in srgb,var(--accent,#5865f2) 6%,var(--panel));}
#runtimeServicesModal .runtime-managed-card>div{display:grid;gap:2px;min-width:0;}
#runtimeServicesModal .runtime-managed-card strong{font-size:12px;}
#runtimeServicesModal .runtime-managed-card small{color:var(--muted);font-size:10.5px;}
#runtimeServicesModal .runtime-managed-status{white-space:nowrap;font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--panel);border:1px solid var(--border);}
#runtimeServicesModal .runtime-environment-rows{display:grid;gap:8px;}
#runtimeServicesModal .runtime-environment-row{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(150px,1fr) 90px minmax(170px,1.4fr) auto;gap:8px;align-items:center;}
#runtimeServicesModal .runtime-environment-row input,#runtimeServicesModal .runtime-environment-row select,#runtimeServicesModal .runtime-environment-add input,#runtimeServicesModal .runtime-environment-add select{width:100%;min-width:0;margin:0;min-height:34px;padding:6px 8px;font-size:11px;}
#runtimeServicesModal .runtime-environment-row .env-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;}
#runtimeServicesModal .runtime-environment-row .env-required{font-size:9px;color:var(--muted);}
#runtimeServicesModal .runtime-environment-row button{min-height:32px;padding:5px 8px;font-size:10px;}
#runtimeServicesModal .runtime-environment-add{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(150px,1fr) 90px minmax(170px,1.4fr) auto;gap:8px;align-items:center;padding-top:2px;border-top:1px solid var(--border);padding-top:10px;}
#runtimeServicesModal .runtime-environment-missing{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#f59e0b 10%,var(--panel));border:1px solid color-mix(in srgb,#f59e0b 25%,var(--border));font-size:11px;line-height:1.4;}
.runtime-preview-state-blocking{color:#f8fafc!important;}
.runtime-preview-state-blocking>strong{color:#fff!important;}
.runtime-preview-state-blocking>span{color:#e2e8f0!important;}
.runtime-preview-state-blocking>small{color:#cbd5e1!important;}
.runtime-runtime-config-btn{margin:5px auto 0;min-height:34px;padding:6px 12px;border-radius:10px;font-size:11px;font-weight:800;}
@media(max-width:820px){#runtimeServicesModal .runtime-environment-row,#runtimeServicesModal .runtime-environment-add{grid-template-columns:1fr 1fr;}#runtimeServicesModal .runtime-environment-row>*:nth-child(4),#runtimeServicesModal .runtime-environment-add>*:nth-child(4){grid-column:1/-1;}}

/* v1.0.1117 Application Environment contract + Runtime/Environment tabs */
#runtimeServicesModal .runtime-settings-tabs{display:flex;gap:6px;margin:12px 16px 0;padding:4px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--panel2) 86%,transparent);width:max-content;max-width:calc(100% - 32px)}
#runtimeServicesModal .runtime-settings-tab{min-height:34px;padding:7px 16px;border-radius:9px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:800;box-shadow:none}
#runtimeServicesModal .runtime-settings-tab.selected{background:var(--panel);color:var(--text);box-shadow:0 1px 5px rgba(15,23,42,.08)}
#runtimeServicesModal .runtime-settings-panel{margin:12px 16px 16px}
#runtimeServicesModal .runtime-environment-panel{padding:16px;gap:14px}
#runtimeServicesModal .runtime-environment-head strong{font-size:15px}
#runtimeServicesModal .runtime-environment-head span{font-size:11.5px;max-width:720px}
#runtimeServicesModal .runtime-environment-managed{display:grid;gap:10px}
#runtimeServicesModal .runtime-managed-card{align-items:flex-start;padding:13px 14px;border-radius:13px}
#runtimeServicesModal .runtime-managed-card>div{gap:5px}
#runtimeServicesModal .runtime-managed-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#runtimeServicesModal .runtime-managed-title strong{font-size:13px}
#runtimeServicesModal .runtime-managed-title span{font-size:10px;color:var(--muted);font-weight:700}
#runtimeServicesModal .runtime-managed-card p{margin:0;color:var(--text);font-size:11.5px;line-height:1.45}
#runtimeServicesModal .runtime-managed-card small{line-height:1.4}
#runtimeServicesModal .runtime-managed-status{margin-top:1px}
#runtimeServicesModal .runtime-environment-rows{display:grid;gap:14px}
#runtimeServicesModal .runtime-environment-group{display:grid;gap:8px}
#runtimeServicesModal .runtime-environment-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}
#runtimeServicesModal .runtime-environment-group-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
#runtimeServicesModal .runtime-environment-group-head span{font-size:10px;color:var(--muted)}
#runtimeServicesModal .runtime-environment-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px}
#runtimeServicesModal .runtime-environment-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,300px);gap:16px;align-items:center;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}
#runtimeServicesModal .runtime-environment-card-copy{min-width:0;display:grid;gap:5px}
#runtimeServicesModal .runtime-environment-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#runtimeServicesModal .runtime-environment-card-title strong{font-size:13px}
#runtimeServicesModal .runtime-environment-card-copy p{margin:0;font-size:11.5px;line-height:1.45;color:var(--text)}
#runtimeServicesModal .runtime-environment-card-copy small{font-size:9.5px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#runtimeServicesModal .runtime-environment-card-status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;border:1px solid var(--border);font-size:9px;font-weight:800;color:var(--muted);background:var(--panel2)}
#runtimeServicesModal .runtime-environment-card-status.ready{color:#15803d;border-color:color-mix(in srgb,#22c55e 35%,var(--border));background:color-mix(in srgb,#22c55e 8%,var(--panel))}
#runtimeServicesModal .runtime-environment-card-status.required{color:#b45309;border-color:color-mix(in srgb,#f59e0b 38%,var(--border));background:color-mix(in srgb,#f59e0b 9%,var(--panel))}
#runtimeServicesModal .runtime-environment-card-control{display:grid;gap:4px}
#runtimeServicesModal .runtime-environment-card-control input{width:100%;min-width:0;margin:0;min-height:38px;padding:8px 10px;font-size:11.5px}
#runtimeServicesModal .runtime-environment-default{font-size:9.5px;color:var(--muted)}
#runtimeServicesModal .runtime-environment-empty{display:grid;gap:4px;padding:16px;border:1px dashed var(--border);border-radius:13px;text-align:center;background:color-mix(in srgb,var(--panel2) 74%,transparent)}
#runtimeServicesModal .runtime-environment-empty strong{font-size:13px}
#runtimeServicesModal .runtime-environment-empty span{font-size:11px;color:var(--muted)}
#runtimeServicesModal .runtime-environment-custom{border-top:1px solid var(--border);padding-top:10px}
#runtimeServicesModal .runtime-environment-custom summary{cursor:pointer;font-size:11px;font-weight:800;color:var(--text)}
#runtimeServicesModal .runtime-environment-custom>.hint{margin:7px 0 0}
#runtimeServicesModal .runtime-environment-custom-values{padding-top:2px}
#runtimeServicesModal .runtime-environment-custom-row{margin-top:0}
#runtimeServicesModal #runtimeRuntimePanel{display:grid;gap:12px}
#runtimeServicesModal #runtimeRuntimePanel.hidden{display:none}
#runtimeServicesModal .runtime-panel-intro{display:grid;gap:3px;padding:0 2px}
#runtimeServicesModal .runtime-panel-intro strong{font-size:14px}
#runtimeServicesModal .runtime-panel-intro span{font-size:11px;color:var(--muted)}
#runtimeServicesModal #runtimeRuntimePanel .modal-actions{margin:0}
#runtimeServicesModal #runtimeEnvironmentPanel.hidden{display:none}
@media(max-width:760px){#runtimeServicesModal .runtime-environment-card{grid-template-columns:1fr}.runtime-settings-tabs{width:calc(100% - 32px)!important}.runtime-settings-tab{flex:1}}

/* v1.0.1118 GKE runtime stability, Kubernetes logs and lifecycle controls */

/* 1.0.1120 — theme-correct Workspace Viewer canvas */
html[data-appearance="dark"] #previewFrame{background:#0f172a;color-scheme:dark}
html[data-appearance="light"] #previewFrame{background:#f8fafc;color-scheme:light}
html[data-appearance="dark"] .preview-panel{background:#0f172a}
html[data-appearance="light"] .preview-panel{background:#fff}


/* 1.0.1125 — bounded Application surface selector */
#pageMenu.page-menu{
  left:0!important;
  right:auto!important;
  top:calc(100% + 8px)!important;
  width:min(360px,calc(100vw - 32px));
  min-width:min(320px,calc(100vw - 32px));
  max-width:360px;
  max-height:min(68vh,560px);
  overflow-x:hidden;
  overflow-y:auto;
  box-sizing:border-box;
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  opacity:1!important;
  z-index:320!important;
}
#pageMenu.page-menu #pageMenuList,
#pageMenu.page-menu .page-menu-section,
#pageMenu.page-menu .workspace-surface-search-wrap{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
#pageMenu.page-menu .workspace-surface-search{display:block;width:100%;max-width:100%;box-sizing:border-box}
#pageMenu.page-menu [data-surface-id],
#pageMenu.page-menu [data-page-path]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
#pageMenu.page-menu [data-surface-id] span,
#pageMenu.page-menu [data-page-path] span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
#pageMenu.page-menu [data-surface-id] small,
#pageMenu.page-menu [data-page-path] small{min-width:0;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
#pageMenu.page-menu hr{width:100%;box-sizing:border-box}
#pageMenu.page-menu #addPageTaskBtn{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){#pageMenu.page-menu{position:fixed!important;left:12px!important;right:12px!important;top:72px!important;width:auto;min-width:0;max-width:none;max-height:calc(100vh - 88px)}}

/* 1.0.1126 — active runtime step pulses; completed steps stay filled. */

/* 1.0.1129 — managed Development inbound callbacks/APIs */
#runtimeServicesModal .runtime-inbound-section{display:grid;gap:8px}
#runtimeServicesModal .runtime-inbound-card{align-items:center}
#runtimeServicesModal .runtime-inbound-url-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:6px}
#runtimeServicesModal .runtime-inbound-url-row code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);font-size:10px;color:var(--text)}
#runtimeServicesModal .runtime-inbound-copy{flex:0 0 auto;min-height:32px;padding:5px 9px;font-size:10px}
@media(max-width:720px){#runtimeServicesModal .runtime-inbound-url-row{align-items:stretch;flex-direction:column}#runtimeServicesModal .runtime-inbound-copy{width:100%}}


/* v1.0.1133 Development runtime reliability + environment action clarity */
.runtime-preview-state.runtime-preview-state-actionable{pointer-events:auto;}
#runtimeServicesModal .runtime-environment-missing-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid color-mix(in srgb,#f59e0b 42%,var(--border));border-radius:11px;background:color-mix(in srgb,#f59e0b 10%,var(--panel));color:var(--text);font-size:11px;line-height:1.4;}
#runtimeServicesModal .runtime-environment-missing-summary.hidden{display:none!important;}
#runtimeServicesModal .runtime-environment-missing-summary strong{color:#b45309;font-size:11px;}
#runtimeServicesModal .runtime-environment-missing-summary span{font-weight:650;}
html[data-appearance="dark"] #runtimeServicesModal .runtime-environment-missing-summary strong{color:#fbbf24;}
/* Activity is operational state, not background page chrome. Keep it visible above modal shades. */
.activity-bar{z-index:6000;}
.activity-foreground-alert{z-index:6010;}

/* 1.0.1137 Development runtime visibility + retained data */
.project-artifact-row.development-running .project-runtime-rail-marker{
  position:absolute;left:-17px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;
  background:color-mix(in srgb,var(--accent,#60a5fa) 18%,var(--panel,#fff));
  border:1px solid color-mix(in srgb,var(--accent,#60a5fa) 78%,transparent);z-index:3;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--panel,#fff) 88%,transparent);
}
.project-artifact-row.development-running .project-runtime-rail-marker::after{
  content:"";position:absolute;left:4px;top:3px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--accent,#60a5fa);
}
.project-artifact-row.has-retained-development-data .project-artifact-name{
  text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#36a269;
}
.project-development-data-capacity{
  margin-left:auto!important;font-size:10px!important;font-weight:650!important;white-space:nowrap;color:#398661!important;
}
html[data-appearance="dark"] .project-development-data-capacity{color:#66c695!important;}
.runtime-preview-state-warning [data-runtime-keep-running]{margin-top:2px;align-self:flex-start;}

/* 1.0.1138 Development Explorer runtime/data clarity */
.project-type-branch-head .project-development-data-capacity{
  margin-left:auto!important;
  flex:0 0 auto;
  min-width:auto;
  padding:1px 5px;
  border:1px solid color-mix(in srgb,#36a269 34%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,#36a269 8%,transparent);
  color:#398661!important;
  font-size:8.7px!important;
  font-weight:760!important;
  line-height:1.35;
  letter-spacing:.01em;
  white-space:nowrap;
  opacity:1!important;
}
html[data-appearance="dark"] .project-type-branch-head .project-development-data-capacity{
  color:#66c695!important;
  border-color:color-mix(in srgb,#66c695 34%,transparent);
  background:color-mix(in srgb,#66c695 8%,transparent);
}
.project-artifact-row.has-retained-development-data .project-artifact-name{
  text-decoration:none!important;
}
.project-artifact-row.has-retained-development-data .project-artifact-main{
  box-shadow:inset 0 -2px 0 #36a269;
}
html[data-appearance="dark"] .project-artifact-row.has-retained-development-data .project-artifact-main{
  box-shadow:inset 0 -2px 0 #66c695;
}
.project-artifact-row.development-running.has-retained-development-data .project-artifact-main{
  box-shadow:inset 0 -2px 0 #36a269;
}

/* 1.0.1139 retained Development-data replacement chooser */
.studio-dialog-actions:has(.development-data-choice-card){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.studio-dialog-actions .development-data-choice-card{min-width:0;min-height:118px;padding:14px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,var(--surface));color:var(--text)}
.studio-dialog-actions .development-data-choice-card:hover{border-color:color-mix(in srgb,var(--accent) 56%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.studio-dialog-actions .development-data-choice-card strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.studio-dialog-actions .development-data-choice-card em{font-style:normal;font-size:10px;color:var(--muted);margin-top:auto}
.development-data-choice-badges{display:flex;gap:5px;flex-wrap:wrap}
.development-data-choice-badges span{display:inline-flex;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in srgb,#36a269 36%,var(--border));background:color-mix(in srgb,#36a269 9%,transparent);color:#398661;font-size:9px;font-weight:720}
html[data-appearance="dark"] .development-data-choice-badges span{color:#66c695;border-color:color-mix(in srgb,#66c695 38%,var(--border))}
.studio-dialog-actions .development-data-choice-cancel{grid-column:1/-1;justify-self:end;min-width:110px}
@media(max-width:760px){.studio-dialog-actions:has(.development-data-choice-card){grid-template-columns:1fr}.studio-dialog-actions .development-data-choice-cancel{grid-column:1}}

/* 1.0.1139 Explorer retained-data badge uses a real version-width grid column. */
.project-type-branch-head:has(.project-development-data-capacity){grid-template-columns:10px 15px minmax(0,1fr) 54px!important;padding-right:2px!important}
.project-type-branch-head .project-development-data-capacity{justify-self:end!important;max-width:50px;box-sizing:border-box;margin-right:0!important}

/* 1.0.1141 Development Explorer paused-runtime state */
.project-artifact-row.development-paused .project-runtime-rail-marker{
  position:absolute;left:-17px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;
  background:color-mix(in srgb,var(--accent,#60a5fa) 18%,var(--panel,#fff));
  border:1px solid color-mix(in srgb,var(--accent,#60a5fa) 78%,transparent);z-index:3;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--panel,#fff) 88%,transparent);
}
.project-artifact-row.development-paused .project-runtime-rail-marker::before,
.project-artifact-row.development-paused .project-runtime-rail-marker::after{
  content:"";position:absolute;top:3px;width:2px;height:6px;border-radius:1px;background:var(--accent,#60a5fa);
}
.project-artifact-row.development-paused .project-runtime-rail-marker::before{left:3px;}
.project-artifact-row.development-paused .project-runtime-rail-marker::after{right:3px;}

/* 1.0.1142 Workspace activity status badges + adaptive hover summaries */
.workspace-rail-count,
.presentation-primary-nav b{
  left:auto;
  right:-7px;
}
.workspace-rail-tab.needs-attention .workspace-rail-count,
.presentation-primary-nav button.needs-attention b{
  background:#2563eb;
}
.workspace-rail-tab.is-clear .workspace-rail-count,
.presentation-primary-nav button.is-clear b{
  background:#16a36a;
}
html[data-appearance="light"] .workspace-rail-tab.is-clear .workspace-rail-count,
html[data-appearance="light"] .presentation-primary-nav button.is-clear b{
  background:#15803d;
}
.workspace-status-tooltip{
  position:fixed;
  z-index:22000;
  display:grid;
  gap:3px;
  width:max-content;
  max-width:min(230px,calc(100vw - 16px));
  padding:8px 10px;
  border:1px solid rgba(96,165,250,.28);
  border-radius:10px;
  background:rgba(8,20,36,.97);
  color:#f8fafc;
  box-shadow:0 12px 30px rgba(2,8,23,.28);
  pointer-events:none;
}
.workspace-status-tooltip.hidden{display:none!important}
.workspace-status-tooltip strong{
  font-size:10px;
  line-height:1.3;
  font-weight:900;
  white-space:normal;
}
.workspace-status-tooltip span{
  font-size:9px;
  line-height:1.35;
  color:#9fb0c5;
  white-space:normal;
}
html[data-appearance="light"] .workspace-status-tooltip{
  border-color:#b9cee6;
  background:rgba(255,255,255,.98);
  color:#17324d;
  box-shadow:0 12px 30px rgba(42,67,94,.16);
}
html[data-appearance="light"] .workspace-status-tooltip span{color:#64748b}

/* 1.0.1144 simplified subscription inventory */
.settings-subscription-inventory-wrap{margin-top:2px}
.settings-subscription-inventory td{vertical-align:middle}
.settings-subscription-product{display:flex;align-items:center;gap:9px;min-width:0}.settings-subscription-product>span:last-child{display:grid;gap:1px;min-width:0}.settings-subscription-product strong{font-size:11px;color:var(--text);overflow-wrap:anywhere}.settings-subscription-product small{font-size:8px;color:var(--muted)}
.settings-subscription-product-icon{display:grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:9px;background:rgba(59,130,246,.10);color:var(--blue);font-size:10px;font-weight:900}.settings-subscription-product-icon.development_environment{background:rgba(34,197,94,.10);color:#16a34a}.settings-subscription-product-icon.production_environment{background:rgba(168,85,247,.10);color:#9333ea}
.settings-subscription-period{font-size:9px;color:var(--muted);white-space:nowrap}
.settings-licence-select select{width:100%;min-width:0;margin:0}.settings-licence-static{grid-template-columns:minmax(0,1fr) auto}.settings-licence-static .settings-state-pill{justify-self:end;white-space:nowrap}

/* 1.0.1145 compact member subscription assignment */
.settings-access-product-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}
.settings-access-product-copy{display:grid;gap:3px;min-width:0}.settings-access-product-copy strong{font-size:12px;color:var(--text)}.settings-access-product-copy small{font-size:10px;color:var(--muted);line-height:1.35}.settings-access-product-actions{display:flex;gap:7px;align-items:center;flex:0 0 auto}.settings-access-product-actions button{padding:7px 10px;font-size:10px}.settings-access-byok{cursor:default}.settings-access-byok input[type="checkbox"]{flex:0 0 auto}
.settings-access-assigned-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}.settings-access-assigned-list em{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:8px;background:var(--soft);font-style:normal;font-size:9px;color:var(--muted)}.settings-access-assigned-list button{border:0;background:transparent;padding:0 2px;min-width:0;color:inherit}
#settingsLicencePickerModal{z-index:430!important}.settings-licence-picker-card{width:min(610px,calc(100vw - 24px));padding:0;overflow:hidden}.settings-licence-picker-card>*:not(.modal-head){margin-left:17px;margin-right:17px}.settings-licence-picker-filters{display:grid;grid-template-columns:minmax(0,1fr) 130px 130px;gap:8px;margin-top:15px}.settings-licence-picker-filters input,.settings-licence-picker-filters select{margin:0;min-width:0}.settings-licence-picker-list{display:grid;gap:8px;max-height:min(52vh,440px);overflow:auto;margin-top:12px;padding-right:2px}.settings-licence-picker-item{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.settings-licence-picker-item:hover{border-color:var(--blue);background:var(--soft)}.settings-licence-picker-item>span{display:grid;gap:3px;min-width:0}.settings-licence-picker-item strong{font-size:12px}.settings-licence-picker-item small,.settings-licence-picker-item em{font-size:10px;color:var(--muted);font-style:normal}.settings-licence-picker-item em{text-align:right}.settings-licence-picker-empty{padding:22px 12px;text-align:center;color:var(--muted);font-size:11px}.settings-licence-picker-card .button-row{justify-content:flex-end;margin-top:12px;margin-bottom:16px}
@media(max-width:620px){.settings-access-product-row{align-items:flex-start;flex-direction:column}.settings-access-product-actions{width:100%;justify-content:flex-end}.settings-licence-picker-filters{grid-template-columns:1fr}.settings-licence-picker-item{align-items:flex-start;flex-direction:column}.settings-licence-picker-item em{text-align:left}}

/* 1.0.1147 Production Environment foundation */
.runtime-production-body{display:grid;gap:14px;padding:4px 0}.runtime-production-card,.runtime-production-assessment{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px;display:grid;gap:12px}.runtime-production-card>div:first-child,.runtime-production-card-head>div{display:grid;gap:3px}.runtime-production-card span,.runtime-production-assessment span,.runtime-production-assessment small{color:var(--muted)}.runtime-production-card label{display:grid;gap:6px;font-size:12px;font-weight:800}.runtime-production-card select{max-width:520px}.runtime-production-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.runtime-production-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.runtime-production-metrics>div{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:4px}.runtime-production-metrics small{color:var(--muted)}.runtime-production-capabilities{display:flex;flex-wrap:wrap;gap:7px}.runtime-production-capabilities span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px}.runtime-production-assessment.healthy{border-color:rgba(34,197,94,.35)}.runtime-production-assessment.warning{border-color:rgba(245,158,11,.45)}
.runtime-production-config,.runtime-production-deployment{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px;display:grid;gap:12px}.runtime-production-config-head,.runtime-production-deployment>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.runtime-production-config-head span,.runtime-production-deployment span{color:var(--muted)}.runtime-production-config-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.runtime-production-config-row>div{display:grid;gap:3px}.runtime-production-config-row small,.runtime-production-config-row span{color:var(--muted)}.runtime-production-config-row input{width:100%}.runtime-production-progress{display:grid;gap:7px}.runtime-production-progress span{display:flex;align-items:center;gap:8px}.runtime-production-progress span.complete{opacity:.82}.runtime-production-progress span.active{font-weight:800}.runtime-production-deployment.ready{border-color:rgba(34,197,94,.35)}.runtime-production-deployment.failed{border-color:rgba(239,68,68,.45)}.runtime-production-deployment.blocked{border-color:rgba(245,158,11,.45)}@media(max-width:760px){.runtime-production-config-row{grid-template-columns:1fr}}

/* v1.0.1153 — Runtime & environment scroll + Production configuration draft safety */
#runtimeServicesModal>.runtime-services-modal-card{
  height:min(88vh,900px);
  max-height:calc(100vh - 18px);
}
#runtimeServicesModal .modal-head,
#runtimeServicesModal .runtime-settings-tabs{
  flex:0 0 auto;
}
#runtimeServicesModal .runtime-settings-panel{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#runtimeServicesModal>.runtime-services-modal-card.maximized .runtime-settings-panel{
  min-height:0;
  overflow-y:auto;
}
@media(max-width:760px){
  #runtimeServicesModal>.runtime-services-modal-card{height:calc(100vh - 16px);max-height:calc(100vh - 16px)}
}

/* 1.0.1155 — Production orchestration visibility and deployed-version markers */
.runtime-production-diagnostics{
  border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px;display:grid;gap:10px;
}
.runtime-production-diagnostics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.runtime-production-diagnostics-head>div:first-child{display:grid;gap:3px;}
.runtime-production-diagnostics-head span,.runtime-production-diagnostics-panel>small{color:var(--muted);}
.runtime-production-diagnostics-panel{display:grid;gap:9px;}
.runtime-production-diagnostics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.runtime-production-diagnostics-grid>div{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 72%,transparent);display:grid;gap:3px;}
.runtime-production-diagnostics-grid small{color:var(--muted);font-size:9px;}
.runtime-production-diagnostics-grid strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:900px){.runtime-production-diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.runtime-production-diagnostics-head{flex-direction:column}.runtime-production-diagnostics-head .button-row{width:100%;}}
@media(max-width:560px){.runtime-production-diagnostics-grid{grid-template-columns:1fr;}}

.runtime-production-progress.runtime-progress-steps{gap:8px;}
.runtime-production-progress .runtime-progress-step{display:flex;}
.runtime-production-progress .runtime-progress-step>span:last-child{display:inline;}
.runtime-production-progress .runtime-progress-dot{display:inline-block;flex:0 0 auto;}

.project-production-marker{
  align-self:center;flex:0 0 auto;width:8px;height:8px;margin:0 2px;border-radius:999px;
  background:#d89a2b;border:1px solid color-mix(in srgb,#d89a2b 76%,#fff);
  box-shadow:0 0 0 2px color-mix(in srgb,#d89a2b 14%,transparent);
}
.production-version-badge,.production-version-inline-badge{
  display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,#8b5cf6 48%,var(--line));
  border-radius:999px;background:color-mix(in srgb,#8b5cf6 14%,var(--panel));color:color-mix(in srgb,#c4b5fd 88%,var(--text));
  font-weight:800;letter-spacing:.02em;white-space:nowrap;
}
.production-version-badge{align-self:center;min-height:26px;padding:4px 9px;font-size:9px;}
.production-version-inline-badge{margin-left:7px;padding:2px 7px;font-size:9px;vertical-align:middle;}
.version-pick-row.production-deployed{box-shadow:inset 3px 0 0 color-mix(in srgb,#8b5cf6 78%,transparent);}
html[data-appearance="light"] .production-version-badge,
html[data-appearance="light"] .production-version-inline-badge{color:#6d28d9;background:#f5f0ff;border-color:#c4b5fd;}

/* The paused marker is a 12px total circle; border-box keeps the pause bars visually centred. */
.project-artifact-row.development-paused .project-runtime-rail-marker{box-sizing:border-box;}

/* 1.0.1156 Company user scale + Builder/Viewer access */
.settings-user-filters{display:grid;grid-template-columns:minmax(220px,1fr) 150px 210px;gap:9px;align-items:center;margin:10px 0 0}.settings-user-filters input,.settings-user-filters select,.settings-user-mode-card select,.settings-viewer-app-search input{min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:7px 10px}.settings-users-paging{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.settings-users-paging span{font-size:11px;color:var(--muted)}.settings-users-paging button{min-height:31px}.settings-user-mode-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;margin:10px 0 12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.settings-user-mode-card label{font-size:11px;font-weight:800;color:var(--text)}.settings-viewer-applications{margin:10px 0 14px;padding-top:11px;border-top:1px solid var(--line)}.settings-viewer-app-search{margin:8px 0}.settings-viewer-app-search input{width:100%}.settings-viewer-applications-list{display:grid;gap:7px;max-height:270px;overflow:auto}.settings-viewer-app-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.settings-viewer-app-row input{margin-top:3px}.settings-viewer-app-copy{display:grid;gap:2px;min-width:0}.settings-viewer-app-copy strong{font-size:11px;color:var(--text)}.settings-viewer-app-copy small{font-size:10px;color:var(--muted);white-space:normal}.settings-user-type-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;background:var(--soft);color:var(--text);border:1px solid var(--line)}.settings-user-type-pill.viewer{background:rgba(139,92,246,.11);border-color:rgba(139,92,246,.28);color:#7c3aed}html[data-appearance="dark"] .settings-user-type-pill.viewer{color:#c4b5fd}.settings-member-app-count{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
@media (max-width:900px){.settings-user-filters{grid-template-columns:1fr}.settings-user-mode-card{grid-template-columns:1fr}}

/* 1.0.1157 Company user table balance + Production stop state */
#settingsModal [data-settings-panel="users"] .settings-user-table{min-width:760px;width:100%;table-layout:fixed;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(1),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(1){width:25%;min-width:0;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(2),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(2){width:12%;min-width:0;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(3),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(3){width:9%;min-width:0;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(4),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(4){width:34%;min-width:0;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(5),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(5){width:9%;min-width:0;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-table th:nth-child(6),#settingsModal [data-settings-panel="users"] .settings-user-table td:nth-child(6){width:11%;min-width:86px;white-space:nowrap;}
#settingsModal [data-settings-panel="users"] .settings-user-actions{justify-content:flex-end!important;}
.runtime-production-deployment.stopped{border-color:rgba(148,163,184,.35);}
.runtime-production-deployment.stopped>div:first-child strong{color:var(--text);}

/* 1.0.1157 Viewer portal shell */
body.viewer-portal-mode #projectScopeSwitch,
body.viewer-portal-mode #newProjectGroupBtn,
body.viewer-portal-mode #activeAiProviderBadge,
body.viewer-portal-mode #workspaceTopTools,
body.viewer-portal-mode .tabs,
body.viewer-portal-mode #emptyState,
body.viewer-portal-mode #workArea,
body.viewer-portal-mode #studioHomeDashboard{display:none!important;}
body.viewer-portal-mode .project-rail-title-group strong{font-size:0;}
body.viewer-portal-mode .project-rail-title-group strong::after{content:'Applications';font-size:12px;}
body.viewer-portal-mode .viewer-home-dashboard:not(.hidden),
body.viewer-portal-mode .viewer-application-surface:not(.hidden){display:flex;}
.viewer-home-dashboard{flex-direction:column;gap:16px;padding:24px;min-height:0;overflow:auto;}
.viewer-home-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.viewer-home-head h2{margin:3px 0 2px;font-size:24px;}
.viewer-home-eyebrow{display:inline-flex;padding:3px 8px;border:1px solid color-mix(in srgb,#8b5cf6 45%,var(--line));border-radius:999px;background:color-mix(in srgb,#8b5cf6 12%,var(--panel));font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.viewer-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.viewer-home-stats article,.viewer-home-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);}
.viewer-home-stats article{display:grid;gap:3px;padding:14px 16px;}.viewer-home-stats strong{font-size:22px}.viewer-home-stats span{font-size:10px;color:var(--muted);font-weight:700}
.viewer-home-card{padding:16px}.viewer-home-card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.viewer-home-card h3{margin:0 0 2px;font-size:14px}
.viewer-home-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;}
.viewer-home-app{display:grid;gap:8px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--text);min-height:108px;}
.viewer-home-app:not(:disabled):hover{border-color:color-mix(in srgb,#8b5cf6 55%,var(--line));transform:translateY(-1px)}
.viewer-home-app:disabled{opacity:.62;cursor:not-allowed}.viewer-home-app strong{font-size:13px}.viewer-home-app small{font-size:10px;color:var(--muted);line-height:1.45}.viewer-home-app .viewer-app-status{display:inline-flex;justify-self:start;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;background:rgba(52,211,153,.12);color:#34d399}.viewer-home-app.stopped .viewer-app-status{background:rgba(148,163,184,.12);color:var(--muted)}
.viewer-home-access-summary{display:flex;flex-wrap:wrap;gap:8px}.viewer-home-access-summary span{display:inline-flex;gap:5px;align-items:center;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:10px}.viewer-home-access-summary strong{font-size:11px}
.viewer-rail-list{display:grid;gap:5px;padding:3px 0}.viewer-rail-app{width:100%;display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;align-items:center;text-align:left;border:0;border-radius:9px;padding:9px 8px;background:transparent;color:var(--text)}.viewer-rail-app:hover,.viewer-rail-app.active{background:var(--soft)}.viewer-rail-app-dot{width:7px;height:7px;border-radius:50%;background:#34d399}.viewer-rail-app.stopped .viewer-rail-app-dot{background:#94a3b8}.viewer-rail-app span{display:grid;gap:2px;min-width:0}.viewer-rail-app strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-rail-app small{font-size:9px;color:var(--muted)}
.viewer-application-surface{flex:1;min-height:0;flex-direction:column;padding:14px 18px 18px;gap:10px}.viewer-application-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-application-head>div{display:flex;align-items:center;gap:8px;min-width:0}.viewer-application-head strong{font-size:14px}.viewer-application-head small{color:var(--muted);font-size:10px}.viewer-production-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.08)}.viewer-application-head button{min-height:32px}.viewer-application-message{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:11px}.viewer-application-surface iframe{flex:1;min-height:420px;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;}
body.viewer-portal-mode .topbar{padding-bottom:8px}body.viewer-portal-mode .topbar-left{min-height:44px}
@media (max-width:900px){.viewer-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-home-app-grid{grid-template-columns:1fr}}

/* v1.0.1158 Viewer portal UX + full-height Production surface */
body.viewer-portal-mode .main{
  min-width:0;
  min-height:100vh;
  height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
body.viewer-portal-mode .topbar{flex:0 0 auto}
body.viewer-portal-mode .viewer-home-dashboard:not(.hidden),
body.viewer-portal-mode .viewer-application-surface:not(.hidden){width:100%;min-width:0}
.viewer-home-dashboard{
  flex:1 1 0;
  min-height:0;
  overflow:auto;
  gap:18px;
  padding:22px 24px 28px;
}
.viewer-home-head{align-items:center}
.viewer-home-head h2{margin:0;font-size:24px}
.viewer-home-identity{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:700}
.viewer-home-search{max-width:620px}
.viewer-home-search input{min-height:42px}
.viewer-home-section{display:grid;gap:10px}
.viewer-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.viewer-home-section-head h3{margin:0;font-size:14px}
.viewer-home-app-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.viewer-home-app-card{
  position:relative;
  min-width:0;
  min-height:94px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
  overflow:hidden;
}
.viewer-home-app-card:hover{border-color:color-mix(in srgb,#8b5cf6 52%,var(--line))}
.viewer-home-app-card.stopped{opacity:.72}
.viewer-home-app-main{
  width:100%;
  min-height:94px;
  display:grid;
  align-content:start;
  gap:6px;
  padding:13px 42px 13px 13px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--text);
  text-align:left;
  box-shadow:none;
}
.viewer-home-app-main:hover{border:0;background:var(--soft)}
.viewer-home-app-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewer-home-app-main small{font-size:9px;color:var(--muted);line-height:1.35}
.viewer-home-app-main .viewer-app-status{
  display:inline-flex;
  justify-self:start;
  border-radius:999px;
  padding:3px 7px;
  font-size:8px;
  font-weight:850;
  background:rgba(52,211,153,.12);
  color:#34d399;
}
.viewer-home-app-card.stopped .viewer-app-status{background:rgba(148,163,184,.12);color:var(--muted)}
.viewer-app-note{font-size:9px;color:var(--muted)}
.viewer-home-favourite{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  border-radius:9px;
  background:var(--soft);
  color:var(--muted);
  font-size:18px;
  line-height:1;
  box-shadow:none;
}
.viewer-home-favourite.active{color:#f59e0b;border-color:color-mix(in srgb,#f59e0b 48%,var(--line))}
.viewer-application-surface{
  flex:1 1 0;
  min-height:0;
  height:auto;
  width:100%;
  padding:10px 14px 14px;
}
.viewer-application-surface iframe{
  flex:1 1 0;
  min-height:0;
  height:100%;
  width:100%;
}
body.sidebar-collapsed.viewer-portal-mode .viewer-application-surface,
body.sidebar-collapsed.viewer-portal-mode .viewer-home-dashboard{width:100%}
@media(max-width:1100px){
  .viewer-home-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  body.viewer-portal-mode .main{height:auto;min-height:100vh;overflow:visible}
  .viewer-home-app-grid{grid-template-columns:1fr}
  .viewer-application-surface{min-height:calc(100vh - 90px)}
  .viewer-application-surface iframe{min-height:520px}
}



/* v1.0.1159 Viewer portal chrome + compact Application cards */
body.viewer-portal-mode .topbar{display:none!important;}
body.viewer-portal-mode .viewer-home-dashboard{
  padding-top:20px;
}
.viewer-home-head{display:block;}
.viewer-home-identity{
  margin:0;
  color:var(--text);
  font-size:22px;
  line-height:1.2;
  font-weight:800;
}
.viewer-home-app-grid{
  grid-template-columns:repeat(3,minmax(210px,280px));
  justify-content:start;
  align-items:stretch;
}
.viewer-home-app-card{
  width:100%;
  min-height:86px;
}
.viewer-home-app-main{
  min-height:86px;
  justify-content:stretch;
  justify-items:start;
  align-items:start;
  text-align:left!important;
  padding:12px 40px 12px 12px;
}
.viewer-home-app-main>*{max-width:100%;text-align:left;}
.viewer-home-app-main strong{font-size:12px;}
.viewer-application-surface{padding-top:8px;}
@media(max-width:980px){
  .viewer-home-app-grid{grid-template-columns:repeat(2,minmax(210px,280px));}
}
@media(max-width:620px){
  .viewer-home-app-grid{grid-template-columns:minmax(0,1fr);}
}

/* 1.0.1164 — dedicated Production workspace + user networking */
.production-open-btn{appearance:none;cursor:pointer;font-family:inherit;border-color:color-mix(in srgb,var(--blue,#5b7cfa) 50%,var(--line));background:color-mix(in srgb,var(--blue,#5b7cfa) 13%,var(--panel));color:color-mix(in srgb,#93c5fd 88%,var(--text));}
.production-open-btn::before{content:none;}
.production-open-btn.active-production{border-color:color-mix(in srgb,#d89a2b 54%,var(--line));background:color-mix(in srgb,#d89a2b 14%,var(--panel));color:#e6b54c;box-shadow:0 0 0 2px color-mix(in srgb,#d89a2b 10%,transparent)}
.production-open-btn.active-production::before{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:#d89a2b;margin-right:6px;box-shadow:0 0 0 2px color-mix(in srgb,#d89a2b 14%,transparent)}
html[data-appearance="light"] .production-open-btn{color:#245c95;background:#edf5ff;border-color:#bfdbfe;}
html[data-appearance="light"] .production-open-btn.active-production{color:#9a6500;background:#fff7df;border-color:#e7c36d;}
.production-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;min-height:420px}
.production-workspace-nav{display:flex;flex-direction:column;gap:4px;padding:4px;border-right:1px solid var(--line)}
.production-workspace-nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;background:transparent;color:var(--muted);min-height:36px;padding:8px 10px;border-radius:9px;font-weight:750}
.production-workspace-nav button:hover{background:var(--soft);color:var(--text)}
.production-workspace-nav button.selected{background:color-mix(in srgb,#8b5cf6 12%,var(--panel));color:var(--text)}
.production-workspace-detail{min-width:0;display:grid;align-content:start;gap:12px}
.production-nav-dot{width:7px;height:7px;border-radius:999px;background:#f59e0b;flex:0 0 auto}
.production-rule-source{display:inline-flex;margin-left:5px;padding:1px 5px;border-radius:999px;border:1px solid var(--line);font-size:8px;color:var(--muted);vertical-align:middle}
.production-rule-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.production-rule-remove{min-height:27px!important;padding:4px 8px!important;font-size:9px!important}
.production-rule-add{margin-top:8px;border:1px dashed var(--line);border-radius:10px;padding:8px 10px;background:var(--soft)}
.production-rule-add summary{cursor:pointer;font-size:10px;font-weight:800;color:var(--text)}
.production-rule-form{display:grid;gap:7px;margin-top:9px;align-items:center}
.production-rule-form-inbound{grid-template-columns:minmax(120px,.8fr) 90px minmax(180px,1fr) auto}
.production-rule-form-outbound{grid-template-columns:minmax(100px,.7fr) 120px minmax(160px,1fr) 80px 80px minmax(150px,1fr) auto}
.production-rule-form input,.production-rule-form select{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:6px 8px;min-width:0}
.runtime-production-change-notice{margin:8px 0;padding:8px 10px;border:1px solid color-mix(in srgb,#f59e0b 40%,var(--line));border-radius:9px;background:color-mix(in srgb,#f59e0b 9%,var(--panel));font-size:10px;color:var(--text)}
@media(max-width:900px){.production-workspace{grid-template-columns:1fr}.production-workspace-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.production-workspace-nav button{white-space:nowrap}.production-rule-form-inbound,.production-rule-form-outbound{grid-template-columns:1fr}}

/* 1.0.1166 — Production deployment safety + Development data reset */
.production-operation-warning,.runtime-production-validation{display:grid;gap:3px;margin:10px 0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:10px}
.production-operation-warning strong,.runtime-production-validation strong{font-size:10px;color:var(--text)}
.production-operation-warning span,.runtime-production-validation{color:var(--muted)}
.runtime-production-validation.ready{border-color:color-mix(in srgb,#22c55e 35%,var(--line));background:color-mix(in srgb,#22c55e 7%,var(--panel))}
.runtime-production-validation.required{border-color:color-mix(in srgb,#f59e0b 35%,var(--line));background:color-mix(in srgb,#f59e0b 7%,var(--panel))}

/* 1.0.1166 Production upgrade, recovery and monitoring */
.production-version-operations,.production-recovery-card,.production-monitoring-card{gap:14px}
.production-upgrade-box{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}
.production-upgrade-box label{display:grid;gap:6px}
.production-recovery-choice{display:flex!important;align-items:center;gap:7px!important;font-size:11px!important;font-weight:650!important;color:var(--muted)}
.production-recovery-choice input{width:auto}
.production-rollback-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.production-history-list,.production-recovery-list,.production-monitor-services{display:grid;gap:7px}
.production-history-row,.production-recovery-row,.production-monitor-services>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.production-history-row>div,.production-recovery-row>div,.production-monitor-services>div{display:grid;gap:3px;min-width:0}
.production-history-row small,.production-recovery-row small,.production-recovery-row span,.production-monitor-services span,.production-monitoring-card .runtime-production-metrics span{color:var(--muted);font-size:10px}
.production-recovery-row .status.error{margin:3px 0 0}
@media(max-width:900px){.production-upgrade-box{grid-template-columns:1fr}.production-rollback-note{align-items:flex-start}.production-history-row,.production-recovery-row{align-items:flex-start;flex-direction:column}}

/* 1.0.1170 SEO & discoverability + published analytics */
.project-usage-analytics{margin-top:14px;display:grid;gap:12px}
.project-usage-analytics .setup-overview-card-head{align-items:center}
.project-usage-analytics select{max-width:220px;min-height:32px}
.project-usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.project-usage-metrics>div{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:10px;display:grid;gap:3px}
.project-usage-metrics strong{font-size:20px;line-height:1;color:var(--text)}
.project-usage-metrics span{font-size:10px;color:var(--muted);font-weight:700}
.project-usage-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}
.project-usage-breakdown>div{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:9px;min-width:0}
.project-usage-breakdown h4{margin:0 0 6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.project-usage-breakdown>div>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.project-usage-breakdown>div>div:first-of-type{border-top:0}
.project-usage-breakdown span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text)}
.project-usage-breakdown strong{font-size:10px;color:var(--muted)}
.project-usage-breakdown small{color:var(--muted);font-size:10px}
.studio-published-usage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}
.studio-published-usage-summary>div{border:1px solid var(--line);border-radius:10px;background:var(--panel2);padding:8px;display:grid;gap:2px}
.studio-published-usage-summary strong{font-size:18px;color:var(--text)}
.studio-published-usage-summary span{font-size:9px;color:var(--muted);font-weight:700}
@media(max-width:900px){.project-usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-usage-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}
.project-seo-audit{margin-top:14px;display:grid;gap:12px}
.project-seo-audit .setup-overview-card-head{align-items:center}
.project-seo-audit .setup-overview-card-head p{margin:3px 0 0;color:var(--muted);font-size:10px}
.project-seo-audit select{max-width:220px;min-height:32px}
.seo-score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.seo-score-row>div:nth-child(2){display:grid;gap:3px}
.seo-score-row>div:nth-child(2)>strong{font-size:14px;color:var(--text)}
.seo-score-row>div:nth-child(2)>span{font-size:10px;color:var(--muted)}
.seo-score-badge{width:70px;height:70px;border-radius:18px;border:1px solid var(--line);background:var(--panel2);display:flex;align-items:baseline;justify-content:center;gap:2px;padding:18px 5px 0;overflow:hidden}
.seo-score-badge strong{font-size:25px;line-height:1;color:var(--text)}
.seo-score-badge span{font-size:10px;color:var(--muted);font-weight:700;white-space:nowrap}
.seo-score-badge.perfect strong{font-size:21px}
.seo-score-badge.perfect span{font-size:9px}
.seo-score-badge.good{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.09)}
.seo-score-badge.warn{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.09)}
.seo-score-badge.poor{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.08)}
.seo-recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.seo-recommendation{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:10px;display:grid;gap:5px}
.seo-recommendation>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.seo-recommendation strong{font-size:11px;color:var(--text)}
.seo-recommendation span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.seo-recommendation p{margin:0;font-size:10px;line-height:1.45;color:var(--muted)}
.seo-recommendation.high{border-color:rgba(239,68,68,.25)}
.seo-recommendation.medium{border-color:rgba(245,158,11,.22)}
.seo-all-good{border:1px solid rgba(34,197,94,.3);border-radius:11px;background:rgba(34,197,94,.07);padding:12px;font-size:11px;color:var(--text)}
.seo-ai-note{margin:0;color:var(--muted);font-size:10px}
@media(max-width:900px){.seo-score-row{grid-template-columns:auto 1fr}.seo-score-row>button{grid-column:1/-1}.seo-recommendations{grid-template-columns:1fr}}

/* 1.0.1171 custom domains */
.project-custom-domains{display:flex;flex-direction:column;gap:14px}
.custom-domain-add{display:flex;gap:9px;align-items:center}
.custom-domain-add input{flex:1;min-width:0}
.custom-domain-item{border:1px solid var(--line,#dfe3e8);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--panel,#fff)}
.custom-domain-item.active{border-color:rgba(34,197,94,.42)}
.custom-domain-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.custom-domain-item-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.custom-domain-item-head strong{overflow-wrap:anywhere}
.custom-domain-item-head a{font-size:12px;white-space:nowrap}
.custom-domain-status{font-size:10px;font-weight:700;border-radius:999px;padding:3px 7px;background:#eef1f5;color:#596273;white-space:nowrap}
.custom-domain-status.active{background:rgba(34,197,94,.12);color:#16803b}
.custom-domain-status.error{background:rgba(220,38,38,.10);color:#b42318}
.custom-domain-error{margin:0;color:#b42318;font-size:12px}
.custom-domain-dns{display:flex;flex-direction:column;gap:6px}
.custom-domain-dns-row{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(180px,1fr) minmax(220px,1.35fr) auto;gap:8px;align-items:center;padding:8px;border-radius:9px;background:rgba(120,125,140,.07)}
.custom-domain-dns-row>div{display:flex;flex-direction:column;gap:2px}.custom-domain-dns-row span{font-size:10px;color:var(--muted,#737b8a)}.custom-domain-dns-row strong{font-size:11px}
.custom-domain-dns-row code{font-size:11px;overflow-wrap:anywhere;white-space:normal}
.custom-domain-actions{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:900px){.custom-domain-dns-row{grid-template-columns:1fr}.custom-domain-actions{justify-content:flex-start}.custom-domain-add{align-items:stretch;flex-direction:column}}


/* 1.0.1173 compact custom-domain overview + manager */
.project-custom-domains.compact{gap:8px}
.project-custom-domains.compact .setup-overview-card-head{margin-bottom:0}
.custom-domain-overview-live{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}
.custom-domain-overview-live a{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-domain-overview-live span{font-size:10px;font-weight:700;border-radius:999px;padding:3px 7px;background:rgba(34,197,94,.12);color:#16803b;white-space:nowrap}
.custom-domain-overview-live small{color:var(--muted,#737b8a);white-space:nowrap}
.custom-domain-manager-card{width:min(920px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 36px));display:flex;flex-direction:column}
.custom-domain-manager-body{padding:16px 18px 18px;overflow:auto;display:flex;flex-direction:column;gap:14px}
.custom-domain-manager-list{display:flex;flex-direction:column;gap:10px}
.custom-domain-add-panel{border-top:1px solid var(--line,#dfe3e8);padding-top:14px;display:flex;flex-direction:column;gap:7px}
.custom-domain-add-panel>label{font-weight:700;font-size:12px}
.custom-domain-add-panel>small{color:var(--muted,#737b8a)}
.custom-domain-help{border:1px solid rgba(99,102,241,.24);background:rgba(99,102,241,.055);border-radius:12px;padding:13px 14px;display:flex;flex-direction:column;gap:7px}
.custom-domain-help.hidden{display:none}
.custom-domain-help h3{margin:0;font-size:13px}
.custom-domain-help p{margin:0;color:var(--muted,#737b8a);font-size:11px;line-height:1.45}
.custom-domain-help ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:11px;line-height:1.45}
.custom-domain-help code{font-size:10px}
.custom-domain-dns h4{margin:2px 0 0;font-size:11px;color:var(--muted,#737b8a)}
@media(max-width:900px){.custom-domain-manager-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.custom-domain-overview-live{align-items:flex-start;flex-wrap:wrap}}


/* 1.0.1176 Production inventory + custom-domain DNS clarity */
.production-inventory-summary{margin:12px 0;padding:12px;border:1px solid var(--border,#dfe3e8);border-radius:10px;display:grid;gap:6px}.production-inventory-summary>span{font-size:12px;opacity:.72}.production-inventory-summary>div{display:flex;flex-wrap:wrap;gap:6px}.production-inventory-assignment-link{font:inherit;font-size:12px;padding:6px 8px;border-radius:8px}.custom-domain-dns-head{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.2fr) minmax(240px,1.8fr) auto;gap:10px;align-items:center;padding:4px 0 6px;font-size:11px;font-weight:700;opacity:.7}.custom-domain-certificate-note{display:block;margin-top:8px;line-height:1.45;opacity:.78}@media(max-width:820px){.custom-domain-dns-head{display:none}}

/* 1.0.1181 analytics visualisation */
.project-usage-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.project-usage-filters select{max-width:180px}
.project-usage-visuals{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:10px}
.usage-series-chart,.usage-map-card{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:10px;min-width:0}
.usage-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.usage-chart-head strong{font-size:11px;color:var(--text)}
.usage-chart-head span{font-size:10px;color:var(--muted)}
.usage-series-chart svg,.usage-world-map svg{display:block;width:100%;height:168px;overflow:visible}
.usage-chart-axis{stroke:currentColor;opacity:.16;stroke-width:1}
.usage-chart-area{fill:currentColor;opacity:.06}
.usage-chart-line{fill:none;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.usage-chart-range{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;margin-top:2px}
.usage-map-land{fill:currentColor;opacity:.08;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}
.usage-world-map circle{fill:currentColor;opacity:.65;stroke:var(--panel2);stroke-width:1.5;vector-effect:non-scaling-stroke}
.usage-analytics-bars{display:grid;gap:7px}
.usage-analytics-bar{display:grid;gap:3px}
.usage-analytics-bar>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.usage-analytics-bar span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usage-analytics-bar strong{font-size:10px;color:var(--muted)}
.usage-analytics-bar i{display:block;height:4px;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);overflow:hidden;position:relative}
.usage-analytics-bar i::after{content:"";display:block;height:100%;width:var(--usage-bar);border-radius:inherit;background:currentColor;opacity:.45}
.studio-dashboard-empty.compact{padding:18px 8px}
.production-recovery-progress{margin:10px 0}
.production-rollback-box{margin-top:8px}
@media(max-width:900px){.project-usage-visuals{grid-template-columns:1fr}.project-usage-filters{justify-content:flex-start}}
.project-usage-breakdown>div>.usage-analytics-bars{display:grid;gap:7px;padding:0;border:0;align-items:stretch}
.project-usage-breakdown>div>.usage-analytics-bars .usage-analytics-bar{display:grid;gap:3px;padding:0;border:0}


/* 1.0.1181 analytics/upgrade UX */
.usage-map-grid{stroke:currentColor;opacity:.035;stroke-width:1;vector-effect:non-scaling-stroke}
.usage-world-map{position:relative}
.usage-map-point circle{cursor:help;transition:opacity .15s ease,stroke-width .15s ease,transform .15s ease;transform-box:fill-box;transform-origin:center}
.usage-map-point:hover circle{opacity:1;stroke-width:2.5;transform:scale(1.08)}
.usage-map-help{display:block;margin-top:2px;color:var(--muted);font-size:9px;text-align:right}
.usage-error-list{display:grid;gap:6px}
.usage-error-list>div{display:grid;gap:2px;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent);padding-bottom:5px;cursor:help}
.usage-error-list>div:last-child{border-bottom:0;padding-bottom:0}
.usage-error-list span{font-size:10px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usage-error-list strong{font-size:9px;color:var(--muted);font-weight:700}
.production-operation-preflight-error{margin:8px 0 10px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.07);border-radius:10px;padding:10px 11px;display:grid;gap:4px}
.production-operation-preflight-error strong{font-size:11px;color:var(--text)}
.production-operation-preflight-error span{font-size:10px;line-height:1.45;color:var(--muted);white-space:normal}

/* 1.0.1182 — Development Runtime & environment workspace + Viewer surface selector */
.runtime-development-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;min-height:420px;padding:12px 16px 16px;flex:1 1 auto;min-height:0}
.runtime-development-nav{display:flex;flex-direction:column;gap:4px;padding:4px;border-right:1px solid var(--line);min-width:0}
.runtime-development-nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:0;background:transparent;color:var(--muted);min-height:38px;padding:8px 10px;border-radius:9px;font-weight:750}
.runtime-development-nav button:hover{background:var(--soft);color:var(--text)}
.runtime-development-nav button.selected{background:color-mix(in srgb,#3b82f6 12%,var(--panel));color:var(--text)}
.runtime-development-detail{min-width:0;min-height:0;display:flex;flex-direction:column}
#runtimeServicesModal .runtime-development-detail>.runtime-settings-panel{margin:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 88%,transparent);flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable}
#runtimeServicesModal>.runtime-services-modal-card.maximized .runtime-development-workspace{min-height:0;height:100%}
#runtimeServicesModal>.runtime-services-modal-card.maximized .runtime-development-detail{min-height:0}
.runtime-access-panel .runtime-environment-managed{display:grid;gap:12px}
.viewer-application-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end;gap:8px;min-width:0}
.viewer-surface-picker{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:700}
.viewer-surface-picker select{min-width:180px;max-width:300px;min-height:32px;margin:0;padding:5px 28px 5px 8px}
@media(max-width:900px){.runtime-development-workspace{grid-template-columns:1fr}.runtime-development-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.runtime-development-nav button{white-space:nowrap}.viewer-application-head{align-items:flex-start}.viewer-application-head-actions{flex-wrap:wrap}.viewer-surface-picker select{min-width:150px}}

.viewer-application-title-line{display:flex!important;align-items:center!important;gap:8px;min-width:0;flex:1}.viewer-application-title-line .viewer-surface-picker{margin-left:6px}.viewer-application-title-line .viewer-surface-picker span{font-size:10px}.viewer-application-title-line .viewer-surface-picker select{min-width:170px;max-width:260px}@media(max-width:900px){.viewer-application-title-line{flex-wrap:wrap}.viewer-application-title-line .viewer-surface-picker{margin-left:24px}}


/* 1.0.1199 — account-wide Custom URL entitlement capacity */
.custom-domain-capacity{display:grid;gap:7px;margin:0 0 12px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.custom-domain-capacity>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.custom-domain-capacity strong{font-size:11px;color:var(--text)}
.custom-domain-capacity span{font-size:10px;color:var(--muted)}
.custom-domain-capacity>div:last-child{justify-content:flex-start;gap:14px}
.custom-domain-capacity.over-capacity{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.06)}
.custom-domain-capacity-action{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.custom-domain-capacity-action span{font-size:10px;color:var(--muted);line-height:1.4}

.link-button{appearance:none;border:0;background:transparent;padding:0;color:var(--accent,#2563eb);font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.link-button:hover{opacity:.8}

/* 1.0.1204 Production operation activity reconciliation */
.production-recovery-current{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.production-recovery-current>div{display:grid;gap:4px;min-width:0}
.production-recovery-current small,.production-recovery-current span{color:var(--muted);font-size:11px}
.production-recovery-current>div>strong{font-size:17px}
.production-recovery-row.current-source{border-color:var(--accent,#6574ff)}
.production-recovery-row-title{display:flex!important;align-items:center;gap:8px;grid-auto-flow:column;justify-content:start}
.production-recovery-row-title .settings-state-pill{font-size:9px;padding:2px 6px}
.production-recovery-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.production-recovery-notice.warning span{color:var(--warning,#d9a441)}
@media(max-width:900px){.production-recovery-current,.production-recovery-notice{align-items:flex-start;flex-direction:column}}


/* v1.0.1205 — user-scoped Custom URL capacity + staged DNS/HTTPS setup */
.custom-domain-dns{gap:12px}
.custom-domain-dns-stage{display:grid;gap:7px;padding:10px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel2) 72%,transparent)}
.custom-domain-dns-stage.complete{opacity:.78}
.custom-domain-dns-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.custom-domain-dns-stage-head strong{font-size:12px}.custom-domain-dns-stage-head span{font-size:11px;color:var(--muted)}
.custom-domain-dns-row{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.2fr) minmax(260px,1.45fr)}
.custom-domain-dns-head{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.2fr) minmax(260px,1.45fr)}
.custom-domain-copy-field{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center}
.custom-domain-copy-field code{min-width:0;overflow-wrap:anywhere;white-space:normal}
.custom-domain-copy-icon{width:32px!important;height:32px!important;font-size:14px!important;border-radius:8px}
@media(max-width:900px){.custom-domain-dns-row{grid-template-columns:1fr}.custom-domain-copy-field{grid-template-columns:minmax(0,1fr) 32px}.custom-domain-dns-stage-head{align-items:flex-start;flex-direction:column;gap:3px}}
.custom-domain-copy-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* v1.0.1207 — Custom Domain DNS table alignment + certificate-status clarity */
.custom-domain-dns-row>.custom-domain-record-kind{display:flex;flex-direction:column;gap:2px;min-width:0}
.custom-domain-dns-row>.custom-domain-copy-field{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center;min-width:0}
.custom-domain-dns-row>.custom-domain-copy-field code{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.custom-domain-dns-row>.custom-domain-copy-field .custom-domain-copy-icon{grid-column:2;grid-row:1;align-self:center;justify-self:end;flex:0 0 32px}
.custom-domain-item.routing-active{border-color:color-mix(in srgb,#22c55e 28%,var(--line,#dfe3e8))}
@media(max-width:900px){
  .custom-domain-dns-row{grid-template-columns:minmax(110px,.65fr) minmax(0,1.2fr) minmax(0,1.45fr)}
  .custom-domain-dns-head{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(0,1.2fr) minmax(0,1.45fr)}
  .custom-domain-dns-row>.custom-domain-copy-field{grid-template-columns:minmax(0,1fr) 32px}
}
@media(max-width:680px){
  .custom-domain-dns-head{display:none}
  .custom-domain-dns-row{grid-template-columns:1fr}
  .custom-domain-dns-row>.custom-domain-copy-field code{white-space:normal;overflow-wrap:anywhere}
}

/* v1.0.1207 — effective HTTPS + used Custom URL management */
.custom-domain-capacity-title{display:flex;align-items:center;gap:8px;min-width:0}
.custom-domain-capacity-title .secondary.small{min-height:28px;padding:4px 9px;font-size:10px}
.custom-domain-usage-card{width:min(780px,92vw);max-height:min(760px,88vh)}
.custom-domain-usage-body{min-height:0;overflow:auto;padding:2px 0 0}
.custom-domain-usage-list{display:grid;gap:8px}
.custom-domain-usage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.custom-domain-usage-row>div:first-child{display:grid;gap:3px;min-width:0}
.custom-domain-usage-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-domain-usage-row span{font-size:10px;color:var(--muted)}
.custom-domain-usage-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.custom-domain-usage-actions a{font-size:10px;font-weight:750;color:var(--accent,#6d7cff);text-decoration:none}
@media(max-width:680px){.custom-domain-usage-row{align-items:flex-start;flex-direction:column}.custom-domain-usage-actions{width:100%;justify-content:flex-end}.custom-domain-capacity-title{flex-wrap:wrap}}


/* 1.0.1208 — Analytics layout + compact review read-only state */
.project-usage-breakdown{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:row dense;
  align-items:start;
}
.project-usage-breakdown>.usage-breakdown-card{min-width:0;overflow:hidden}
.project-usage-breakdown>.usage-breakdown-locations{grid-column:span 2}
.project-usage-breakdown>.usage-breakdown-routes{grid-column:span 4}
.project-usage-breakdown>.usage-breakdown-devices{grid-column:span 2}
.project-usage-breakdown>.usage-breakdown-access{grid-column:span 2}
.project-usage-breakdown>.usage-breakdown-status{grid-column:span 2}
.project-usage-breakdown>.usage-breakdown-referrers{grid-column:span 4}
.project-usage-breakdown>.usage-breakdown-errors{grid-column:span 8}
.project-usage-breakdown .usage-analytics-bar>div{min-width:0}
.project-usage-breakdown .usage-analytics-bar span{min-width:0;max-width:100%}
.project-usage-breakdown .usage-analytics-bar strong{flex:0 0 auto;white-space:nowrap}
.usage-breakdown-routes .usage-analytics-bar span,
.usage-breakdown-referrers .usage-analytics-bar span{cursor:help}
.usage-error-list{min-width:0;overflow:hidden}
.usage-error-list>div{min-width:0;width:100%;overflow:hidden}
.usage-error-list span,.usage-error-list strong{min-width:0;max-width:100%}
@media(max-width:1180px){
  .project-usage-breakdown{grid-template-columns:repeat(6,minmax(0,1fr))}
  .project-usage-breakdown>.usage-breakdown-locations{grid-column:span 2}
  .project-usage-breakdown>.usage-breakdown-routes{grid-column:span 4}
  .project-usage-breakdown>.usage-breakdown-devices,
  .project-usage-breakdown>.usage-breakdown-access,
  .project-usage-breakdown>.usage-breakdown-status{grid-column:span 2}
  .project-usage-breakdown>.usage-breakdown-referrers{grid-column:span 3}
  .project-usage-breakdown>.usage-breakdown-errors{grid-column:span 3}
}
@media(max-width:760px){
  .project-usage-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-usage-breakdown>.usage-breakdown-locations,
  .project-usage-breakdown>.usage-breakdown-devices,
  .project-usage-breakdown>.usage-breakdown-access,
  .project-usage-breakdown>.usage-breakdown-status{grid-column:span 1}
  .project-usage-breakdown>.usage-breakdown-routes,
  .project-usage-breakdown>.usage-breakdown-referrers,
  .project-usage-breakdown>.usage-breakdown-errors{grid-column:1/-1}
}


/* 1.0.1212 — Production analytics access/period/release filters stay side-by-side */
.project-usage-analytics .project-usage-filters{
  display:grid;
  grid-template-columns:repeat(2,minmax(150px,1fr));
  gap:8px;
  align-items:center;
  justify-content:end;
  width:min(380px,46vw);
  flex:0 0 auto;
}

.project-usage-analytics .project-usage-filters:has(#projectUsageAnalyticsAccess){
  grid-template-columns:repeat(3,minmax(140px,1fr));
  width:min(580px,62vw);
}
.project-usage-analytics .project-usage-filters select{
  width:100%;
  max-width:none;
  min-width:0;
}
@media(max-width:720px){
  .project-usage-analytics .setup-overview-card-head{align-items:flex-start;flex-direction:column}
  .project-usage-analytics .project-usage-filters,
  .project-usage-analytics .project-usage-filters:has(#projectUsageAnalyticsAccess){width:100%;grid-template-columns:1fr 1fr;justify-content:stretch}
}
@media(max-width:480px){
  .project-usage-analytics .project-usage-filters{grid-template-columns:1fr}
}

html[data-appearance="light"] .active-ai-provider-badge[data-provider="api"]{
  background:rgba(15,118,110,.08);
  border-color:rgba(15,118,110,.18);
  color:#0f766e;
}

/* Built-in AI allowance badge */
.active-ai-provider-badge[data-provider="api"]{
  max-width:none;
  width:132px;
  display:grid;
  grid-template-columns:auto minmax(34px,1fr) auto;
  align-items:center;
  gap:6px;
  padding:4px 7px;
}
.active-ai-provider-badge .zai-badge-label{
  font-size:8px;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
.active-ai-provider-badge .zai-badge-track{
  position:relative;
  display:block;
  height:6px;
  min-width:34px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.active-ai-provider-badge .zai-badge-track i{
  display:block;
  height:100%;
  min-width:0;
  border-radius:inherit;
  background:currentColor;
  opacity:.88;
  transition:width .25s ease;
}
.active-ai-provider-badge b{
  font-size:8px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
html[data-appearance="light"] .active-ai-provider-badge .zai-badge-track{
  background:rgba(15,118,110,.12);
  box-shadow:inset 0 0 0 1px rgba(15,118,110,.08);
}
.provider-zurro-ai-summary{display:grid;gap:8px}
.provider-zurro-ai-summary .zai-allowance-track{height:8px;border-radius:999px;background:rgba(127,127,127,.15);overflow:hidden}
.provider-zurro-ai-summary .zai-allowance-track i{display:block;height:100%;border-radius:inherit;background:currentColor}


/* v1.0.1233 - Studio Built-in AI / One Click identity */
.brand-copy{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:5px;row-gap:4px;min-width:0;flex:1}
.brand-copy>strong{grid-column:1;font-size:14px}
.active-ai-provider-badge{grid-column:2!important;display:contents!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;text-transform:none!important;letter-spacing:normal!important;overflow:visible!important;white-space:normal!important}
.active-ai-provider-badge .studio-ai-mode{font-size:9px;font-weight:700;color:var(--muted,#94a3b8);white-space:nowrap}
.active-ai-provider-badge .studio-ai-provider-line{grid-column:1 / -1;font-size:9px;font-weight:750;color:var(--muted,#94a3b8);line-height:1.1}
.active-ai-provider-badge .studio-ai-meter{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%}
.active-ai-provider-badge .zai-badge-track{height:6px;min-width:0;width:100%;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden}
.active-ai-provider-badge .zai-badge-track i{display:block;height:100%;border-radius:inherit;background:#5eead4;transition:width .25s ease}
.active-ai-provider-badge .studio-ai-meter b{font-size:9px;font-variant-numeric:tabular-nums;color:#5eead4;white-space:nowrap}
html[data-appearance="light"] .active-ai-provider-badge .zai-badge-track{background:rgba(15,118,110,.12)}
html[data-appearance="light"] .active-ai-provider-badge .zai-badge-track i{background:#0f766e}
html[data-appearance="light"] .active-ai-provider-badge .studio-ai-meter b{color:#0f766e}

/* 1.0.1234 Production storage usage */
.runtime-production-metrics>div.storage-attention{border-color:var(--warning,#d9a441)}
.subscription-product-summary{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:1px;}


/* 1.0.1240 — subscription purchase wizard fit + explicit maximise control */
.subscription-builder-modal-card{width:min(1040px,calc(100vw - 36px))!important;}
.subscription-builder-progress{overflow-x:hidden;gap:5px;padding-left:18px;padding-right:18px;}
.subscription-builder-progress button{min-width:0;flex:0 1 auto;gap:5px;padding:2px 1px;}
.subscription-builder-progress button b{width:22px;height:22px;flex:0 0 22px;}
.subscription-builder-progress button span{white-space:nowrap;font-size:10px;}
.subscription-builder-progress i{min-width:8px;max-width:34px;flex:1 1 16px;}
.subscription-window-icon{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.subscription-builder-modal-card.maximized{width:calc(100vw - 16px)!important;}
.subscription-builder-modal-card.maximized .subscription-builder-progress{padding-left:24px;padding-right:24px;gap:8px;}
.subscription-builder-modal-card.maximized .subscription-builder-progress i{max-width:none;}
@media(max-width:820px){
  .subscription-builder-progress{overflow-x:auto;gap:6px;}
  .subscription-builder-progress button{flex:0 0 auto;}
  .subscription-builder-progress i{flex:0 0 10px;min-width:10px;}
}

/* 1.0.1242 Stripe billing recovery */
#settingsSubscriptionsLifecycle.has-pending{display:grid;gap:9px;max-width:760px;width:min(760px,100%)}
#settingsSubscriptionsLifecycle .settings-billing-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid var(--line)}
#settingsSubscriptionsLifecycle .settings-billing-pending>span{display:grid;gap:2px;min-width:0}
#settingsSubscriptionsLifecycle .settings-billing-pending button{flex:0 0 auto;padding:6px 9px;font-size:10px}
#settingsSubscriptionsLifecycle .settings-billing-pending.recoverable strong{color:var(--warn,#d97706)}
@media(max-width:720px){#settingsSubscriptionsLifecycle .settings-billing-pending{align-items:flex-start;flex-direction:column}}


/* 1.0.1258 — Project Runs long-history layout. */
.api-runs-modal-card:not(.api-runs-user-modal) .api-runs-modal-body{
  display:block;
  align-content:initial;
}
.api-runs-modal-card:not(.api-runs-user-modal) .api-run-row{
  min-height:max-content;
  flex:none;
}
.api-runs-modal-card:not(.api-runs-user-modal) .api-run-row + .api-run-row{
  margin-top:10px;
}
.api-runs-modal-card:not(.api-runs-user-modal) .api-run-summary-grid{
  min-height:78px;
}

/* 1.0.1268 — customer Production migration verification */
.production-workspace-detail{min-width:0}
.production-migration-card{margin-bottom:12px;overflow:hidden}
.production-migration-card.ready{border-color:color-mix(in srgb,var(--blue) 48%,var(--line))}
.production-migration-card.complete{border-color:rgba(34,197,94,.38)}
.production-migration-card.failed{border-color:rgba(239,68,68,.42)}
.production-migration-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.production-migration-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:620px){.production-migration-actions>*{width:100%}}

/* 1.0.1283 — customer-first Plans & billing journey */
#settingsModal [data-settings-panel="subscriptions"] .settings-purchase-journey-heading{margin-top:14px;margin-bottom:6px;}
#settingsModal [data-settings-panel="subscriptions"] .settings-billing-actions{display:block;margin:0 0 12px;}
.subscription-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.subscription-journey-card{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:start;width:100%;min-height:112px;padding:13px 14px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:none;}
.subscription-journey-card:hover:not(:disabled){border-color:var(--blue);background:var(--soft);}
.subscription-journey-card:disabled{opacity:.52;cursor:not-allowed;background:var(--panel2);}
.subscription-journey-card .subscription-journey-step{grid-row:1 / span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-size:11px;font-weight:900;}
.subscription-journey-card>span:nth-child(2){display:grid;gap:4px;min-width:0;}
.subscription-journey-card strong{font-size:13px;line-height:1.2;}
.subscription-journey-card small{font-size:9.5px;line-height:1.4;color:var(--muted);font-weight:500;}
.subscription-journey-card em{grid-column:2;font-size:9px;font-style:normal;font-weight:800;color:var(--blue);align-self:end;margin-top:6px;}
.subscription-journey-card:disabled em{color:var(--muted);}
.subscription-journey-secondary{display:flex;justify-content:flex-end;margin-top:8px;}
.subscription-journey-secondary button{font-size:10px;padding:7px 10px;}
.subscription-purchase-recommendation{display:grid;gap:3px;padding:11px 12px;margin-bottom:10px;border:1px solid color-mix(in srgb,var(--blue) 26%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--blue) 6%,var(--panel));}
.subscription-purchase-recommendation>span{font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);}
.subscription-purchase-recommendation strong{font-size:12px;}
.subscription-purchase-recommendation small{font-size:10px;line-height:1.4;color:var(--muted);}
.subscription-production-assessment{display:grid;gap:10px;margin-bottom:10px;}
.subscription-production-assessment>div:first-child{display:grid;gap:5px;max-width:540px;}
.subscription-production-assessment>div:first-child>span{font-size:10px;font-weight:800;color:var(--text);}
.subscription-production-assessment select{margin:0;}
.subscription-advanced-choice{margin:8px 0 2px;padding:7px 10px;font-size:10px;}
.settings-subscription-inventory-wrap{overflow-x:auto;}
.settings-subscription-inventory{min-width:980px;table-layout:fixed;}
.settings-subscription-inventory th:nth-child(1){width:120px;}
.settings-subscription-inventory th:nth-child(2){width:280px;}
.settings-subscription-inventory th:nth-child(3){width:160px;}
.settings-subscription-inventory th:nth-child(4){width:130px;}
.settings-subscription-inventory th:nth-child(5){width:340px;}
.settings-subscription-inventory th,.settings-subscription-inventory td{white-space:nowrap;}
.settings-subscription-plan{display:grid;gap:2px;min-width:0;overflow:hidden;}
.settings-subscription-plan strong,.settings-subscription-plan small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.settings-subscription-plan strong{font-size:10.5px;color:var(--text);}
.settings-subscription-plan small{font-size:8.5px;color:var(--muted);}
.settings-subscription-actions{flex-wrap:nowrap;white-space:nowrap;}
.settings-subscription-actions button{white-space:nowrap;}
.subscription-history-more{margin:8px 0 2px;padding:7px 10px;font-size:10px;}
@media(max-width:880px){.subscription-journey-grid{grid-template-columns:1fr;}.subscription-journey-card{min-height:92px;}}

/* 1.0.1285 — compact allowance bars without header popover */
.brand-capacity-copy{position:relative!important;display:flex!important;flex:1 1 auto!important;min-width:0!important;align-self:center!important;max-height:38px!important;}
.brand-capacity-copy .active-ai-provider-badge{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:3px!important;width:100%!important;min-width:0!important;max-height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important;text-align:left!important;overflow:hidden!important;}
.brand-capacity-row{display:grid;grid-template-columns:minmax(36px,1fr);grid-template-rows:6px 9px;align-items:center;gap:1px;min-width:0;min-height:16px;}
.brand-capacity-meter{display:block;min-width:0;width:100%;height:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--muted) 18%,transparent);}
.brand-capacity-meter i{display:block;height:100%;border-radius:inherit;transition:width .25s ease;}
.brand-ai-row .brand-capacity-meter i{background:var(--blue,#5b7cfa);}
.brand-ai-row>b{color:var(--blue,#5b7cfa);}
.brand-image-row .brand-capacity-meter i{background:#d89a2b;}
.brand-image-row>b{color:#d89a2b;}
.brand-capacity-row>b{display:block;font-size:8px;line-height:9px;font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:start;}
.brand-oneclick-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:820;color:var(--text);line-height:11px;padding:0;}
body.sidebar-collapsed .brand-capacity-copy{display:none!important;}

/* 1.0.1285 — subscription inventory fit and scheduled-cancel status */
.settings-subscription-inventory-wrap{overflow-x:auto;}
.settings-subscription-inventory{width:100%;min-width:800px!important;table-layout:fixed;}
.settings-subscription-inventory th:nth-child(1){width:155px!important;}
.settings-subscription-inventory th:nth-child(2){width:235px!important;}
.settings-subscription-inventory th:nth-child(3){width:108px!important;}
.settings-subscription-inventory th:nth-child(4){width:104px!important;}
.settings-subscription-inventory th:nth-child(5){width:238px!important;}
.settings-subscription-inventory th,.settings-subscription-inventory td{white-space:normal!important;}
.settings-subscription-product strong{white-space:nowrap!important;overflow-wrap:normal!important;}
.settings-subscription-plan{min-width:0;}
.settings-subscription-plan strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.settings-subscription-plan small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.settings-subscription-period.compact{display:grid;gap:2px;line-height:1.15;white-space:nowrap;}
.settings-subscription-period.compact span{font-size:10px;color:var(--text);}
.settings-subscription-period.compact small{font-size:9px;color:var(--muted);}
.settings-subscription-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap;white-space:nowrap;}
.settings-subscription-actions button{flex:0 0 auto;min-width:0!important;padding:6px 8px!important;font-size:9px!important;line-height:1.1;}
.settings-state-pill.scheduled-cancel{display:inline-flex;align-items:center;gap:4px;padding:5px 7px!important;background:color-mix(in srgb,#d97706 13%,transparent);color:#b45309;white-space:nowrap;}
.settings-cancel-clock{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
html[data-appearance="dark"] .settings-state-pill.scheduled-cancel,html[data-appearance="legacy"] .settings-state-pill.scheduled-cancel{color:#fbbf24;}
@media(max-width:900px){.settings-subscription-inventory{min-width:800px!important;}}


/* 1.0.1284 — conservative Project tree density refinement */
.project-group-body{margin-left:8px!important;padding-left:11px!important;}
.project-group-body::before{width:5px!important;}
.project-type-items{margin-left:13px!important;}
.project-type-items::before{left:-8px!important;}
.project-artifact-row::before{left:-8px!important;width:5px!important;}
.project-artifact-row.active::after{left:-11px!important;}
.project-artifact-main{padding-left:2px!important;padding-right:2px!important;}
.project-artifact-version{max-width:46px!important;min-height:20px!important;padding:2px 5px!important;font-size:8.4px!important;margin-left:1px;}


/* 1.0.1286 — focused Activity, reserve allowance phases and subscription grouping */
.activity-bar-focus{right:46px;font-size:16px;line-height:1;}
.activity-bar.panel-open .activity-bar-summary{padding-right:84px;}
.activity-bar.attention-pulse{animation:activityAnchorPulse .7s ease 2;}
@keyframes activityAnchorPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue,#5b7cfa) 20%,transparent),0 18px 48px rgba(2,6,23,.30)}}
.activity-focus-layer{position:fixed;inset:0;z-index:5900;display:grid;place-items:center;padding:24px;background:rgba(6,12,22,.36);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.activity-focus-layer.hidden{display:none!important;}
.activity-focus-card{width:min(620px,calc(100vw - 48px));height:min(570px,calc(100vh - 56px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #334155;border-radius:18px;background:#0b1423;color:#e7eef8;box-shadow:0 28px 78px rgba(2,6,23,.42);transform-origin:calc(100% - 32px) calc(100% - 28px);}
.activity-focus-layer.entering .activity-focus-card{animation:activityFocusIn .24s cubic-bezier(.2,.85,.3,1);}
@keyframes activityFocusIn{from{opacity:.2;transform:translate(34vw,30vh) scale(.42)}to{opacity:1;transform:translate(0,0) scale(1)}}
.activity-focus-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-bottom:1px solid #26364b;}
.activity-focus-head>div:first-child{display:grid;gap:2px;min-width:0}.activity-focus-head h2{margin:0;font-size:17px}.activity-focus-head p{margin:0;color:#8fa2bb;font-size:10px}.activity-focus-actions{display:flex;align-items:center;gap:7px}.activity-focus-actions button{padding:6px 9px;font-size:10px}.activity-focus-actions .icon-btn{width:32px;height:32px;padding:0;font-size:18px;}
.activity-focus-list{max-height:none;min-height:0;overflow:auto;padding:9px;}
.activity-focus-preference{display:flex;align-items:center;gap:8px;padding:11px 15px;border-top:1px solid #26364b;color:#aebdd0;font-size:10px;cursor:pointer}.activity-focus-preference input{width:auto;margin:0;}
html[data-appearance="light"] .activity-focus-layer{background:rgba(222,232,243,.48)}
html[data-appearance="light"] .activity-focus-card{background:#fff;color:#20344d;border-color:#b9ccdf;box-shadow:0 28px 78px rgba(36,63,94,.25)}
html[data-appearance="light"] .activity-focus-head,html[data-appearance="light"] .activity-focus-preference{border-color:#d6e2ee}html[data-appearance="light"] .activity-focus-head p,html[data-appearance="light"] .activity-focus-preference{color:#71859d}
@media(max-width:680px){.activity-focus-layer{padding:12px}.activity-focus-card{width:calc(100vw - 24px);height:calc(100vh - 24px)}.activity-focus-head{align-items:flex-start}.activity-focus-actions .small{display:none}}
.brand-ai-row.reserve .brand-capacity-meter i{background:#8b5cf6;}
.brand-ai-row.reserve>b{color:#8b5cf6;}
.brand-image-row.reserve .brand-capacity-meter i{background:#14b8a6;}
.brand-image-row.reserve>b{color:#0f9f91;}
.settings-subscription-group-row td{padding:10px 8px 5px!important;border-bottom:0!important;background:transparent!important;}
.settings-subscription-group-row strong{display:block;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);}
.settings-subscription-group-row+tr td{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);}
.settings-subscription-product-icon.ai_capacity{background:rgba(139,92,246,.10);color:#7c3aed}.settings-subscription-product-icon.production_storage{background:rgba(14,165,233,.10);color:#0284c7}.settings-subscription-product-icon.custom_url_addon{background:rgba(99,102,241,.10);color:#4f46e5}
.legal-production-section{scroll-margin-top:22px;margin-top:34px;padding-top:30px;border-top:2px solid var(--line,#263449)}.legal-section-heading{margin-bottom:18px}.legal-section-heading h2{margin:3px 0 5px;font-size:27px}.legal-production-copy h3{margin:0 0 10px;font-size:19px}.legal-production-copy{margin-top:26px}

/* 1.0.1287 — compact renewal dates and product-specific subscription management */
.settings-subscription-inventory th:nth-child(3){width:120px!important;}
.settings-subscription-inventory th:nth-child(4){width:96px!important;}
.settings-subscription-inventory th:nth-child(5){width:234px!important;}
.settings-subscription-period.compact{min-width:0;overflow:hidden;}
.settings-subscription-period.compact span,.settings-subscription-period.compact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.subscription-capacity-quantity button:disabled{opacity:.35;cursor:not-allowed;background:transparent!important;}


/* 1.0.1292 Collection box picker must stay inside the tabbed settings viewport.
   The older floating menu was positioned outside .manual-tabbed-settings, whose
   overflow clipping made the rendered choices visible/unreliable or unclickable. */
.manual-block-settings-panel.manual-collection-settings .manual-collection-box-picker{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  max-height:min(360px,46vh)!important;
  margin-top:8px;
  box-sizing:border-box;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.manual-block-settings-panel.manual-collection-settings .manual-collection-box-picker>.manual-collection-variant{
  flex:0 0 auto;
}

/* v1.0.1298 Application autosave: the Play slot becomes Apply saved changes when source is ahead of runtime. */
.runtime-icon-bar .runtime-play-btn.runtime-apply-pending svg path{fill:none!important;stroke:currentColor!important;}
.runtime-icon-bar .runtime-play-btn.runtime-apply-pending{background:color-mix(in srgb,var(--blue) 24%,var(--panel2))!important;color:var(--blue)!important;border-color:color-mix(in srgb,var(--blue) 58%,var(--line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 50%,transparent),0 0 0 2px color-mix(in srgb,var(--blue) 12%,transparent)!important;opacity:1!important;}
.runtime-icon-bar .runtime-play-btn.runtime-apply-pending:not(:disabled):hover{background:color-mix(in srgb,var(--blue) 32%,var(--panel2))!important;}

/* 1.0.1303 — compact manual image generation controls */
.workspace-visual-generate{grid-template-columns:minmax(0,1fr);align-items:stretch}
.workspace-visual-generate-prompt{width:100%}
.workspace-visual-generate-options{display:grid;grid-template-columns:minmax(140px,220px) minmax(170px,260px);gap:10px;align-items:end}
.workspace-visual-generate-options label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}
.workspace-visual-generate-options select{width:100%}
.workspace-visual-generate-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.workspace-visual-generate-foot small{flex:1 1 300px;color:var(--muted);font-size:10px;line-height:1.4}
.workspace-visual-generate-foot>button{min-width:150px}
@media(max-width:760px){.workspace-visual-generate-options{grid-template-columns:1fr}.workspace-visual-generate-foot>button{width:100%}}

/* 1.0.1305 — manual image transparency */
.workspace-visual-generate-options{grid-template-columns:minmax(140px,220px) minmax(170px,260px) minmax(150px,190px)}
.workspace-visual-generate-check{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:var(--text);font-size:12px;font-weight:700;text-transform:none;letter-spacing:0}
.workspace-visual-generate-check input{width:16px;height:16px;margin:0;accent-color:var(--blue)}
@media(max-width:760px){.workspace-visual-generate-options{grid-template-columns:1fr}}

/* Slides: public presentation builder. Reuse the established Presentation card artwork. */
.wizard-project-type-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));}
.wizard-project-type-slides{background:linear-gradient(145deg,#fff7ed,#ffedd5)}
.wizard-project-type-slides i:nth-child(1){left:22px;right:22px;top:16px;bottom:24px;border-radius:10px;background:#fff;border:1px solid #fed7aa;box-shadow:9px 9px 0 rgba(194,65,12,.13)}
.wizard-project-type-slides i:nth-child(2){left:38px;top:36px;width:48%;height:10px;border-radius:5px;background:#9a3412;box-shadow:0 21px 0 #fdba74,0 42px 0 #ffedd5}
.wizard-project-type-slides i:nth-child(3){right:38px;bottom:42px;width:42px;height:42px;border-radius:50%;background:#ea580c;box-shadow:-26px -16px 0 -10px #fb923c}
.slides-beta-editor{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg,#0b1020);z-index:2;}
.slides-beta-editor.hidden{display:none!important;}
.slides-beta-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line,#223047);background:var(--panel,#101827);min-height:48px;}
.slides-beta-toolbar-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.slides-beta-toolbar button{min-height:32px;padding:6px 10px;font-size:12px;}
.slides-beta-toolbar small{color:var(--muted,#94a3b8);}
.slides-beta-workarea{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;background:color-mix(in srgb,var(--bg,#0b1020) 78%,#000);}
.slides-beta-canvas{position:relative;container-type:inline-size;width:min(100%,calc((100vh - 215px) * 16 / 9));aspect-ratio:16/9;flex:0 0 auto;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.35);background:#0f172a;user-select:none;touch-action:none;}
.slides-beta-composition,.slides-beta-element{position:absolute;min-width:8px;min-height:8px;}
.slides-beta-composition{overflow:hidden;z-index:0;pointer-events:none;cursor:default;}
.slides-beta-element{z-index:10;}
.slides-beta-composition img,.slides-beta-element-image img{display:block;width:100%;height:100%;pointer-events:none;}
.slides-beta-element-text{display:flex;white-space:pre-wrap;overflow:hidden;outline:none;cursor:move;padding:2px;}
.slides-beta-text-list{width:100%;margin:0;padding-left:1.25em;white-space:normal}.slides-beta-text-list li{margin:.12em 0}.slides-beta-text-list-icon{list-style:none;padding-left:1.45em}.slides-beta-text-list-icon li{position:relative}.slides-beta-text-list-icon li>span{position:absolute;left:-1.35em;color:var(--slides-accent,currentColor);font-weight:700}
.slides-beta-element-image{overflow:hidden;cursor:move;}
.slides-beta-selectable.is-selected{outline:2px solid #7c6df2;outline-offset:2px;}
.slides-beta-element.is-selected{z-index:40!important;}
.slides-beta-resize-handle{position:absolute;width:13px;height:13px;right:-7px;bottom:-7px;border:2px solid #fff;background:#7c6df2;border-radius:3px;cursor:nwse-resize;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.4);}
.slides-beta-structural-guide{position:absolute;z-index:35;pointer-events:none;border:1.5px dashed rgba(124,109,242,.72);background:rgba(124,109,242,.035);border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.1) inset;transition:border-color .08s ease,background .08s ease}
.slides-beta-structural-guide::before{content:"Standard " attr(data-role) " row";position:absolute;left:0;top:-20px;padding:3px 6px;border-radius:5px;background:rgba(20,26,42,.9);color:rgba(255,255,255,.82);font:700 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap}
.slides-beta-structural-guide.is-snapped{border-color:#8ef1d4;background:rgba(93,220,184,.06)}
.slides-beta-alignment-guide{position:absolute;z-index:38;pointer-events:none;background:#69e6c1;box-shadow:0 0 0 1px rgba(7,15,25,.24),0 0 8px rgba(105,230,193,.45)}
.slides-beta-alignment-guide.is-vertical{transform:translateX(-.5px)}.slides-beta-alignment-guide.is-horizontal{transform:translateY(-.5px)}
.slides-beta-marquee{position:absolute;z-index:45;pointer-events:none;border:1.5px solid rgba(105,230,193,.95);background:rgba(105,230,193,.10);box-shadow:0 0 0 1px rgba(7,15,25,.18) inset;border-radius:3px}
.slides-beta-box-style{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted,#94a3b8);font-size:11px;font-weight:700;}
.slides-beta-box-style select{min-height:32px;padding:5px 28px 5px 9px;border-radius:8px;font-size:12px;}
.slides-beta-box-style.hidden{display:none!important;}
.slides-beta-image-controls{display:flex;align-items:center;gap:6px}.slides-beta-image-controls.hidden{display:none!important}.slides-beta-image-controls label{display:flex;align-items:center;gap:5px;color:var(--muted,#94a3b8);font-size:11px;font-weight:700}.slides-beta-image-controls select{width:auto!important;min-width:86px;max-width:120px;min-height:32px;padding:5px 26px 5px 8px;border-radius:8px;font-size:12px}
.presentation-slide-item[data-slides-slide-id]{cursor:pointer;}
.presentation-slide-item[data-slides-slide-id] .slides-beta-rail-swatch{width:28px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.18);flex:none;}

/* 1.0.1315 — Slides direct text editing and presentation controls */
.slides-beta-present-controls{position:absolute;z-index:90;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(9,13,22,.78);box-shadow:0 14px 42px rgba(0,0,0,.34);backdrop-filter:blur(14px);color:#fff;opacity:.26;transition:opacity .18s ease}
.slides-beta-present-controls:hover,.slides-beta-present-controls:focus-within{opacity:1}
.slides-beta-present-controls button{appearance:none;border:0;border-radius:999px;min-width:34px;height:34px;padding:0 10px;background:rgba(255,255,255,.1);color:inherit;font:700 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.slides-beta-present-controls button:hover{background:rgba(255,255,255,.2)}
.slides-beta-present-controls button:disabled{opacity:.35;cursor:default}
.slides-beta-present-counter{min-width:62px;text-align:center;font:700 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.slides-beta-rich-content{display:block;width:100%;white-space:pre-wrap}
.slides-beta-inline-toolbar{position:fixed;z-index:2147483200;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;width:max-content;max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:hidden;padding:5px 6px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(9,13,22,.94);box-shadow:0 14px 42px rgba(0,0,0,.38);backdrop-filter:blur(14px);color:#fff;font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scrollbar-width:thin}
.slides-beta-inline-toolbar .slides-beta-inline-badge{padding:0 5px;color:rgba(255,255,255,.68);white-space:nowrap;font-size:10px}
.slides-beta-inline-toolbar select,.slides-beta-inline-toolbar button,.slides-beta-inline-toolbar input[type="color"]{height:26px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.slides-beta-inline-toolbar select{width:auto!important;min-width:58px;max-width:136px;flex:0 0 auto;padding:0 22px 0 7px}.slides-beta-inline-toolbar .slides-beta-inline-font{width:112px!important;min-width:96px;max-width:126px}.slides-beta-inline-toolbar .slides-beta-inline-size{width:68px!important;min-width:68px!important;padding-right:24px}.slides-beta-inline-toolbar .slides-beta-inline-opacity{width:84px!important;min-width:84px!important;padding-right:22px}.slides-beta-inline-toolbar .slides-beta-inline-vertical{width:78px!important}.slides-beta-inline-toolbar .slides-beta-inline-box{width:100px!important}
.slides-beta-inline-toolbar button{min-width:26px;padding:0 7px;cursor:pointer}
.slides-beta-inline-toolbar button:hover,.slides-beta-inline-toolbar button.is-active{background:rgba(124,109,242,.42);border-color:rgba(157,144,255,.7)}
.slides-beta-inline-toolbar .slides-beta-inline-swatch{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;padding:2px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(255,255,255,.08);cursor:pointer;flex:0 0 auto}
.slides-beta-inline-toolbar .slides-beta-inline-swatch input[type="color"]{appearance:none;-webkit-appearance:none;width:20px!important;height:20px!important;min-width:20px;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer;overflow:hidden}.slides-beta-inline-toolbar .slides-beta-inline-swatch input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.slides-beta-inline-toolbar .slides-beta-inline-swatch input[type="color"]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.42);border-radius:4px}.slides-beta-inline-toolbar .slides-beta-inline-swatch input[type="color"]::-moz-color-swatch{border:1px solid rgba(255,255,255,.42);border-radius:4px}
.slides-beta-inline-toolbar .slides-beta-inline-box-swatch{box-shadow:inset 0 -2px 0 rgba(255,255,255,.18)}
.slides-beta-inline-toolbar .slides-beta-inline-divider{width:1px;height:20px;background:rgba(255,255,255,.16);margin:0 2px}
.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar{width:max-content!important;max-width:calc(100vw - 16px)!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;row-gap:0!important;background:rgba(9,13,22,.94)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar select,.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar button{height:26px!important;border-color:rgba(255,255,255,.14)!important;border-radius:7px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar select[data-help-inline-style="fontFamily"]{width:112px!important}.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar select[data-help-inline-style="fontSize"]{width:68px!important}.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar .walkthrough-help-inline-colour{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:26px!important;padding:2px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:7px!important;background:rgba(255,255,255,.08)!important;color:#fff!important}.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar .walkthrough-help-inline-colour>span{display:none}.slides-beta-inline-toolbar.walkthrough-help-inline-toolbar .walkthrough-help-inline-colour input[type="color"]{width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important}
.slides-beta-element-text.is-inline-editing{cursor:text!important;outline:2px solid #9d90ff!important;outline-offset:2px;user-select:text!important;caret-color:currentColor;overflow:visible!important;white-space:pre-wrap!important;z-index:70!important}
.slides-beta-element-text.is-inline-editing .slides-beta-text-list li{min-height:1.15em}
.slides-beta-element-text.is-inline-editing .slides-beta-resize-handle{display:none!important}
#slidesBetaEditor:fullscreen,#slidesBetaEditor:-webkit-full-screen{background:#000}
#slidesBetaEditor:fullscreen .slides-beta-toolbar,#slidesBetaEditor:-webkit-full-screen .slides-beta-toolbar{display:none!important}
#slidesBetaEditor:fullscreen .slides-beta-workarea,#slidesBetaEditor:-webkit-full-screen .slides-beta-workarea{padding:0;overflow:hidden;background:#000}
#slidesBetaEditor:fullscreen .slides-beta-canvas,#slidesBetaEditor:-webkit-full-screen .slides-beta-canvas{width:min(100vw,177.7778vh);height:min(56.25vw,100vh);max-width:none;box-shadow:none}
#slidesBetaEditor:fullscreen .slides-beta-selectable,#slidesBetaEditor:-webkit-full-screen .slides-beta-selectable{pointer-events:none}
#slidesBetaEditor:fullscreen .slides-beta-selectable.is-selected,#slidesBetaEditor:-webkit-full-screen .slides-beta-selectable.is-selected{outline:none}
#slidesBetaEditor:fullscreen .slides-beta-resize-handle,#slidesBetaEditor:-webkit-full-screen .slides-beta-resize-handle{display:none!important}
#slidesBetaEditor:fullscreen .slides-beta-present-controls,#slidesBetaEditor:-webkit-full-screen .slides-beta-present-controls{bottom:calc(28px + env(safe-area-inset-bottom,0px));opacity:.22}
#slidesBetaEditor:fullscreen .slides-beta-present-controls:hover,#slidesBetaEditor:-webkit-full-screen .slides-beta-present-controls:hover{opacity:1}

.slides-beta-element-icon{display:flex;align-items:center;justify-content:center;cursor:move}
.slides-beta-element-icon svg{display:block;width:100%;height:100%;pointer-events:none}
.slides-beta-icon-fallback{font-size:2.2cqw;line-height:1}
.slides-beta-icon-picker{position:fixed;z-index:2147483300;max-height:min(64vh,560px);padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(9,13,22,.97);box-shadow:0 18px 54px rgba(0,0,0,.44);backdrop-filter:blur(16px);color:#fff;overflow:hidden}
.slides-beta-icon-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font:700 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.slides-beta-icon-picker-head button{width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.slides-beta-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:min(52vh,450px);overflow:auto;padding-right:2px}
.slides-beta-icon-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:#fff;cursor:pointer}
.slides-beta-icon-grid button:hover{background:rgba(124,109,242,.25);border-color:rgba(157,144,255,.58)}
.slides-beta-icon-grid button span{display:flex;width:26px;height:26px;align-items:center;justify-content:center}
.slides-beta-icon-grid button svg{width:100%;height:100%}
.slides-beta-icon-grid button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.72);font:600 10px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

.slides-beta-diagram-node-surface{position:absolute;z-index:2;pointer-events:none}.slides-beta-composition{z-index:1}.slides-beta-element{z-index:3}

/* 1.0.1334 — Slides workspace flow and editable diagram surfaces */
.slides-beta-diagram-node-surface{position:absolute;z-index:2;pointer-events:auto;cursor:move;min-width:8px;min-height:8px}
.slides-beta-diagram-node-surface.is-transparent-helper{background:transparent!important;border:1px dashed color-mix(in srgb,var(--accent,#7c6df2) 58%,transparent)!important;box-shadow:none!important}
.slides-beta-diagram-node-surface.is-selected{z-index:39;outline:2px solid #7c6df2;outline-offset:2px}
#slidesBetaEditor:fullscreen .slides-beta-diagram-node-surface.is-transparent-helper,#slidesBetaEditor:-webkit-full-screen .slides-beta-diagram-node-surface.is-transparent-helper{border-color:transparent!important;outline:none!important}
.slides-beta-rail-thumbnail iframe{width:100%;height:100%;border:0;pointer-events:none;background:#0f172a}
.slides-inspector-section{display:grid;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);margin-bottom:9px}
.slides-inspector-heading{display:grid;gap:3px}.slides-inspector-heading strong{font-size:11px}.slides-inspector-heading small{font-size:9px;line-height:1.4;color:var(--muted)}
.slides-inspector-section>label{display:grid;gap:5px;font-size:9px;font-weight:800;color:var(--muted)}
.slides-inspector-section select{width:100%;min-height:32px}.slides-inspector-colours{display:grid;grid-template-columns:1fr 1fr;gap:7px}.slides-inspector-colours label{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;color:var(--muted)}.slides-inspector-colours input[type="color"]{width:34px;height:28px;padding:2px;border-radius:7px}
.slides-add-preview{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;background:#f7f9fc;color:#3b4a5d;box-shadow:inset 0 0 0 1px rgba(74,94,126,.12)}
.slides-add-preview.split{display:grid;grid-template-columns:46% 54%;gap:0}.slides-add-preview.split.image-right{grid-template-columns:54% 46%}.slides-add-preview .sap-image{position:relative;background:linear-gradient(145deg,#265d91 0%,#44bdb2 55%,#dceef4 100%)}.slides-add-preview .sap-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 45%,rgba(255,255,255,.42),transparent 26%),linear-gradient(115deg,transparent 55%,rgba(247,249,252,.88) 94%)}.slides-add-preview.image-right .sap-image:after{transform:scaleX(-1)}.slides-add-preview .sap-copy{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 13px;background:#f7f9fc}.slides-add-preview .sap-copy span{display:block;height:5px;border-radius:999px;background:#9aa7b5}.slides-add-preview .sap-copy .sap-kicker{width:34%;height:3px;background:#4dbbb0}.slides-add-preview .sap-copy .sap-title{width:90%;height:12px;border-radius:4px;background:#33445a}.slides-add-preview .sap-copy .sap-card{width:78%;height:18px;margin-top:3px;border-radius:7px;background:#e4e9ef;border:1px solid #c5ced9}
.slides-add-preview.diagram,.slides-add-preview.hierarchy,.slides-add-preview.radial{padding:10px 12px;background:#f7f9fc}.slides-add-preview .sap-head{display:block;width:44%;height:6px;margin-bottom:12px;border-radius:4px;background:#40536b}.slides-add-preview.diagram>div{display:flex;align-items:center;justify-content:center;gap:5px;height:58%}.slides-add-preview.diagram i{display:grid;place-items:center;width:24%;height:70%;border:2px solid #6d7fb4;border-radius:10px;background:#fff;font-style:normal;font-size:10px;color:#51638e}.slides-add-preview.diagram em{font-style:normal;font-weight:900;color:#5e70a9}.slides-add-preview.hierarchy{display:block}.slides-add-preview.hierarchy>i{display:block;width:32%;height:23%;margin:0 auto;border:2px solid #6c79b8;border-radius:8px;background:#fff}.slides-add-preview.hierarchy .sap-branch{display:block;width:2px;height:10px;margin:0 auto;background:#8290af}.slides-add-preview.hierarchy>div{display:flex;gap:7px;justify-content:center;border-top:2px solid #8290af;padding-top:7px}.slides-add-preview.hierarchy b{width:25%;height:25px;border:2px solid #7f8abb;border-radius:7px;background:#fff}.slides-add-preview.radial i{position:absolute;width:24%;height:30%;left:38%;top:40%;border-radius:50%;background:#6475c4}.slides-add-preview.radial b{position:absolute;width:18%;height:22%;border:2px solid #7380b5;border-radius:50%;background:#fff}.slides-add-preview.radial b:nth-of-type(1){left:12%;top:39%}.slides-add-preview.radial b:nth-of-type(2){right:12%;top:39%}.slides-add-preview.radial b:nth-of-type(3){left:41%;bottom:5%}.slides-add-preview.radial em{position:absolute;left:44%;top:34%;font-style:normal;color:#5d6da0;font-weight:900}.slides-add-preview.opening{display:grid;grid-template-columns:44% 1fr;gap:0}.slides-add-preview.opening>i{background:linear-gradient(145deg,#245e92,#58c8bb 62%,#d9edf2)}.slides-add-preview.opening>b{align-self:center;display:flex;flex-direction:column;gap:7px;padding:12px}.slides-add-preview.opening small{display:block;width:34%;height:3px;border-radius:3px;background:#4dbbb0}.slides-add-preview.opening span{display:block;height:7px;border-radius:4px;background:#8795a7}.slides-add-preview.opening span:first-of-type{width:96%;height:16px;background:#33445a}.slides-add-preview.opening em{display:block;width:72%;height:4px;border-radius:3px;background:#b2bcc7}.slides-add-preview.blank{display:grid;place-items:center;background:#eef2f7;padding:10px}.slides-add-preview .sap-blank-canvas{display:block;width:90%;height:82%;border-radius:7px;background:#fff;border:1px solid #d3dae4;box-shadow:0 4px 10px rgba(53,70,94,.08)}
.slides-add-slide-prompt-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:stretch;grid-column:1/-1;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.slides-add-slide-prompt-card>.presentation-add-slide-preview{min-height:150px}.slides-add-slide-prompt-card label{display:grid;align-content:start;gap:8px}.slides-add-slide-prompt-card textarea{width:100%;min-height:110px;resize:vertical}.slides-add-slide-prompt-card>small{grid-column:2;color:var(--muted);font-size:9px}
@media(max-width:850px){.slides-add-slide-prompt-card{grid-template-columns:1fr}.slides-add-slide-prompt-card>small{grid-column:1}}

/* v1.0.1337 Slides typed Project Guidance review actions */
.guidance-proposal-review .handoff-review-title > div{display:grid;gap:4px;min-width:0}
.guidance-proposal-review .handoff-review-title small{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}
.guidance-proposal-review .handoff-review-title strong{display:block;overflow-wrap:anywhere}
.guidance-proposal-review .handoff-review-title .hint{display:block;margin:0;font-size:10px;line-height:1.35}
.guidance-proposal-review .handoff-review-actions.compact-actions{grid-template-columns:repeat(3,34px);justify-content:start}
.slides-beta-inline-toolbar button.is-mixed{box-shadow:inset 0 0 0 1.5px currentColor;opacity:.8}


.wizard-custom-playbook-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 12px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(15,23,42,.18)}
.wizard-custom-playbook-toggle{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}
.wizard-custom-playbook-toggle input{width:16px;height:16px;flex:0 0 auto}
.wizard-custom-playbook-toggle>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.wizard-custom-playbook-toggle strong{font-size:12px}
.wizard-custom-playbook-toggle small{font-size:10px;color:#94a3b8}
.wizard-custom-playbook-choice{white-space:nowrap}
html[data-appearance="light"] .wizard-custom-playbook-row{background:#fff;border-color:#d6e0eb}
@media(max-width:700px){.wizard-custom-playbook-row{align-items:flex-start;flex-direction:column}.wizard-custom-playbook-choice{width:100%}}

/* 1.0.1355 Playbooks library + Playbook Guidance */
.project-playbooks-btn{width:28px!important;height:28px!important;min-width:28px!important;padding:5px!important;border:0!important;background:transparent!important;color:var(--muted)!important}
.project-playbooks-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.project-playbooks-btn:hover,.project-playbooks-btn.active{color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 10%,transparent)!important}
.wizard-custom-playbook-row.wizard-custom-playbook-compact{margin-top:8px;padding:3px 1px;border:0;background:transparent!important;min-height:28px}
.wizard-custom-playbook-compact .wizard-custom-playbook-toggle{gap:7px}
.wizard-custom-playbook-compact .wizard-custom-playbook-toggle input{width:14px;height:14px}
.wizard-custom-playbook-compact .wizard-custom-playbook-toggle strong{font-size:11px;font-weight:650}
.wizard-custom-playbook-compact .wizard-custom-playbook-choice{padding:4px 7px;font-size:10px}
.work-playbook-new-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 4px}
.work-playbook-new-options button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px}
.work-playbook-new-options button small{color:var(--muted);font-size:10px}
.work-playbook-upload-section.muted{opacity:.7}
.playbook-guidance-picker-card{width:min(640px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 36px));display:flex;flex-direction:column;min-height:0}
.playbook-guidance-picker-search{padding:0 0 12px}
.playbook-guidance-picker-search input{width:100%}
.playbook-guidance-picker-list{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:180px;max-height:520px;padding-right:3px}
.playbook-guidance-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 11px;border:1px solid var(--line,#d9dde4);border-radius:10px;background:var(--panel,#fff);color:var(--text);text-align:left}
.playbook-guidance-picker-row:hover{border-color:var(--blue,#60a5fa);background:color-mix(in srgb,var(--blue,#60a5fa) 6%,var(--panel,#fff))}
.playbook-guidance-picker-row>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.playbook-guidance-picker-row small{color:var(--muted);font-size:10px}
@media(max-width:700px){.work-playbook-new-options{grid-template-columns:1fr}.wizard-custom-playbook-row.wizard-custom-playbook-compact{flex-direction:row;align-items:center}.wizard-custom-playbook-compact .wizard-custom-playbook-choice{width:auto}}
.wizard-project-type-lock-banner{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:8px;padding:4px 8px;border-radius:999px;border:1px solid currentColor;font-size:11px;font-weight:700;line-height:1.2;opacity:.9}

/* 1.0.1362 — approved-domain reuse flow */
.custom-domain-approved{display:grid;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 78%,transparent)}
.custom-domain-approved-head>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.custom-domain-approved-head strong{font-size:12px}.custom-domain-approved-head span{font-size:10px;color:var(--muted)}
.custom-domain-approved-list{display:grid;gap:7px}
.custom-domain-approved-row{display:grid;gap:4px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:9px;background:var(--panel)}
.custom-domain-approved-row>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.custom-domain-approved-row strong{font-size:11px}.custom-domain-approved-row span,.custom-domain-approved-row small{font-size:9.5px;color:var(--muted)}
.custom-domain-add-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.custom-domain-add-title strong{font-size:12px}.custom-domain-add-title span{font-size:10px;color:var(--muted)}
.custom-domain-add-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.custom-domain-add-choice{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:10px;text-align:left;display:grid;gap:4px;cursor:pointer}
.custom-domain-add-choice strong{font-size:11px}.custom-domain-add-choice span{font-size:9.5px;line-height:1.4;color:var(--muted)}
.custom-domain-add-choice.selected{border-color:color-mix(in srgb,var(--accent,#6574ff) 58%,var(--line));background:color-mix(in srgb,var(--accent,#6574ff) 8%,var(--panel2))}
.custom-domain-existing-grid{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:10px}.custom-domain-existing-grid>label{display:grid;gap:6px;font-weight:700;font-size:11px}.custom-domain-existing-grid select,.custom-domain-existing-grid input{width:100%;min-width:0}
.custom-domain-prefix-input{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr);align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.custom-domain-prefix-input input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.custom-domain-prefix-input span{padding:0 10px;border-left:1px solid var(--line);font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.custom-domain-existing-note{padding:8px 9px;border-radius:9px;background:var(--soft);font-size:10px;line-height:1.45;color:var(--muted)}
.custom-domain-add-actions{display:flex;justify-content:flex-end}
@media(max-width:700px){.custom-domain-add-choices,.custom-domain-existing-grid{grid-template-columns:1fr}.custom-domain-prefix-input{grid-template-columns:minmax(100px,.7fr) minmax(130px,1fr)}.custom-domain-add-actions{justify-content:stretch}.custom-domain-add-actions button{width:100%}}

/* 1.0.1365 — launch security and runtime hardening (no visual changes) */

/* 1.0.1366 — unified Built-in AI header meter */
.brand-capacity-copy{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  align-self:center!important;
}
.brand-capacity-copy .active-ai-provider-badge{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  align-content:stretch!important;
}
.brand-capacity-row{
  position:relative;
  display:block!important;
  width:100%;
  height:42px;
  min-height:42px;
}
.brand-capacity-meter{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  height:42px!important;
  border-radius:13px!important;
  overflow:hidden;
  background:color-mix(in srgb,var(--muted) 18%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--muted) 20%,transparent);
}
.brand-capacity-meter i{
  position:absolute;
  inset:0 auto 0 0;
  height:100%!important;
  border-radius:inherit;
  opacity:.26;
  z-index:0;
}
.brand-capacity-meter b{
  position:relative;
  z-index:1;
  display:block;
  margin:0;
  padding:0 8px;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  color:var(--text)!important;
  text-align:center;
}
.active-ai-provider-badge.allowance-unavailable .brand-capacity-meter{
  opacity:.72;
}
.active-ai-provider-badge.allowance-unavailable .brand-capacity-meter b{
  color:var(--muted)!important;
}
.active-ai-provider-badge .brand-oneclick-label{
  line-height:11px;
}
.active-ai-provider-badge .brand-oneclick-label + .brand-capacity-row{
  height:28px;
  min-height:28px;
}
.active-ai-provider-badge .brand-oneclick-label + .brand-capacity-row .brand-capacity-meter{
  height:28px!important;
  border-radius:10px!important;
}


/* 1.0.1367 — Workspace preview polish */
.brand-capacity-copy{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  align-self:center!important;
}
.brand-capacity-copy .active-ai-provider-badge{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  align-self:center!important;
}
.brand-capacity-row{
  height:40px;
  min-height:40px;
}
.brand-capacity-meter{
  height:40px!important;
}


/* 1.0.1368 — align header capacity control and make New Project type layout reflect visible cards */
body:not(.sidebar-collapsed) .brand{
  align-items:flex-start!important;
}
body:not(.sidebar-collapsed) .brand > .logo.logo-btn,
body:not(.sidebar-collapsed) .brand > .sidebar-toggle,
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  align-self:flex-start!important;
}
body:not(.sidebar-collapsed) .brand > .logo.logo-btn{
  width:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
}
body:not(.sidebar-collapsed) .brand > .logo.logo-btn .zurro-logo-mark{
  width:30px!important;
  height:30px!important;
}
body:not(.sidebar-collapsed) .brand > .sidebar-toggle{
  min-width:38px!important;
  width:38px!important;
  padding:0!important;
  flex:0 0 38px!important;
}
body:not(.sidebar-collapsed) .brand-capacity-copy .active-ai-provider-badge,
body:not(.sidebar-collapsed) .brand-capacity-row,
body:not(.sidebar-collapsed) .brand-capacity-meter{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
}
#setupWizardModal .wizard-project-type-grid.count-1{grid-template-columns:minmax(0,1fr);}
#setupWizardModal .wizard-project-type-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr));}
#setupWizardModal .wizard-project-type-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr));}
#setupWizardModal .wizard-project-type-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr));}
#setupWizardModal .wizard-project-type-grid.count-5{grid-template-columns:repeat(5,minmax(0,1fr));}
@media(max-width:900px){
  #setupWizardModal .wizard-project-type-grid.count-3,
  #setupWizardModal .wizard-project-type-grid.count-4,
  #setupWizardModal .wizard-project-type-grid.count-5{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  #setupWizardModal .wizard-project-type-grid.count-2,
  #setupWizardModal .wizard-project-type-grid.count-3,
  #setupWizardModal .wizard-project-type-grid.count-4,
  #setupWizardModal .wizard-project-type-grid.count-5{grid-template-columns:1fr;}
}


/* 1.0.1370 — launch simplification and UI polish */
/* The old generic .brand span rule adds margin-top to nested meter spans. Reset the
   nested meter descendants so the three header controls share the same physical box. */
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy,
body:not(.sidebar-collapsed) .brand > .logo.logo-btn,
body:not(.sidebar-collapsed) .brand > .sidebar-toggle{
  height:38px!important;min-height:38px!important;max-height:38px!important;
  margin-top:0!important;align-self:flex-start!important;
}
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy span,
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy .brand-capacity-row,
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy .brand-capacity-meter{
  margin-top:0!important;
}
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy .active-ai-provider-badge,
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy .brand-capacity-row,
body:not(.sidebar-collapsed) .brand > .brand-capacity-copy .brand-capacity-meter{
  height:38px!important;min-height:38px!important;max-height:38px!important;
}
/* Plans & purchases uses a restrained selected treatment instead of the global
   bright primary gradient, in both light and dark themes. */
.subscription-journey-card.primary{
  background:color-mix(in srgb,var(--blue) 10%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--blue) 48%,var(--line))!important;
  color:var(--text)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 8%,transparent)!important;
}
.subscription-journey-card.primary strong{color:var(--text)!important;}
.subscription-journey-card.primary small{color:var(--muted)!important;}
.subscription-journey-card.primary em{color:var(--blue)!important;}
.subscription-journey-card.primary .subscription-journey-step{background:var(--blue)!important;color:#fff!important;}
.subscription-shop-grid.studio.count-1{grid-template-columns:minmax(0,620px);justify-content:center;}
.subscription-review-page{
  width:100%;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);
  box-shadow:0 8px 24px rgba(0,0,0,.05);
}
.legacy-external-ai{display:none!important;}


/* 1.0.1370 — customer output polish and focused UI corrections. */
/* Single-product Studio checkout stays compact; actions no longer stretch the card across empty space. */
.subscription-shop-grid.studio.count-1{grid-template-columns:minmax(0,520px)!important;justify-content:center!important;}
.subscription-shop-grid.studio.count-1 .subscription-shop-card-footer{justify-content:flex-start!important;}
.subscription-shop-grid.studio.count-1 .subscription-add-btn{margin-left:0!important;}
.subscription-review-page{width:min(680px,100%)!important;max-width:680px!important;margin-inline:auto!important;}
/* Normal Built-in AI remaining capacity should read active/healthy rather than depleted purple-grey. */
.brand-capacity-meter>i{background:color-mix(in srgb,#5b7fe8 82%,#8b80d8 18%)!important;}
.brand-capacity-row.reserve .brand-capacity-meter>i{background:var(--brand-capacity-reserve,#16a6c9)!important;}
/* Slides uses the full standard inspector width while an activity such as AI Changes is open. */
@media (min-width:1001px) and (max-width:1599px){
  body.slides-workspace-active.presentation-activity-open .workspace{grid-template-columns:minmax(0,1fr) minmax(340px,360px)!important;}
}
body.slides-workspace-active.presentation-activity-open .right-panel>.workspace-rail-section:not(.hidden),
body.slides-workspace-active.presentation-activity-open #aiChangesBody,
body.slides-workspace-active.presentation-activity-open #taskInstruction{width:100%!important;max-width:none!important;min-width:0!important;}


/* 1.0.1371 — Document type explanations without exposing Studio setup files. */
#setupWizardModal .document-format-grid>.document-format-card{
  height:auto!important;
  min-height:132px!important;
  grid-template-rows:66px auto auto!important;
  align-content:start!important;
  gap:6px!important;
}
#setupWizardModal .document-format-grid>.document-format-card>small{
  display:block!important;
  margin:0!important;
  padding:0 4px 2px!important;
  font-size:9.5px!important;
  line-height:1.32!important;
  color:var(--muted)!important;
  font-weight:500!important;
}


/* 1.0.1373 — compact Document type cards: keep four choices visible while letting descriptions breathe. */
#setupWizardModal .document-format-grid>.document-format-card{
  min-height:124px!important;
  grid-template-rows:52px auto auto!important;
  gap:4px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
}
#setupWizardModal .document-format-grid>.document-format-card>.document-format-preview{
  width:82px!important;min-width:82px!important;max-width:82px!important;
  height:52px!important;min-height:52px!important;max-height:52px!important;
}
#setupWizardModal .document-format-grid>.document-format-card>small{
  font-size:9.5px!important;line-height:1.24!important;padding:0 3px!important;
}

/* 1.0.1374 — AI Changes owns queued work; Reviews owns AI change history. */
.top-help-btn{
  width:36px;
  height:36px;
  min-width:36px;
  padding:0;
  border-radius:12px;
  font-size:17px;
  font-weight:900;
  background:#111b2e;
  color:#dbeafe;
  border:1px solid #334155;
}
.top-help-btn:hover:not(:disabled){background:#1d2d49;border-color:#60a5fa;}
html[data-appearance="light"] .top-help-btn{background:#f7faff;color:#244a7b;border-color:#cbd9e8;}
html[data-appearance="light"] .top-help-btn:hover:not(:disabled){background:#edf5ff;border-color:#8fb3de;}
.ai-queued-backlog{
  margin-top:12px;
  border-top:1px solid var(--line);
  padding-top:10px;
}
.ai-queued-backlog>summary,
.review-change-history>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 2px;
}
.ai-queued-backlog>summary::-webkit-details-marker,
.review-change-history>summary::-webkit-details-marker{display:none;}
.ai-queued-backlog>summary>span:first-child,
.review-change-history>summary>span:first-child{display:flex;align-items:baseline;gap:7px;min-width:0;}
.ai-queued-backlog>summary strong,
.review-change-history>summary strong{font-size:12px;}
.ai-queued-backlog>summary small,
.review-change-history>summary small{font-size:11px;color:var(--muted);}
.ai-queued-backlog-list,
.review-change-history-list{display:grid;gap:7px;padding-top:6px;}
.ai-queued-backlog-item,
.review-history-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border:1px solid var(--border);
  background:var(--panel);
  border-radius:10px;
  padding:9px;
}
.ai-queued-backlog-copy{min-width:0;display:grid;gap:3px;}
.ai-queued-backlog-copy>small{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.03em;}
.ai-queued-backlog-copy>strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere;}
.ai-queued-backlog-copy>span{font-size:10px;color:var(--muted);line-height:1.3;overflow-wrap:anywhere;}
.ai-queued-backlog-actions{display:flex;align-items:center;gap:5px;}
.ai-queued-backlog-actions .icon-btn{width:30px;height:30px;min-width:30px;padding:0;border-radius:8px;}
.review-change-history{margin-top:12px;border-top:1px solid var(--line);padding-top:8px;}
.review-history-item{grid-template-columns:22px minmax(0,1fr) 28px;align-items:start;}
.review-history-status{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;font-size:12px;font-weight:950;background:rgba(34,197,94,.15);color:#86efac;}
.review-history-item.rejected .review-history-status{background:rgba(239,68,68,.14);color:#fca5a5;}
.review-history-item>div{display:grid;gap:2px;min-width:0;}
.review-history-item strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere;}
.review-history-item small,.review-history-item>div>span{font-size:10px;line-height:1.3;color:var(--muted);overflow-wrap:anywhere;}
.review-history-item .icon-btn{width:26px;height:26px;min-width:26px;padding:0;}
.workspace-rail-empty.compact{padding:9px;}
html[data-appearance="light"] .ai-queued-backlog-item,
html[data-appearance="light"] .review-history-item{background:#f8fbff;border-color:#d6e2ef;}
html[data-appearance="light"] .review-history-status{background:#eaf8ef;color:#18743a;}
html[data-appearance="light"] .review-history-item.rejected .review-history-status{background:#fff0f1;color:#a52b3b;}


/* 1.0.1375 — AI Inbox consolidation and inspector spacing. */
/* Customer-facing Workspace rail is dynamic: three universal AI tools, or four when a
   project type adds its own first-position workspace/structure tool. */
.workspace-rail-nav{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.presentation-primary-nav{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1180px){
  .workspace-rail-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .presentation-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

/* AI Inbox is one full-width inspector surface containing independently spaced sections. */
.ai-inbox-panel.workspace-rail-section{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:10px;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box;
  padding:0 10px 12px!important;
  overflow:auto;
}
.ai-inbox-panel.hidden{display:none!important;}
.ai-inbox-context{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  width:100%;
  min-width:0;
}
.ai-inbox-context>.workspace-context-subsection{
  width:100%;
  min-width:0;
  margin:0!important;
  box-sizing:border-box;
}
.ai-inbox-review-body{
  width:100%;
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-sizing:border-box;
}
.handoff-review-list{
  width:100%;
  min-width:0;
  gap:10px;
}
.ai-inbox-review-section,
.ai-inbox-history-section{
  width:100%;
  min-width:0;
  margin:0!important;
  padding:10px 12px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--panel2) 88%,transparent)!important;
  box-sizing:border-box;
}
.ai-inbox-section-heading,
.review-version-history-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  margin:0 0 8px;
}
.ai-inbox-section-heading strong,
.review-version-history-head strong{font-size:12px;}
.ai-inbox-section-heading small,
.review-version-history-head small{font-size:10px;color:var(--muted);}
.review-pending-list{display:grid;gap:8px;min-width:0;}
.review-change-history,
.review-previous-history{
  border-top:1px solid var(--line);
}
.review-change-history>summary,
.review-previous-history>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 0 0!important;
}
.review-change-history>summary::-webkit-details-marker,
.review-previous-history>summary::-webkit-details-marker{display:none;}
.review-change-history>summary>span:first-child,
.review-previous-history>summary>span:first-child{
  display:flex;align-items:baseline;gap:7px;min-width:0;
}
.review-change-history>summary strong,
.review-previous-history>summary strong{font-size:12px;}
.review-change-history>summary small,
.review-previous-history>summary small{font-size:11px;color:var(--muted);}
.review-change-history-list,
.review-previous-history-list{
  display:grid;
  gap:8px;
  padding:9px 0 0!important;
  min-width:0;
}
.review-version-history-group{
  display:grid;
  gap:7px;
  padding:9px 0 2px;
  border-top:1px solid var(--line);
}
.review-version-history-group:first-child{border-top:0;padding-top:0;}
.review-version-history-head{margin:0;}
/* Respect the shared rail's .hidden state. Do not force the Slides Inbox/history panel
   underneath AI Changes just because a Slides activity is open. */
body.presentation-activity-open .right-panel>.ai-inbox-panel.workspace-rail-section:not(.hidden){
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Backlog is its own card below the AI Changes composer rather than touching the panel edges. */
.ai-queued-backlog{
  margin:12px 0 2px!important;
  padding:8px 10px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--panel2) 88%,transparent)!important;
  box-sizing:border-box;
}
.ai-queued-backlog>summary{padding:2px 0!important;}
.ai-queued-backlog-list{padding-top:9px!important;padding-bottom:0!important;}

html[data-appearance="light"] .ai-inbox-review-section,
html[data-appearance="light"] .ai-inbox-history-section,
html[data-appearance="light"] .ai-queued-backlog{
  background:#fff!important;
  border-color:#d6e2ef!important;
}


/* 1.0.1376 — attention-ordered AI Inbox and branded AI Changes execution. */
.ai-inbox-panel.workspace-rail-section{
  padding:12px 10px 12px!important;
}
.ai-inbox-context:empty,.ai-inbox-context.hidden{display:none!important;}
.handoff-review-list>.workspace-context-subsection,
.handoff-review-list>.ai-inbox-review-section,
.handoff-review-list>.ai-inbox-history-section{
  width:100%;
  min-width:0;
  margin:0!important;
  box-sizing:border-box;
}
.ai-change-commit-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
}
.ai-change-commit-row .ai-change-add-backlog{
  flex:1 1 auto;
  width:auto!important;
  min-width:0;
}
.ai-change-handoff-launcher{
  flex:0 0 40px;
}


/* 1.0.1379 — pending Reviews never block editing; AI Inbox attention is visible on Workspace entry. */
@keyframes zurro-ai-inbox-attention-nudge{
  0%,100%{transform:translateY(0)}
  24%{transform:translateY(-3px)}
  46%{transform:translateY(1px)}
  70%{transform:translateY(-1px)}
}
@keyframes zurro-ai-inbox-attention-badge{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(37,99,235,0)}
  24%{transform:translateY(-3px);box-shadow:0 0 0 4px rgba(37,99,235,.18)}
  48%{transform:translateY(1px)}
  72%{transform:translateY(-1px)}
}
[data-workspace-rail-section="inbox"].attention-nudge .workspace-action-glyph,
[data-presentation-activity="inbox"].attention-nudge .workspace-action-glyph{
  animation:zurro-ai-inbox-attention-nudge 700ms cubic-bezier(.2,.8,.2,1) 3;
}
[data-workspace-rail-section="inbox"].attention-nudge .workspace-rail-count,
[data-presentation-activity="inbox"].attention-nudge b{
  animation:zurro-ai-inbox-attention-badge 700ms cubic-bezier(.2,.8,.2,1) 3;
}
@media(prefers-reduced-motion:reduce){
  [data-workspace-rail-section="inbox"].attention-nudge .workspace-action-glyph,
  [data-presentation-activity="inbox"].attention-nudge .workspace-action-glyph,
  [data-workspace-rail-section="inbox"].attention-nudge .workspace-rail-count,
  [data-presentation-activity="inbox"].attention-nudge b{animation:none!important}
}

/* 1.0.1382 email preferences */
.updates-opt-in{margin-top:2px!important;padding-top:8px;border-top:1px solid var(--line,#e2e8f0)}
.email-preferences-card{width:min(620px,calc(100vw - 32px));max-width:620px}
.email-preferences-account{margin:4px 0 14px;padding:9px 12px;border-radius:9px;background:rgba(37,99,235,.07);color:var(--muted,#64748b);font-size:12.5px}
.email-preferences-form{display:grid;gap:10px;margin-top:16px}
.email-preference-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--line,#dce4ee);border-radius:12px;background:var(--panel,#fff);cursor:pointer}
.email-preference-row.essential{cursor:default;background:rgba(148,163,184,.08)}
.email-preference-control{display:flex;align-items:flex-start;gap:11px;min-width:0}
.email-preference-control input{width:17px;height:17px;min-width:17px;margin:2px 0 0;accent-color:var(--accent,#2563eb)}
.email-preference-control span{display:grid;gap:3px}.email-preference-control strong{font-size:13px;color:var(--text,#142238)}.email-preference-control small{font-size:11.5px;line-height:1.45;color:var(--muted,#64748b)}
.email-preference-row em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted,#64748b);white-space:nowrap;padding-top:2px}
.email-preference-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:5px}.email-preference-actions button{flex:1 1 210px}
.profile-email-preferences-card{margin-top:14px;padding:14px;border:1px solid var(--line,#dce4ee);border-radius:15px;background:var(--panel,#fff)}
.profile-email-preference-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 2px;border-top:1px solid var(--line,#e5e7eb);cursor:pointer}.profile-email-preference-row:first-of-type{border-top:0}.profile-email-preference-row>span{display:flex;align-items:flex-start;gap:10px}.profile-email-preference-row input{width:17px;height:17px;min-width:17px;margin:2px 0 0;accent-color:var(--accent,#2563eb)}.profile-email-preference-row span span{display:grid;gap:2px}.profile-email-preference-row strong{font-size:12.5px}.profile-email-preference-row small{font-size:11px;line-height:1.45;color:var(--muted,#64748b)}.profile-email-preference-row em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted,#64748b);white-space:nowrap}.profile-email-preference-row.essential{cursor:default}.profile-email-preference-actions{margin-top:9px}


/* 1.0.1391 Studio Help + customer Support portal */
.studio-help-modal{z-index:1900}.studio-help-modal-card{width:min(1040px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;background:#0f172a;color:#e5e7eb;border:1px solid #26364f}
.studio-help-modal.maximized{padding:8px}.studio-help-modal.maximized .studio-help-modal-card{width:calc(100vw - 16px);height:calc(100vh - 16px);max-width:none;max-height:none;display:flex;flex-direction:column}.studio-help-modal.maximized .studio-help-section{flex:1;min-height:0;overflow:auto}
.studio-help-landing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.studio-help-choice{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;text-align:left;padding:18px;border:1px solid #30465f;border-radius:16px;background:#0b1727;color:#e5e7eb;cursor:pointer}.studio-help-choice:hover{border-color:#5b8ee6;background:#10213a}.studio-help-choice-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#142744;color:#93c5fd;font-size:25px;font-weight:900}.studio-help-choice span:last-child{display:grid;gap:5px}.studio-help-choice strong{font-size:17px}.studio-help-choice small{color:#9fb0c5;line-height:1.45}
.studio-help-section{margin-top:16px}.studio-help-guides-empty{display:grid;place-items:center;text-align:center;min-height:300px;border:1px dashed #334155;border-radius:16px;color:#94a3b8}.studio-help-guides-empty h3{color:#e5e7eb;margin-bottom:5px}
.studio-support-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.studio-support-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.studio-support-summary-card{display:grid;gap:3px;text-align:left;padding:12px 14px;border:1px solid #30465f;border-radius:13px;background:#0b1727;color:#cbd5e1}.studio-support-summary-card strong{font-size:22px;color:#fff}.studio-support-summary-card.active{border-color:#4f7ee7;background:#10213a}
.studio-support-list{display:grid;gap:8px}.studio-support-ticket-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:13px 14px;border:1px solid #26364f;border-radius:13px;background:#07111f;color:#e5e7eb}.studio-support-ticket-row:hover{border-color:#4f7ee7}.studio-support-ticket-row>span:first-child{display:grid;gap:4px}.studio-support-ticket-row small{color:#94a3b8}.studio-support-status{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;border:1px solid #334155;font-size:11px;font-weight:800}.studio-support-status.support-new,.studio-support-status.support-in-progress{color:#93c5fd;border-color:#1d4ed8;background:rgba(37,99,235,.16)}.studio-support-status.support-waiting-customer,.studio-support-status.support-waiting-internal{color:#fcd34d;border-color:#92400e;background:rgba(245,158,11,.16)}.studio-support-status.support-resolved,.studio-support-status.support-closed{color:#86efac;border-color:#166534;background:rgba(34,197,94,.14)}
.studio-support-new-form{padding:16px;border:1px solid #26364f;border-radius:14px;background:#07111f}.studio-support-new-form h3{margin:0 0 12px}.studio-support-form-grid{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:10px}.studio-support-new-form label,.studio-support-reply-label{display:grid;gap:6px;margin:10px 0;color:#94a3b8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.studio-support-new-form input,.studio-support-new-form select,.studio-support-new-form textarea,.studio-support-reply-label textarea{width:100%;box-sizing:border-box;background:#020617;color:#e5e7eb;border:1px solid #334155;border-radius:11px;padding:10px 11px;resize:vertical}
.studio-support-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-bottom:14px}.studio-support-detail-head h3{margin:0 0 5px}.studio-support-detail-head p{margin:0;color:#94a3b8}.studio-support-conversation{display:grid;gap:10px;max-height:460px;overflow:auto;padding-right:4px}.studio-help-modal.maximized .studio-support-conversation{max-height:none}.studio-support-message{padding:13px 14px;border:1px solid #26364f;border-radius:13px;background:#07111f}.studio-support-message.support{background:#0b1b31;border-color:#31517a}.studio-support-message header{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.studio-support-message time{font-size:11px;color:#94a3b8}.studio-support-message p{margin:0;line-height:1.55}.studio-support-attachments{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.studio-support-attachments a{padding:6px 8px;border:1px solid #334155;border-radius:8px;color:#5eead4;text-decoration:none}.studio-support-empty{padding:28px;text-align:center;color:#94a3b8;border:1px dashed #334155;border-radius:13px}
@media(max-width:700px){.studio-help-landing,.studio-support-summary,.studio-support-form-grid{grid-template-columns:1fr}.studio-support-toolbar{align-items:stretch;flex-direction:column}.studio-support-ticket-row{grid-template-columns:1fr}.studio-help-modal-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}

html[data-appearance="light"] .studio-help-modal-card{background:#fff;color:#172033;border-color:#d8e0ea}
html[data-appearance="light"] .studio-help-choice,html[data-appearance="light"] .studio-support-summary-card,html[data-appearance="light"] .studio-support-ticket-row,html[data-appearance="light"] .studio-support-new-form,html[data-appearance="light"] .studio-support-message{background:#f8fafc;color:#172033;border-color:#d8e0ea}
html[data-appearance="light"] .studio-help-choice:hover,html[data-appearance="light"] .studio-support-summary-card.active{background:#eef5ff;border-color:#7aa5ee}
html[data-appearance="light"] .studio-help-choice-icon{background:#e8f0ff;color:#245fca}
html[data-appearance="light"] .studio-help-choice small,html[data-appearance="light"] .studio-support-ticket-row small,html[data-appearance="light"] .studio-support-detail-head p,html[data-appearance="light"] .studio-support-message time{color:#64748b}
html[data-appearance="light"] .studio-support-summary-card strong{color:#172033}
html[data-appearance="light"] .studio-support-new-form input,html[data-appearance="light"] .studio-support-new-form select,html[data-appearance="light"] .studio-support-new-form textarea,html[data-appearance="light"] .studio-support-reply-label textarea{background:#fff;color:#172033;border-color:#cbd5e1}
html[data-appearance="light"] .studio-support-message.support{background:#eef5ff;border-color:#b9cef2}


/* 1.0.1392 — Home Help entry and light-theme Support status contrast */
.studio-dashboard-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.studio-dashboard-help-btn{flex:0 0 auto}
html[data-appearance="light"] .studio-support-status.support-resolved,
html[data-appearance="light"] .studio-support-status.support-closed{
  color:#166534;
  border-color:#15803d;
  background:#dcfce7;
}
@media(max-width:760px){.studio-dashboard-head-actions{width:100%;align-items:stretch}.studio-dashboard-head-actions .dashboard-range{flex:1}.studio-dashboard-help-btn{align-self:stretch;height:auto;min-height:36px}}

/* 1.0.1398 Viewer Groups and Production audience access */
.settings-viewer-groups-modal-card{width:min(760px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 36px));overflow:auto}
.settings-viewer-group-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;margin:12px 0}.settings-viewer-group-create input{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:8px 10px}
.settings-viewer-groups-list{display:grid;gap:8px}.settings-viewer-group-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.settings-viewer-group-row input{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--text);padding:6px 9px}.settings-viewer-group-row>span{font-size:10px;color:var(--muted)}.settings-viewer-group-row button{min-height:32px}
.production-viewer-groups-access{margin-top:12px}.production-viewer-groups-access .settings-viewer-applications-list{max-height:220px}.production-viewer-groups-access .button-row{margin-top:10px}
@media (max-width:760px){.settings-viewer-group-create{grid-template-columns:1fr}.settings-viewer-group-row{grid-template-columns:1fr auto auto}.settings-viewer-group-row>span{grid-column:1/-1}.settings-viewer-group-row input{grid-column:1/-1}}

/* 1.0.1400 First-login Studio tour */
.first-login-tour{position:fixed;inset:0;z-index:2600;pointer-events:none}.first-login-tour.hidden{display:none}.first-login-tour-backdrop{position:fixed;inset:0;background:rgba(2,8,23,.78);backdrop-filter:blur(2px);pointer-events:auto}.first-login-tour.has-spotlight .first-login-tour-backdrop{background:transparent;backdrop-filter:none}.first-login-tour-spotlight{position:fixed;border:2px solid rgba(147,197,253,.95);border-radius:14px;box-shadow:0 0 0 9999px rgba(2,8,23,.78),0 0 0 5px rgba(59,130,246,.18),0 20px 70px rgba(2,8,23,.45);transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease;pointer-events:none}.first-login-tour-card{position:fixed;width:min(410px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:18px;border-radius:18px;border:1px solid #334155;background:#0b1727;color:#e5e7eb;box-shadow:0 24px 80px rgba(0,0,0,.45);pointer-events:auto}.first-login-tour-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.first-login-tour-progress button{border:0;background:transparent;color:#94a3b8;padding:3px 0;min-height:0}.first-login-tour-progress button:hover{color:#fff}.first-login-tour-copy{display:grid;gap:8px}.first-login-tour-eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#60a5fa}.first-login-tour-card h2{margin:0;font-size:24px;line-height:1.12}.first-login-tour-card p{margin:0;color:#b8c6d9;line-height:1.58}.first-login-tour-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.first-login-tour-actions button{min-width:92px}.first-login-tour-actions #firstLoginTourNextBtn{margin-left:auto}.first-login-tour-card.is-welcome{width:min(520px,calc(100vw - 32px));text-align:left}.first-login-tour-card.is-welcome .first-login-tour-copy{padding:8px 2px 4px}.first-login-tour-card.is-welcome h2{font-size:30px}.first-login-tour-card.is-welcome p{font-size:15px}.first-login-tour.target-attention .first-login-tour-spotlight{animation:first-login-tour-pulse 1.8s ease-in-out infinite}@keyframes first-login-tour-pulse{0%,100%{border-color:rgba(147,197,253,.95)}50%{border-color:rgba(94,234,212,.95)}}
html[data-appearance="light"] .first-login-tour-card{background:#fff;color:#172033;border-color:#cbd5e1;box-shadow:0 24px 80px rgba(15,23,42,.24)}html[data-appearance="light"] .first-login-tour-card p{color:#526174}html[data-appearance="light"] .first-login-tour-progress{color:#64748b}html[data-appearance="light"] .first-login-tour-progress button{color:#64748b}html[data-appearance="light"] .first-login-tour-progress button:hover{color:#172033}
@media(max-width:760px){.first-login-tour-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:15px}.first-login-tour-card h2{font-size:21px}.first-login-tour-card.is-welcome h2{font-size:25px}.first-login-tour-spotlight{border-radius:10px}}
/* 1.0.1402 expanded first-login Studio tour */
.first-login-tour-spotlight.secondary{box-shadow:0 0 0 4px rgba(59,130,246,.18),0 12px 36px rgba(2,8,23,.32);z-index:1}
.first-login-tour-wizard-note{border-style:dashed}
#versionPickerModal.first-login-tour-version-demo{align-items:flex-start;padding:18px 22px 270px;background:rgba(2,6,23,.3);backdrop-filter:none}
#versionPickerModal.first-login-tour-version-demo .version-picker-modal{max-height:calc(100vh - 300px)}
@media(max-width:760px){#versionPickerModal.first-login-tour-version-demo{padding:10px 10px 250px}#versionPickerModal.first-login-tour-version-demo .version-picker-modal{max-height:calc(100vh - 270px)}}
/* 1.0.1403 Getting Started flow refinements */
body.first-login-tour-version-step .project-artifact-row.active{position:relative;z-index:2602}
body.first-login-tour-version-step .project-artifact-row.active .project-artifact-version{background:#fff!important;color:#111827!important;border-color:#fff!important;box-shadow:0 0 0 3px rgba(96,165,250,.32),0 8px 22px rgba(0,0,0,.28)!important;font-weight:850!important;opacity:1!important}
html[data-appearance="light"] body.first-login-tour-version-step .project-artifact-row.active .project-artifact-version{background:#fff!important;color:#111827!important}
/* 1.0.1404 Version Explorer onboarding target visibility */
.first-login-tour-lifted-target{position:fixed;z-index:2603;pointer-events:none;border:2px solid rgba(147,197,253,.98);border-radius:10px;background:#fff;box-shadow:0 0 0 4px rgba(59,130,246,.2),0 12px 34px rgba(2,8,23,.36);overflow:hidden}
.first-login-tour-lifted-target.hidden{display:none}
.first-login-tour-lifted-target .project-artifact-row,.first-login-tour-lifted-target .project-artifact-row:hover,.first-login-tour-lifted-target .project-artifact-row.active{width:100%;height:100%;min-height:100%!important;background:#fff!important;border-radius:8px!important}
.first-login-tour-lifted-target .project-artifact-main{background:#fff!important;color:#111827!important}
.first-login-tour-lifted-target .project-artifact-main>span,.first-login-tour-lifted-target .project-artifact-row.active .project-artifact-main>span,.first-login-tour-lifted-target .project-artifact-name{color:#111827!important;font-weight:800!important;opacity:1!important}
.first-login-tour-lifted-target .project-artifact-main small{color:#64748b!important;opacity:1!important}
.first-login-tour-lifted-target .project-artifact-version{background:#fff!important;color:#111827!important;border:1px solid #60a5fa!important;box-shadow:0 0 0 3px rgba(96,165,250,.2)!important;font-weight:850!important;opacity:1!important}
.first-login-tour-lifted-target .project-artifact-row::before,.first-login-tour-lifted-target .project-artifact-row::after{display:none!important}


/* 1.0.1408 — stable contextual help hover placement. */
body.studio-home-active .tabs{display:flex!important}
body.studio-home-active .tabs>*:not(#studioHelpBtn){display:none!important}
body.studio-home-active #workspaceTopTools{display:none!important}
.top-help-btn.active,.contextual-help-modal-btn.active{background:#2563eb!important;color:#fff!important;border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(59,130,246,.2)!important}
.contextual-help-modal-btn{width:34px;height:34px;min-width:34px;border-radius:10px;font-size:16px;font-weight:900}
.contextual-help-layer{position:fixed;inset:0;z-index:3200;pointer-events:none}
.contextual-help-card{position:fixed;width:min(360px,calc(100vw - 28px));box-sizing:border-box;padding:15px 16px 14px;border:1px solid #3569ae;border-radius:15px;background:#0c1b30;color:#eaf2ff;box-shadow:0 18px 48px rgba(2,6,23,.34);pointer-events:none;transition:left .12s ease,top .12s ease}
.contextual-help-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#8fc1ff;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.contextual-help-card h3{margin:0 0 7px;font-size:17px;line-height:1.25;color:#fff}
.contextual-help-card p{margin:0;font-size:12px;line-height:1.55;color:#d3dfef;white-space:pre-line}
.contextual-help-card small{display:block;margin-top:9px;color:#91a7c2;font-size:10px;line-height:1.4}
.contextual-help-card .icon-btn{width:25px;height:25px;min-width:25px;padding:0;color:#dbeafe;border-color:#345374;background:#132844}
.contextual-help-card.contextual-help-card-pinned{pointer-events:auto;width:min(460px,calc(100vw - 28px));padding:17px 18px 16px}
.contextual-help-target-active{outline:3px solid #60a5fa!important;outline-offset:3px!important;box-shadow:0 0 0 7px rgba(59,130,246,.14)!important;border-radius:8px!important}
.contextual-help-target-pinned{outline-color:#93c5fd!important;box-shadow:0 0 0 8px rgba(59,130,246,.2)!important}
body.contextual-help-active{cursor:help}
body.contextual-help-active[data-contextual-help-scope="main"] #previewFrame{pointer-events:none!important}
html[data-appearance="light"] .contextual-help-card{background:#fff;color:#172033;border-color:#7aa5ee;box-shadow:0 18px 48px rgba(15,23,42,.2)}
html[data-appearance="light"] .contextual-help-card h3{color:#172033}
html[data-appearance="light"] .contextual-help-card p{color:#43536a}
html[data-appearance="light"] .contextual-help-card small{color:#64748b}
html[data-appearance="light"] .contextual-help-card-head{color:#245fca}
html[data-appearance="light"] .contextual-help-card .icon-btn{background:#eef5ff;color:#245fca;border-color:#b9cef2}
.settings-getting-started-card{margin-top:14px}
.settings-getting-started-card .settings-section-heading{margin:0;align-items:center}
.settings-support-panel .studio-support-conversation{max-height:420px}
.settings-modal.maximized .settings-support-panel .studio-support-conversation{max-height:none}
@media(max-width:700px){.contextual-help-card{width:calc(100vw - 20px)}body.studio-home-active .tabs{width:auto}}

/* 1.0.1411 — pre-live discoverability and expanded contextual help. */
.setup-overview-card.is-locked{opacity:.94}
.setup-overview-card.is-locked .setup-overview-card-head>div>p{max-width:760px}
.setup-overview-card.is-locked button:disabled{opacity:.55;cursor:not-allowed}
.status-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}
.analytics-prelive-message{display:grid;gap:4px;justify-items:start;text-align:left}
.analytics-prelive-message strong{color:var(--text)}
.analytics-prelive-message span{color:var(--muted);line-height:1.45}
.contextual-help-card.contextual-help-card-pinned p{font-size:12.5px;line-height:1.62}

/* v1.0.1417 customer language selector */
.account-menu-popover .account-menu-actions #accountMenuLanguageBtn{grid-template-columns:20px minmax(0,1fr) 14px;}
.account-menu-chevron{font-size:17px;line-height:1;color:var(--muted);text-align:right;}
.account-language-menu{display:grid;gap:2px;padding:4px;margin:1px 0 4px 29px;border-left:1px solid var(--line,#dbe3ed);}
.account-language-menu button{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;min-height:30px!important;padding:5px 8px!important;font-size:11.5px!important;align-items:center;}
.account-language-menu button[aria-checked="true"]{font-weight:750;background:rgba(59,130,246,.09)!important;}
.account-language-menu button[aria-checked="true"]::after{content:'✓';font-size:12px;}
.account-language-menu .account-language-detected{font-size:9.5px;color:var(--muted);font-weight:500;}

/* 1.0.1433 SEO overview categories + domain-independent public-origin template */
.seo-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.seo-category{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:9px 10px;display:grid;gap:3px;min-width:0}
.seo-category>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.seo-category>strong{font-size:16px;line-height:1.15;color:var(--text)}
.seo-category>small{font-size:9px;line-height:1.35;color:var(--muted)}
.seo-category.healthy{border-color:rgba(34,197,94,.24)}
.seo-category.attention{border-color:rgba(245,158,11,.30)}
.seo-origin-note{margin:0;padding:8px 10px;border:1px dashed var(--line);border-radius:9px;background:var(--panel2);font-size:9px;line-height:1.45;color:var(--muted)}
@media(max-width:900px){.seo-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.seo-category-grid{grid-template-columns:1fr}}

/* 1.0.1439 Roadmap Stage handoff: optional Stage files use the same upload treatment as project setup. */
.roadmap-stage-upload-grid{display:grid;gap:10px;margin-top:12px}
.roadmap-stage-upload-box{margin:0;align-items:flex-start}
.roadmap-stage-upload-box>span{display:grid;gap:3px;min-width:180px}
.roadmap-stage-upload-box small{font-weight:400}
.roadmap-stage-upload-box input[type="file"]{max-width:100%}

/* 1.0.1440 Activity help, modal stacking and guided-tour visibility. */
.activity-panel-actions .contextual-help-modal-btn{width:30px;height:30px;min-width:30px;padding:0;font-size:15px;line-height:1}
#activityHistoryModal,#apiRunsModal{z-index:6000}
body[data-contextual-help-scope="activityFocusModal"] .contextual-help-layer,body[data-contextual-help-scope="activityHistoryModal"] .contextual-help-layer,body[data-contextual-help-scope="apiRunsModal"] .contextual-help-layer{z-index:6200}
body.first-login-tour-activity-step .first-login-tour{z-index:6300}

/* 1.0.1441 completeness-led native AI orchestration; no visual CSS changes. */

/* 1.0.1447 contract-authoritative execution + Activity/help polish */
.activity-bar-focus{right:86px;}
.activity-bar-help{right:46px;font-size:15px;line-height:1;font-weight:800;}
.activity-bar.panel-open .activity-bar-summary{padding-right:124px;}
body.contextual-help-active .contextual-help-layer,
body[data-contextual-help-scope] .contextual-help-layer{z-index:2147483400;}
body.first-login-tour-activity-step .first-login-tour{z-index:2147483500;}

/* 1.0.1465 Built-in AI pre-flight and execution choice */
.studio-dialog-actions .built-in-ai-advanced-action{margin-right:auto}
.built-in-ai-assessment{padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel) 94%,var(--surface));margin-bottom:10px}
.built-in-ai-assessment p{margin:0 0 5px}
.built-in-ai-assessment p:last-child{margin-bottom:0}
.built-in-ai-assessment-debug{font-size:11px;line-height:1.35}

/* v1.0.1483 Site First Build assessment-first Review step */
#setupWizardModal .wizard-ai-assessment-screen{
  min-height:360px;
  display:flex;
  flex-direction:column;
}
#setupWizardModal .wizard-ai-assessment-heading{
  margin-bottom:14px;
}
#setupWizardModal .wizard-ai-assessment-heading h3{
  font-size:22px;
  line-height:1.2;
}
#setupWizardModal .wizard-ai-assessment-heading .hint{
  font-size:13px;
  line-height:1.5;
  max-width:720px;
}
#setupWizardModal .wizard-ai-assessment-focus{
  flex:1 1 auto;
  min-height:245px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel2);
  padding:28px 32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:12px;
}
#setupWizardModal .wizard-ai-assessment-thinking{
  align-items:center;
  text-align:center;
}
#setupWizardModal .wizard-ai-assessment-thinking strong{
  display:block;
  font-size:20px;
  line-height:1.3;
  color:var(--text);
}
#setupWizardModal .wizard-ai-assessment-thinking p{
  margin:7px 0 0;
  max-width:610px;
  font-size:13.5px;
  line-height:1.55;
  color:var(--muted);
}
#setupWizardModal .wizard-ai-thinking-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  margin-bottom:4px;
}
#setupWizardModal .wizard-ai-thinking-mark i{
  width:9px;
  height:9px;
  border-radius:999px;
  background:currentColor;
  opacity:.3;
  animation:wizard-ai-thinking-dot 1.15s ease-in-out infinite;
}
#setupWizardModal .wizard-ai-thinking-mark i:nth-child(2){animation-delay:.16s;}
#setupWizardModal .wizard-ai-thinking-mark i:nth-child(3){animation-delay:.32s;}
@keyframes wizard-ai-thinking-dot{
  0%,60%,100%{transform:translateY(0);opacity:.28;}
  30%{transform:translateY(-7px);opacity:1;}
}
#setupWizardModal .wizard-ai-assessment-ready{
  justify-content:flex-start;
  padding-top:30px;
}
#setupWizardModal .wizard-ai-assessment-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
#setupWizardModal .wizard-ai-assessment-choice{
  font-size:23px;
  line-height:1.2;
  font-weight:800;
  color:var(--text);
}
#setupWizardModal .wizard-ai-assessment-copy{
  max-width:780px;
  margin:2px 0 8px;
  font-size:15px;
  line-height:1.6;
  color:var(--text);
}
#setupWizardModal .wizard-ai-assessment-content{max-height:330px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px;width:100%;}
#setupWizardModal .wizard-ai-assessment-points{margin:4px 0 12px;padding-left:22px;display:grid;gap:7px;max-width:800px;}
#setupWizardModal .wizard-ai-assessment-points li{font-size:14px;line-height:1.5;color:var(--text);}
#setupWizardModal .wizard-ai-assessment-content::-webkit-scrollbar{width:8px;}
#setupWizardModal .wizard-ai-assessment-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 38%,transparent);border-radius:999px;}
#setupWizardModal .wizard-ai-assessment-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  padding-top:12px;
  border-top:1px solid var(--line);
  width:100%;
  font-size:12px;
  color:var(--muted);
}
#setupWizardModal #wizardNextBtn.wizard-next-assessing{
  opacity:.62;
  cursor:wait;
}
#setupWizardModal #wizardNextBtn.wizard-next-assessing::after{
  content:'…';
  display:inline-block;
  min-width:12px;
  animation:wizard-ai-button-pulse 1.1s ease-in-out infinite;
}
@keyframes wizard-ai-button-pulse{0%,100%{opacity:.25}50%{opacity:1}}
@media (max-width:700px){
  #setupWizardModal .wizard-ai-assessment-focus{padding:22px 20px;min-height:220px;}
  #setupWizardModal .wizard-ai-assessment-choice{font-size:20px;}
  #setupWizardModal .wizard-ai-assessment-copy{font-size:14px;}
}
@media (prefers-reduced-motion:reduce){
  #setupWizardModal .wizard-ai-thinking-mark i,
  #setupWizardModal #wizardNextBtn.wizard-next-assessing::after{animation:none;opacity:.7;}
}

/* v1.0.1485 shared customer-friendly AI assessment and bounded dialog body */
.built-in-ai-assessment{padding:16px 18px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,var(--surface));margin-bottom:14px}
.built-in-ai-assessment-head{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.built-in-ai-assessment-kicker{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.built-in-ai-assessment-head strong{font-size:20px;line-height:1.25;color:var(--text)}
.built-in-ai-assessment-using{font-size:12px;color:var(--muted)}
.built-in-ai-assessment-content{max-height:300px;overflow-y:auto;padding-right:8px;overscroll-behavior:contain;scrollbar-gutter:stable}
.built-in-ai-assessment-content p{font-size:15px;line-height:1.55;margin:0 0 10px;color:var(--text)}
.built-in-ai-assessment-content ul{margin:6px 0 0;padding-left:22px;display:grid;gap:6px}
.built-in-ai-assessment-content li{font-size:14px;line-height:1.45;color:var(--text)}
.built-in-ai-assessment-content::-webkit-scrollbar{width:8px}
.built-in-ai-assessment-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 38%,transparent);border-radius:999px}
html[data-appearance="light"] .built-in-ai-assessment{background:color-mix(in srgb,var(--panel) 98%,var(--surface))}
@media(max-width:760px){.built-in-ai-assessment-content{max-height:260px}.built-in-ai-assessment-head strong{font-size:18px}}

/* v1.0.1486 AI assessment width and customer-facing loading state */
#studioDialogModal.dialog-ai-assessment .studio-dialog-card,
#studioDialogModal:has(.built-in-ai-assessment) .studio-dialog-card{width:min(600px,94vw)}
@media(min-width:761px){#studioDialogModal.dialog-ai-assessment .studio-operation-status p{white-space:nowrap}}

.runtime-project-review-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--border,#304966);border-radius:16px;background:rgba(8,24,42,.34);margin-bottom:18px}.runtime-project-review-card .runtime-panel-intro{margin:0;flex:1}.runtime-project-review-card .button-row{margin:0;flex:0 0 auto}@media(max-width:760px){.runtime-project-review-card{align-items:stretch;flex-direction:column}.runtime-project-review-card .button-row button{width:100%}}

/* 1517: the tour measures the final centered Activity card, not an entrance frame. */
body.first-login-tour-activity-step .activity-focus-card { animation:none !important; transform:none !important; }
.ai-budget-notice { margin-top:12px; padding:12px; border:1px solid currentColor; border-radius:10px; font-size:.92em; }
.ai-budget-notice p { margin:0 0 8px; }
.ai-execution-help { margin:8px 0 16px; padding:10px 12px; border:1px solid var(--border, #d3d8e2); border-radius:10px; }
.ai-execution-help summary { cursor:pointer; font-weight:600; }
.ai-execution-help p { line-height:1.5; }

/* 1519: keep the run-history controls horizontal regardless of subtitle length. */
.api-runs-modal-card > .modal-head{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:12px}
.api-runs-modal-card > .modal-head > div:first-child{min-width:0;flex:1 1 auto}
.api-runs-modal-card .modal-head-actions{display:flex;align-items:center;flex:0 0 auto;gap:6px;white-space:nowrap}
.api-runs-modal-card .modal-head-actions .icon-btn{flex:0 0 auto}
.api-runs-toolbar-project-only:has(> .hidden:only-child){display:none}

/* 1527: run outcomes use the existing Studio dialog and sidebar. */
.project-result-indicator{font-size:12px;line-height:1;flex:0 0 auto;padding:6px;color:var(--accent,#8b7bff)}
.run-result-body{max-width:68ch;overflow-wrap:anywhere}
.run-result-body p{margin:0 0 14px;line-height:1.55}
.run-result-body li{margin:0 0 8px}
.run-result-reference{font-size:.85em}

/* 1.0.1541: Settings child modal + localized User Management layout hardening. */
#settingsModal [data-settings-panel="users"] .settings-members-table th:nth-child(2),
#settingsModal [data-settings-panel="users"] .settings-members-table td:nth-child(2),
#settingsModal [data-settings-panel="users"] .settings-members-table th:nth-child(3),
#settingsModal [data-settings-panel="users"] .settings-members-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.3;}
#settingsModal [data-settings-panel="users"] .settings-members-table th:nth-child(2),#settingsModal [data-settings-panel="users"] .settings-members-table td:nth-child(2){width:18%;min-width:150px;}
#settingsModal [data-settings-panel="users"] .settings-members-table th:nth-child(3),#settingsModal [data-settings-panel="users"] .settings-members-table td:nth-child(3){width:13%;min-width:112px;}
#settingsModal [data-settings-panel="users"] .settings-members-table th:nth-child(4),#settingsModal [data-settings-panel="users"] .settings-members-table td:nth-child(4){width:28%;}
#settingsModal [data-settings-panel="users"] .settings-members-table{min-width:900px;}
@media(max-width:980px){#settingsModal [data-settings-panel="users"] .settings-members-table{min-width:820px;}#settingsModal [data-settings-panel="users"] .settings-members-table th:nth-child(2),#settingsModal [data-settings-panel="users"] .settings-members-table td:nth-child(2){min-width:136px;}#settingsModal [data-settings-panel="users"] .settings-members-table th:nth-child(3),#settingsModal [data-settings-panel="users"] .settings-members-table td:nth-child(3){min-width:104px;}}


/* 1.0.1543 Viewer zero-assignment state */
.viewer-home-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px dashed var(--line);border-radius:16px;background:var(--panel);padding:32px;}
.viewer-home-empty.hidden{display:none!important}.viewer-home-empty-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--muted);font-size:27px}.viewer-home-empty h3{margin:0;font-size:18px}.viewer-home-empty p{max-width:540px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}
body.viewer-portal-mode.viewer-zero-access .project-rail-head,body.viewer-portal-mode.viewer-zero-access #projectTree{display:none!important;}
body.viewer-portal-mode.viewer-zero-access .sidebar{grid-template-rows:auto 1fr;}
body.viewer-portal-mode.viewer-zero-access #viewerHomeDashboard{justify-content:flex-start;}