/* Block decoration is independent from its children and form background. */
.public-form-page>.public-form-card{width:100%;max-width:none}
.structured-fields{display:flex;flex-wrap:wrap;align-items:flex-start;--form-gap:20px;box-sizing:border-box;width:100%}
.structured-fields>.form-block{flex:0 0 100%;width:100%;box-sizing:border-box}
.structured-fields>.form-block[data-form-width=half]{flex-basis:calc((100% - var(--form-gap)) / 2);width:calc((100% - var(--form-gap)) / 2)}
.structured-fields>.form-block[data-form-width=third]{flex-basis:calc((100% - 2 * var(--form-gap)) / 3);width:calc((100% - 2 * var(--form-gap)) / 3)}
.structured-fields>.form-block[data-form-width=quarter]{flex-basis:calc((100% - 3 * var(--form-gap)) / 4);width:calc((100% - 3 * var(--form-gap)) / 4)}
.structured-fields>.form-block[data-form-width=custom],.form-flex>.form-block[data-form-width=custom]{width:calc(var(--form-block-width) - var(--form-gap,16px) * var(--form-block-gap-cut,0));flex-basis:calc(var(--form-block-width) - var(--form-gap,16px) * var(--form-block-gap-cut,0))}
/* A column's flex basis controls height; block widths belong to the cross axis. */
.form-flex[data-layout-direction=column]>.form-block{flex-basis:auto!important;flex-shrink:0;box-sizing:border-box}
.form-flex[data-layout-direction=column]>.form-block[data-form-width=half]{width:50%}
.form-flex[data-layout-direction=column]>.form-block[data-form-width=third]{width:calc(100% / 3)}
.form-flex[data-layout-direction=column]>.form-block[data-form-width=quarter]{width:25%}
.form-flex[data-layout-direction=column]>.form-block[data-form-width=custom]{width:var(--form-block-width)}
.form-block[data-frameless=true]{background:transparent!important;border:0!important;box-shadow:none!important}
.form-container[data-frameless=true]>.form-flex,.form-repeat[data-frameless=true]>.form-repeat-entry,.form-repeat[data-frameless=true]>.form-repeat-entry>.form-flex,.form-table-block[data-frameless=true]>.form-table-scroll{background:transparent!important;border:0!important;box-shadow:none!important}
.is-building .form-canvas-node[data-frameless=true]{outline:0!important}
.is-building .form-canvas-node[data-frameless=true].is-drop-inside{outline:2px dashed var(--form-muted)!important}
.form-container[data-frameless=true]>.form-service-label{font-size:11px;font-weight:500;color:var(--form-muted);margin:0;opacity:.75}
.form-container>.form-flex{flex:1}
.is-building .form-container[data-frameless=true]>.form-canvas-handle{opacity:0;pointer-events:none}
.is-building .form-container[data-frameless=true]:hover:not(:has(.form-canvas-node:hover))>.form-canvas-handle{opacity:1;pointer-events:auto}
/* The cell itself is the input surface, rather than a rounded field inside a cell. */
.structured-fields .form-table-scroll{border-radius:5px;background:var(--form-input)}
.is-building .form-table-block>.form-section-heading{padding-right:30px}
.structured-fields .form-table-scroll table{table-layout:fixed;min-width:var(--form-min-width,calc(var(--form-column-count,1) * 132px))}
.structured-fields .form-table-scroll td{padding:0;vertical-align:middle}
.structured-fields .form-table-scroll th{padding:10px 12px;background:var(--form-hover);font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.structured-fields .form-table-cell{min-height:42px}
.structured-fields .form-table-cell :is(input,textarea,.form-select-trigger,.form-value){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none;margin:0;width:100%;min-height:42px;padding:10px 12px;font:400 14px/1.5 system-ui;color:var(--form-ink)}
.structured-fields .form-table-cell :is(input,textarea,.form-select-trigger):focus-visible{background:var(--form-hover)!important;outline:2px solid var(--form-muted);outline-offset:-2px}
.structured-fields .form-table-cell input::placeholder,.structured-fields .form-table-cell textarea::placeholder{color:var(--form-muted);opacity:.8}
.structured-fields .form-table-cell .form-select-trigger{gap:6px;align-items:center}
.structured-fields .form-table-cell .form-select-label{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.structured-fields .form-table-cell .form-select-trigger:hover{background:var(--form-hover)!important}
.form-computed-value{display:flex;align-items:center;gap:5px;min-width:0;position:relative}
.form-computed-value>output[data-computed]{flex:1;min-width:0;width:auto;box-sizing:border-box;overflow-wrap:anywhere;white-space:pre-wrap;font:400 14px/1.5 system-ui}
.structured-fields .form-table-cell .form-computed-value{padding:7px 8px 7px 12px;min-height:42px;box-sizing:border-box}
.structured-fields .form-table-cell .form-computed-value>output{padding:0;min-height:0}
.form-dialog .form-copy-value,.public-form-page .form-copy-value{display:grid;place-items:center;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:5px;border:0;background:transparent;box-shadow:none;border-radius:4px;color:var(--form-muted)}
.form-copy-value svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.form-copy-value:disabled{visibility:hidden}.form-copy-value[data-copied=true]{color:#36805a;background:var(--form-hover)}
.form-copy-value[data-copied=true]::after{content:'Скопировано';position:absolute;right:0;bottom:100%;padding:4px 7px;background:var(--form-input);color:var(--form-ink);border:1px solid var(--form-line);border-radius:4px;font:400 11px/1.4 system-ui;white-space:nowrap;z-index:2}
.is-building .is-empty-container>.form-flex{min-height:104px;align-items:center!important;justify-content:center!important}
.is-building .is-empty-container>.form-flex::before{content:"Добавьте блок сюда";font-size:12px;color:var(--form-muted);padding:16px}
.form-builder-dialog .builder-palette{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.builder-primary-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.form-builder-dialog .builder-primary-blocks button{min-height:42px;justify-content:center;font-size:13px}
.builder-extra-blocks{flex:none;min-width:0}.builder-extra-blocks>summary{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;box-sizing:border-box;border:1px solid var(--form-line);border-radius:8px;color:var(--form-muted);font-size:12px;cursor:pointer}
.builder-extra-blocks[open]{flex-basis:100%}.builder-extra-blocks[open]>summary{width:max-content;margin-left:auto}.builder-extra-blocks>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}
.builder-insert-destination{font-size:11px;color:var(--form-muted);margin:8px 0 0}.form-builder-dialog .builder-outline-section{margin-top:8px;padding-top:8px}
.form-builder-dialog .form-inspector-actions{margin:6px 0 10px;padding-bottom:0;border-bottom:0}.form-builder-dialog .form-inspector-heading{margin-bottom:4px}.form-builder-dialog .form-inspector-breadcrumb{margin-bottom:6px}
.builder-property-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--form-line);border-radius:8px;background:var(--form-hover);margin:0 0 4px;position:sticky;top:-1px;z-index:5}
.form-builder-dialog .builder-property-tabs button{flex:1;min-width:0;padding:8px 6px;font:500 12px/1.3 system-ui;border:1px solid transparent;background:transparent;color:var(--form-muted);border-radius:6px}
.form-builder-dialog .builder-property-tabs button[aria-selected=true]{border-color:var(--form-line);background:var(--form-input);color:var(--form-ink)}
.builder-property-panel{display:grid;gap:15px;min-width:0}.builder-property-panel[hidden]{display:none!important}
.builder-property-panel [hidden]{display:none!important}
.builder-property-panel>.form-block-options{border:0;padding:0;background:transparent}.builder-property-panel>.form-block-options>.form-builder-field-row{margin-bottom:10px}
.builder-block-size,.builder-setting-choice{min-width:0}.builder-setting-choice>h4{font:600 12px/1.5 system-ui;margin:0 0 7px;color:var(--form-ink)}
.builder-setting-choice>div{display:flex;gap:4px;flex-wrap:wrap;padding:3px;background:var(--form-hover);border-radius:8px}
.form-builder-dialog .builder-setting-choice button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:30px;min-height:34px;padding:7px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--form-muted);font:500 12px/1.3 system-ui}
.form-builder-dialog .builder-setting-choice button[aria-pressed=true]{background:var(--form-input);border-color:var(--form-line);color:var(--form-ink)}
.builder-setting-choice svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.builder-size-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.builder-block-size>small{display:block;color:var(--form-muted);font-size:10px;line-height:1.5;margin-top:7px}
.builder-opacity-setting{margin-top:12px}.builder-opacity-setting[hidden]{display:none!important}.builder-opacity-setting>span{display:flex;justify-content:space-between}.builder-opacity-setting output{background:transparent;border:0;padding:0;min-height:0;font-size:11px;color:var(--form-muted)}
.form-builder-dialog .builder-property-panel .form-layout-settings>.form-builder-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.builder-property-panel .form-layout-settings .builder-setting-choice{grid-column:1/-1}
.form-builder-dialog .form-inspector-children>.form-builder-add{display:flex;gap:8px;margin:9px 0 14px}.form-inspector-children>.form-builder-add>select{min-width:0}
@container form-content (max-width:620px){.structured-fields>.form-block:not(.form-container):not([data-form-width=custom]){flex-basis:100%!important;width:100%!important;min-width:0!important}}
@container form-window (max-width:650px){.builder-primary-blocks{flex-basis:100%}.form-builder-dialog .builder-primary-blocks button{padding:8px 5px;font-size:11px;flex-direction:column}.builder-extra-blocks>div{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-extra-blocks>summary{min-height:34px}.builder-size-numbers{grid-template-columns:minmax(0,1fr)}}
/* A workbench keeps the palette available while panels scroll independently. */
@media(min-height:700px){
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]){display:flex;flex-direction:column;min-height:0!important;overflow:hidden}
 .form-builder-dialog:not(.is-testing):not(.form-window-sized):has(.form-builder-main[data-split-enabled=true]){height:var(--builder-work-height,calc(100dvh - 180px))}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true])>.form-builder-main{flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr);row-gap:12px}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true])>.form-builder-top{flex:none;margin-bottom:12px;padding-bottom:10px}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true])>.form-builder-top input{min-height:36px;padding:7px 10px}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-builder-library>.builder-panel-heading{padding:12px;align-items:center;min-height:0}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-builder-library>.builder-panel-heading p{display:none}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-builder-library{max-height:200px!important;overflow:auto}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-builder-stage{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-canvas-header{flex:none;min-height:60px;padding:10px 14px}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-builder-preview{flex:1;min-height:0!important;max-height:none!important}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-builder-inspector{height:100%;min-height:0;max-height:none!important;position:static}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true]) .form-builder-inspector>.builder-panel-heading{min-height:60px;padding:10px 14px}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true])>footer{flex:none;margin-top:10px;padding:8px 0;position:static}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true])>.form-error:empty{display:none}
 .form-builder-dialog:not(.is-testing):has(.form-builder-main[data-split-enabled=true])>.form-window-grip{position:absolute;right:3px;bottom:2px;margin:0}
}