/* Project totals and live resource usage */
.plan-usage230 {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:.65rem;
 flex:1 0 100%;
 width:100%;
 text-align:start;
}
.usage-meter230 {
 --usage-fill:var(--studio-accent,#418b74);
 --usage-track:var(--studio-accent-tint,#e3eee8);
 min-width:0;
 border:1px solid var(--studio-line,#e2ebe6);
 border-radius:9px;
 padding:.45rem .65rem;
 background:var(--studio-panel,#f9fbfa);
}
.usage-meter230.budget{--usage-fill:var(--studio-blue,#5b829e);--usage-track:var(--studio-blue-tint,#e4edf3)}
.usage-meter230.over{--usage-fill:var(--studio-error,#a8533e);--usage-track:var(--studio-amber-tint,#f2e7e2)}
.usage-title230,.usage-amounts230{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.2rem .6rem}
.usage-title230{color:var(--studio-ink,#24483f)}
.usage-meter230.over .usage-title230,.usage-meter230.over .usage-amounts230>span:last-child{color:var(--studio-muted,#903f2e)}
.usage-meter230 progress {
 appearance:none;
 display:block;
 width:100%;
 height:5px;
 margin:.3rem 0;
 border:0;
 border-radius:99px;
 background:var(--usage-track);
 color:var(--usage-fill);
}
.usage-meter230 progress::-webkit-progress-bar{background:var(--usage-track);border-radius:99px}
.usage-meter230 progress::-webkit-progress-value{background:var(--usage-fill);border-radius:99px}
.usage-meter230 progress::-moz-progress-bar{background:var(--usage-fill);border-radius:99px}
.plan-usage230 .usage-amounts230 span{white-space:normal}
.usage-amounts230,.usage-meter230>small{color:var(--studio-muted,#4c6660)}
.usage-meter230>small{display:block;margin-top:.2rem;font-size:.73rem}
@media(max-width:650px){.plan-usage230{grid-template-columns:minmax(0,1fr)}}

/* Opening schedule and editor */
.connections228 {
 grid-template-columns:minmax(0,1fr) minmax(320px,clamp(340px,26vw,420px));
 grid-template-areas:"plan analysis" "movement analysis";
 grid-template-rows:max-content 1fr;
 align-items:start;
}
.connection-plan228{grid-area:plan;min-width:0;display:grid;gap:12px}
.connection-analysis228{grid-area:analysis;gap:12px}
.connection-analysis228,.connection-graph228,.movement-settings230{display:grid;align-content:start;min-width:0}
.connection-graph228,.movement-settings230{gap:inherit}
.connection-analysis228 .card{margin:0;min-width:0}
.connection-analysis228 .table-scroll{max-height:310px;overflow:auto}
.connections228 .graph-title228 h3{margin:0}
.connections228 .root-controls228{padding:8px 12px}
.graph-view228{display:block;cursor:zoom-in}
.connections228 .justified-graph{margin:0 auto}
@media(min-width:1001px){
 .connections228 .connection-plan228 .graph-viewport:not(:fullscreen) .graph-canvas{height:clamp(420px,58vh,620px)}
}
#opening-panel .card-body{padding:12px}
#opening-panel h3{font-size:15px}
.opening-counts230{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.opening-counts230 span{display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;background:var(--studio-raised,#eef5f1);color:var(--studio-ink,#27564a);font-size:.82rem}
.opening-counts230 span+span{background:var(--studio-raised,#edf3f8);color:var(--studio-ink,#2d5671)}
.opening-counts230 svg{width:15px;height:15px}
#opening-panel .opening-list{max-height:212px}
#opening-panel .opening-row{grid-template-columns:max-content minmax(0,1fr) auto;gap:6px 9px;padding:8px;font-size:.82rem}
#opening-panel .opening-row>bdi{font-weight:700}
#opening-panel .opening-row.selected{box-shadow:none}
#opening-panel .opening-row:focus-visible{outline:2px solid var(--studio-focus,#087c68);outline-offset:-2px}
#opening-panel .opening-properties h4{font-size:1rem}
.opening-info230{display:grid;gap:4px;margin:0 0 12px;font-size:.84rem}
.opening-info230>div{display:flex;align-items:baseline;gap:.25rem .65rem;flex-wrap:wrap}
.opening-info230 dt{color:var(--studio-muted,#526f65)}
.opening-info230 dd{margin:0;min-width:0;overflow-wrap:anywhere;font-weight:600}
.opening-form230 fieldset{border:0;padding:0;margin:0;min-width:0}
.opening-dimensions230{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.opening-form230 .field{gap:3px;margin-bottom:8px;min-width:0}
.opening-form230 .field label{font-size:.8rem}
.opening-form230 .field input,.opening-form230 .field select{width:100%;min-width:0;min-height:36px;margin:0;padding:5px 7px;font-size:.9rem}
.opening-form230 [aria-invalid="true"]{border-color:var(--studio-line-strong,#ac4054)}
.opening-form230 p{margin:3px 0 9px}
.opening-form230 .form-error:empty{display:none}
.opening-limit230{padding:6px 8px;border-radius:6px;background:var(--studio-raised,#edf4f2);color:var(--studio-ink,#315a52);font-size:.8rem}
@media(max-width:1000px){
 .connections228{grid-template-columns:minmax(0,1fr);grid-template-areas:"plan" "analysis" "movement";grid-template-rows:auto}
}

/* Specialist guidance and user questionnaire typography */
#survey-form221[data-group="expert"] .survey-guide227 {
 padding:.75rem .95rem;
 margin-top:.8rem;
 border:1px solid var(--studio-line,#d5e4ec);
 border-inline-start:3px solid var(--studio-accent,#86aabc);
 border-radius:9px;
 background:var(--studio-raised,#f0f5f8);
 color:var(--studio-ink,#334d5c);
 text-align:start;
}
#survey-form221[data-group="expert"] .survey-guide227 summary{color:var(--studio-ink,#284e64);font-weight:700}
.survey-guide227 ul{padding-inline-start:1.4rem;margin:.45rem 0 .7rem}
.survey-guide227 p{margin:.55rem 0 0}
.survey-guide227 .survey-rubric227>div{border-color:var(--studio-line,#d6e3ec)}
.survey-guide227 .survey-rubric227 b{display:grid;place-items:center;background:var(--studio-raised,#deebf2);color:var(--studio-ink,#284e64)}

#survey-form221[data-group="user"]{font-size:19px}
#survey-form221[data-group="user"] .survey-bar228{flex-wrap:wrap}
#survey-form221[data-group="user"] .survey-bar228>strong{font-size:16px;white-space:normal}
#survey-form221[data-group="user"] .survey-bar228 .field{flex:1 1 165px;min-width:0;flex-wrap:wrap}
#survey-form221[data-group="user"] .survey-bar228 label{font-size:14px}
#survey-form221[data-group="user"] .survey-bar228 input,
#survey-form221[data-group="user"] .survey-bar228 select{font-size:15px;min-width:0;max-width:100%;min-height:36px}
#survey-form221[data-group="user"] .survey-bar228 .actions{flex-wrap:wrap}
#survey-form221[data-group="user"] .survey-bar228 .btn,
#survey-form221[data-group="user"] .question-line228>.btn{font-size:14px;min-height:34px}
#survey-form221[data-group="user"] .survey-bar228>small{font-size:13px}
#survey-form221[data-group="user"] .survey-domain-heading227>span{flex-wrap:wrap}
#survey-form221[data-group="user"] .survey-domain-heading227 strong{font-size:17px}
#survey-form221[data-group="user"] .survey-domain-heading227 small{font-size:14px}
#survey-form221[data-group="user"] .survey-question228 legend{font-size:16px}
#survey-form221[data-group="user"] .survey-prompt227{font-size:15px}
#survey-form221[data-group="user"] .likert221{flex-wrap:wrap}
#survey-form221[data-group="user"] .likert221 label{font-size:15px;min-height:36px}
#survey-form221[data-group="user"] .likert221 b{font-size:16px}
#survey-form221[data-group="user"] .survey-question228 .likert221 label span,
#survey-form221[data-group="user"] .survey-question228 details{font-size:14px}
#survey-form221[data-group="user"] .survey-question228 textarea{font-size:16px}
#feedback-crop .note{font-size:15px}
.user-survey-empty230 .note,#survey-form221[data-group="user"] .note{font-size:17px}
.card:has(#feedback-crop) .card-title h3{font-size:calc(1rem + 2px)}
.user-survey-empty230 h3{font-size:calc(1rem + 4px)}

.layout-gallery-row>header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem 1rem;flex-wrap:wrap}
.layout-gallery-row>header .actions{flex-wrap:wrap}
.space-confirmed230{color:var(--studio-ink,#12684e);background:var(--studio-raised,#e7f5ee);border-color:var(--studio-line,#a5cbb7);touch-action:manipulation}
.space-confirmed230:focus-visible{outline:2px solid var(--studio-focus,#087c68);outline-offset:2px}
.portfolio-project [data-action="delete-project230"]{color:var(--studio-error,#a33447)}

#movement-section230{grid-area:movement;min-width:0}
#movement-section230>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}
#movement-section230>.card,#movement-section230>.simulation-workspace230{margin:0 0 16px}
.heatmap216 > .card-title > [data-action="run-prediction"]{order:1;white-space:normal}
#movement-title230{scroll-margin-top:85px}
.feedback-columns230{grid-template-columns:minmax(0,1fr) minmax(305px,360px);grid-template-areas:"main side";align-items:start}
.feedback-columns230>.side-panels{grid-area:side;min-width:0;display:block}
.feedback-columns230>div:first-child{grid-area:main;min-width:0}
.feedback-columns230>.side-panels>.card{margin-bottom:14px}
.simulation-workspace230 .image-panel{min-height:0}
.simulation-workspace230{min-width:0}
.simulation-workspace230 .pedestrian-view canvas{max-width:min(100%,560px)}
.simulation-density232 img{max-height:540px}
.movement-groups232{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.movement-group230{border:1px solid var(--studio-line,#dde8e3);border-radius:10px;padding:.6rem .7rem .25rem;margin:0 0 .75rem;min-width:0;background:var(--studio-panel,#f9fbfa)}
.movement-group230 legend{color:var(--studio-ink,#285448);font-weight:700;padding:0 .3rem}
.movement-fields230{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.65rem}
.movement-fields230 .field{gap:.2rem;margin-bottom:.55rem}
.movement-fields230 label{font-size:.79rem;line-height:1.45}
.movement-fields230 input{margin:0;min-height:34px;padding:.2rem .4rem;direction:ltr}
.density-controls230{padding:.5rem 1rem 0;max-width:260px}
.share-qr234{text-align:center;margin:0 0 .8rem}
.share-qr234 img{display:block;max-width:100%;height:auto;margin:0 auto;background:var(--studio-panel,#fff)}
.share-qr234 figcaption,#share-connection234{font-size:.85rem}
#share-connection234{margin-top:1rem}
#share-connection234 summary{cursor:pointer}
#fz-save-state212{color:var(--studio-accent,#386c5b);font-size:.85rem}
@media(max-width:1000px){
 .feedback-columns230{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side"}
}

/* The settings column keeps half of its former desktop width. */
.optimization-workspace232{
 grid-template-columns:minmax(0,1fr) max(185px,21.5%);
 grid-template-areas:"plan settings";
 align-items:start;
}
.optimization-workspace232>div:first-child{grid-area:plan;min-width:0}
.optimization-workspace232>.side-panels{grid-area:settings;min-width:0;container-type:inline-size}
.optimization-workspace232>.side-panels .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.optimization-workspace232>.side-panels .check-row input{flex-shrink:0}
.optimization-workspace232>.side-panels .card-title h3{min-width:0;overflow-wrap:anywhere}
.opt-fields232>.card-body,.optimization-workspace232 .opt-room217{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:.55rem .85rem;
}
.opt-fields232>.card-body>:not(.field),.optimization-workspace232 .opt-room217>:not(.field){grid-column:1/-1}
.opt-fields232 .field{min-width:0;margin:0}
.opt-fields232 .field input,.opt-fields232 .field select{min-width:0}
.opt-fields232>.card-body>.btn{justify-self:start}
@media(max-width:1050px){
 .optimization-workspace232{grid-template-columns:minmax(0,1fr);grid-template-areas:"plan" "settings"}
}
@container(max-width:340px){
 .opt-fields232>.card-body,.optimization-workspace232 .opt-room217,.optimization-workspace232 .side-panels .two-col{grid-template-columns:minmax(0,1fr)}
}

#workspace-deck:empty{display:none}
.workspace-topbar .project-switch,.workspace-context .project-switch{
 max-width:100%;min-width:0;padding:0;text-align:start;font-size:1rem
}
.workspace-context .project-switch svg{flex:none}
.sidebar .workspace-help{
 color:var(--studio-ink,#d4f2e8);align-self:flex-start;padding:.45rem .65rem;margin:0 .25rem .7rem
}
.sidebar .workspace-help:hover,.sidebar .workspace-help:focus-visible{background:var(--studio-chrome,#244b50)}
.sidebar:has(.workspace-help) .brand{padding-bottom:1.1rem}
#main .heading:has(.workspace-context){
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
 grid-template-areas:"title title" "context actions";gap:.6rem 1rem;margin-bottom:1.15rem;scroll-margin-block-start:1rem
}
.heading>.stage-title{grid-area:title;min-width:0}
.heading>.stage-title .subtext{margin-block:0}
.heading>.stage-actions{grid-area:actions;justify-content:flex-end}
.heading>.stage-actions:empty{display:none}
.workspace-context{
 grid-area:context;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;min-width:0
}
.workspace-context>.workspace-project{flex:0 1 auto;max-width:min(20rem,100%)}
.workspace-context>.spatial-toolbar{margin:0;min-width:0;padding:.35rem .6rem}
.workspace-context .spatial-toolbar .actions{gap:.4rem}
.workspace-context .floor-switch223{display:inline-flex;align-items:center;gap:.35rem;max-width:100%}
.workspace-context .floor-switch223 select{width:auto;min-width:0;max-width:min(55vw,13rem);min-height:32px}
.workspace-context .floor-switch223 svg{width:16px;height:16px;flex:none}
.workspace-commands{position:relative;border:0;padding:0;flex-wrap:wrap;max-width:100%}
.workspace-commands #file-menu{position:static;margin:0}
.workspace-commands #file-commands{inset-inline-start:auto;inset-inline-end:0}
.workspace-commands>.btn,.workspace-commands #file-menu>summary{min-height:36px;padding:4px 9px}
.workspace-commands svg{width:17px;height:17px;flex:none}
.workspace-commands #file-menu>summary svg{display:block}

.graph-card .graph-header236{
 display:grid;grid-template-columns:minmax(0,1fr) auto;
 grid-template-areas:"title modes" "display display" "tools collapse";gap:.6rem .8rem;align-items:center
}
.graph-header236>h3{grid-area:title;margin:0}
.graph-header236>.opening-modes236{grid-area:modes;justify-content:flex-end}
.graph-header236>.plan-tools226{grid-area:display}
.graph-header236>.graph-toolbar{grid-area:tools;min-width:0}
.graph-header236>.collapse-button221{grid-area:collapse;justify-self:end}
.graph-header236 .stage-outputs226{margin:0;gap:.35rem}
.graph-header236 .plan-tools226 .btn{min-height:34px}
#graph-svg:not([data-opening-mode="select"]) [data-curve]{visibility:hidden}

.fz-modes212>.fz-mode213{align-items:center;justify-content:center;text-align:center}
.fz-mode-copy213{width:100%;align-items:center;text-align:center}
.fz-mode-copy213 strong{font-size:21px}
.fz-mode-copy213>span{font-size:13px;text-align:center}
.fz-mode-copy213 small,.fz-mode-ratio213{font-size:14px}
@media(max-width:1200px){.fz-modes212 .fz-mode-copy213 strong{font-size:19px}}
@media(max-width:760px){
 #main .heading:has(.workspace-context){
  grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "context" "actions";
 }
 .heading>.stage-actions{justify-content:flex-start}
 .graph-card .graph-header236{grid-template-areas:"title title" "modes modes" "display display" "tools collapse"}
 .graph-header236>.opening-modes236{justify-content:flex-start}
}