.value-state-editor{display:grid;gap:8px;min-width:0;grid-column:1 / -1}.value-state-editor>header{display:flex;justify-content:space-between;align-items:end;gap:16px}.value-state-editor h3{margin:0 0 12px;font-size:14px;font-weight:600}.value-state-editor>header label{max-width:176px}.value-state-head,.value-state-row{display:grid;grid-template-columns:minmax(70px,.6fr) minmax(130px,1.6fr) minmax(110px,1fr);gap:12px}.value-state-head{font-size:12px;color:var(--ui-muted)}.value-state-row label{display:grid;gap:6px;min-width:0}.value-state-row label>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.value-state-editor :is(input,select){width:100%;min-width:0;min-height:44px;box-sizing:border-box;font:inherit;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);color:var(--ui-text);padding:8px 10px}.value-state-fill{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;min-height:36px}.value-state-fill input{width:18px!important;min-height:18px!important;flex:0 0 18px;margin:0}.value-state-preview-section{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--ui-border)}.value-state-preview-section>p{font-size:12px;margin:0;color:var(--ui-muted)}.value-state-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:44px;box-sizing:border-box;padding:8px 10px;color:var(--ui-text);border-bottom:1px solid var(--ui-divider-soft)}.value-state-preview>span{font-size:14px;overflow-wrap:anywhere}.value-state-preview>strong{max-width:240px;overflow-wrap:anywhere;font-size:14px;text-align:right}.value-state-surface[data-state-color=gray]{--value-state-background:#61616b;--value-state-foreground:#ffffff}.value-state-surface[data-state-color=blue]{--value-state-background:#0066cc;--value-state-foreground:#ffffff}.value-state-surface[data-state-color=green]{--value-state-background:#187346;--value-state-foreground:#ffffff}.value-state-surface[data-state-color=yellow]{--value-state-background:#f2c94c;--value-state-foreground:#1d1d1f}.value-state-surface[data-state-color=red]{--value-state-background:#c52b3b;--value-state-foreground:#ffffff}.value-state-surface[data-state-color=brown]{--value-state-background:#735846;--value-state-foreground:#ffffff}.value-state-surface[data-state-matched=true][data-state-display=badge]{grid-template-columns:minmax(0,1fr) minmax(0,46%)}.value-state-surface>:is(span,small){min-width:0;overflow-wrap:anywhere}.object-drawer.equipment-window .panel-property.value-state-surface[data-state-matched=true][data-state-display=badge],.parameter-value.value-state-surface[data-state-matched=true][data-state-display=badge]{background:transparent;border:0;border-bottom:1px solid var(--ui-divider-soft);border-radius:0}.value-state-surface[data-state-matched=true][data-state-display=badge]>strong,.object-drawer.equipment-window .panel-property.value-state-surface[data-state-matched=true][data-state-display=badge]>strong,.parameter-value.value-state-surface[data-state-matched=true][data-state-display=badge]>strong{width:fit-content;justify-self:center;text-align:center;box-sizing:border-box;padding:3px 8px;border-radius:4px;background:var(--value-state-background);color:var(--value-state-foreground);font-weight:600;font-size:13px;line-height:1.45}.value-state-surface[data-state-matched=true][data-state-display=row],.object-drawer.equipment-window .panel-property.value-state-surface[data-state-matched=true][data-state-display=row],.parameter-value.value-state-surface[data-state-matched=true][data-state-display=row]{background:var(--value-state-background);color:var(--value-state-foreground);border:0;border-radius:var(--ui-radius-sm);padding-inline:10px}.value-state-surface[data-state-matched=true][data-state-display=row]>:is(span,small,strong,i),.object-drawer.equipment-window .panel-property.value-state-surface[data-state-matched=true][data-state-display=row]>:is(small,strong),.parameter-value.value-state-surface[data-state-matched=true][data-state-display=row]>:is(span,strong,i){background:transparent;color:var(--value-state-foreground)}.object-drawer.equipment-window .panel-property.value-state-surface[data-state-matched=false]>strong{padding:0;background:transparent;color:var(--ui-muted)}.object-drawer.equipment-window .panel-property.value-state-surface{grid-template-columns:minmax(0,1fr) var(--panel-value-column,min(42%,180px))}.object-drawer.equipment-window .panel-property.value-state-surface[data-value-kind=state][data-state-matched][data-state-display]>strong{justify-self:center;text-align:center;min-width:3.5em;max-width:100%;box-sizing:border-box}@media(forced-colors:active){.value-state-surface[data-state-matched=true][data-state-display=row],.object-drawer.equipment-window .panel-property.value-state-surface[data-state-matched=true][data-state-display=row],.parameter-value.value-state-surface[data-state-matched=true][data-state-display=row]{background:Canvas;color:CanvasText;border:1px solid CanvasText}.value-state-surface[data-state-matched=true]>strong,.object-drawer.equipment-window .panel-property.value-state-surface[data-state-matched=true]>:is(small,strong),.parameter-value.value-state-surface[data-state-matched=true]>:is(span,strong,i){background:Canvas;color:CanvasText}.value-state-surface[data-state-matched=true]:after{content:"Цвет: " attr(data-state-color-name);grid-column:1 / -1;color:CanvasText;font-size:12px}}@media(max-width:500px){.value-state-head{display:none}.value-state-row{grid-template-columns:minmax(64px,.5fr) minmax(120px,1fr);padding-block:8px;border-bottom:1px solid var(--ui-border)}.value-state-row label:last-child{grid-column:1 / -1}.value-state-row label>span{position:static;width:auto;height:auto;clip:auto;overflow:visible;font-size:12px;color:var(--ui-muted)}.value-state-editor>header{align-items:start}}