/* The synthetic demo is isolated from the page and uses the canonical A13 roles. */
#product-demo{min-width:0;font-family:var(--font);color:var(--text);font-size:var(--t-body);line-height:1.5}
#product-demo *,#product-demo *::before,#product-demo *::after{box-sizing:border-box}
#product-demo button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#product-demo button:disabled{cursor:not-allowed;opacity:.54}
#product-demo button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;position:relative;z-index:3}
#product-demo h3,#product-demo h4,#product-demo h5,#product-demo p{margin:0}
#product-demo h4,#product-demo h5{font-weight:500;letter-spacing:-.015em;line-height:1.3;text-wrap:balance}
#product-demo p{color:var(--text-2)}
#product-demo .sf-mono,#product-demo .sf-overline,#product-demo .sf-file-type,#product-demo .sf-step-number,#product-demo .sf-task-code,#product-demo .sf-task-count,#product-demo .sf-unit,#product-demo .sf-quantity,#product-demo .sf-task-quantity,#product-demo .sf-cell-address,#product-demo .sf-source-values,#product-demo .sf-export-filename{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
#product-demo .sf-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#product-demo .sf-demo{min-width:0}
#product-demo .sf-disclosure{display:flex;align-items:center;justify-content:space-between;gap:4px 16px;padding:0 0 6px;font-size:11px;line-height:1.6}
#product-demo .sf-disclosure>p{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;color:var(--text-2)}
#product-demo .sf-utilities{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}
#product-demo .sf-utility{border:0;padding:6px 0;background:transparent;display:inline-flex;align-items:center;gap:6px;min-height:32px;white-space:nowrap;font-size:11px;text-decoration:underline;text-decoration-color:var(--rule-control);text-underline-offset:4px}
#product-demo .sf-utility:hover{color:var(--accent)}
#product-demo .sf-utility>span{font-size:15px;line-height:1;text-decoration:none}
#product-demo .sf-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--rule-control);background:var(--canvas)}
#product-demo .sf-step{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;text-align:left;padding:6px 12px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-2);font-size:13px;line-height:1.4}
#product-demo .sf-step+.sf-step{border-left:1px solid var(--rule)}
#product-demo .sf-step:hover{background:var(--sunken);color:var(--text)}
#product-demo .sf-step.sf-is-active{background:var(--text);color:var(--canvas);border-bottom-color:var(--accent)}
#product-demo .sf-step-number{font-size:12px;flex:none}
#product-demo .sf-step-lock{margin-left:auto;font-size:17px;opacity:.7}
#product-demo .sf-step-short{display:none}
#product-demo .sf-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:10px 0}
#product-demo .sf-guide-copy{display:flex;align-items:baseline;gap:10px;min-width:0}
#product-demo .sf-guide-number{font-size:11px;flex:none;color:var(--accent)}
#product-demo .sf-overline{display:block;font-size:11px;font-weight:400;letter-spacing:.06em;line-height:1.6;color:var(--text-3)}
#product-demo .sf-guide h3{font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.015em;text-wrap:balance}
#product-demo .sf-guide-actions{display:flex;align-items:center;gap:8px}
#product-demo .sf-guide-actions>.sf-primary{min-height:44px;padding:8px 12px}
#product-demo .sf-primary,#product-demo .sf-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;border:1px solid var(--text);border-radius:var(--r-2);background:var(--text);color:var(--canvas);padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;text-align:left;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease}
#product-demo .sf-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px 0 var(--accent)}
#product-demo .sf-primary>span,#product-demo .sf-secondary>span{font-size:17px;flex:none}
#product-demo .sf-secondary{background:var(--canvas);color:var(--text);border-color:var(--rule-control)}
#product-demo .sf-secondary:hover:not(:disabled){color:var(--text);border-color:var(--text);transform:translateY(-2px);box-shadow:0 3px 0 var(--accent)}
#product-demo .sf-back{display:grid;place-items:center;min-height:44px;min-width:44px;background:transparent;border:1px solid var(--rule-control);border-radius:var(--r-2);font-size:17px;padding:4px;color:var(--text-2)}
#product-demo .sf-back:hover:not(:disabled){color:var(--accent)}
#product-demo .sf-window{border:1px solid var(--rule-control);background:var(--canvas);border-radius:var(--r-3);overflow:hidden}
#product-demo .sf-window-titlebar{display:flex;align-items:center;gap:8px;background:var(--sunken);font-size:11px;min-height:32px;padding-left:12px;border-bottom:1px solid var(--rule)}
#product-demo .sf-app-mark{
  display:block;
  flex:none;
  width:31.8px;
  height:17px;
  background:currentColor;
  -webkit-mask:url("assets/mark.svg") no-repeat center / contain;
  mask:url("assets/mark.svg") no-repeat center / contain;
}
#product-demo .sf-window-controls{display:flex;align-items:stretch;align-self:stretch;margin-left:auto;font-family:var(--font-mono);font-size:15px}
#product-demo .sf-window-controls>span{width:42px;display:grid;place-items:center}
#product-demo .sf-app-title{white-space:nowrap}
#product-demo .sf-version{font-size:11px;color:var(--text-3);white-space:nowrap;margin-left:4px}
#product-demo .sf-scene{position:relative;isolation:isolate;min-height:450px;padding:12px;background:var(--sunken)}
#product-demo .sf-source-and-tree{display:grid;grid-template-columns:minmax(0,1.06fr) 24px minmax(0,1fr);align-items:stretch;gap:12px}
#product-demo .sf-panel{min-width:0;border:1px solid var(--rule);background:var(--canvas);overflow:hidden}
#product-demo .sf-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;border-bottom:1px solid var(--rule);padding:8px 14px}
#product-demo .sf-panel-heading h4{font-size:16px}
#product-demo .sf-source-file{display:block;margin-top:2px;font-size:11px;color:var(--text-3);overflow-wrap:anywhere}
#product-demo .sf-file-type{display:block;border:1px solid var(--rule-control);padding:4px 6px;font-size:11px;line-height:1.5;white-space:nowrap}
#product-demo .sf-flow-arrow{display:grid;align-items:center;justify-content:center;font-size:24px;color:var(--accent)}
#product-demo .sf-document-caption{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--rule)}
#product-demo .sf-document-caption>div{min-width:0}
#product-demo .sf-document-caption strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
#product-demo .sf-document-caption div>span{display:block;margin-top:2px;color:var(--text-3);font-size:11px}
#product-demo .sf-sheet-icon{display:grid;place-items:center;width:24px;height:28px;border:1px solid var(--rule-control);color:var(--text-2);font-family:var(--font-mono);font-size:11px;flex:none}
#product-demo .sf-sheet-table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;text-align:left}
#product-demo .sf-sheet-table thead th{background:var(--sunken);padding:8px;font-size:11px;color:var(--text-3);font-weight:400;border-bottom:1px solid var(--rule)}
#product-demo .sf-sheet-table thead th:first-child{width:54px;text-align:center}
#product-demo .sf-sheet-table thead th:nth-child(3){width:40px;text-align:right}
#product-demo .sf-sheet-table thead th:last-child{width:92px;text-align:right;padding-right:16px}
#product-demo .sf-sheet-table tbody th,#product-demo .sf-sheet-table tbody td{padding:12px 8px;border-bottom:1px solid var(--rule);vertical-align:middle;font-size:12px}
#product-demo .sf-sheet-table tbody th{padding:4px}
#product-demo .sf-sheet-table tbody .sf-unit,#product-demo .sf-sheet-table tbody .sf-quantity{text-align:right;white-space:nowrap}
#product-demo .sf-sheet-table tbody .sf-quantity{padding-right:16px}
#product-demo .sf-source-name>strong{display:block;font-size:var(--t-small);font-weight:400;line-height:1.45}
#product-demo .sf-source-name>span{display:block;color:var(--text-3);font-size:11px;line-height:1.5;margin-top:4px}
#product-demo .sf-row-link{border:0;text-align:center;padding:4px;background:transparent;min-width:36px;min-height:44px;font-family:var(--font-mono);font-size:11px;text-decoration:underline;text-decoration-color:var(--rule-control);text-underline-offset:4px;color:var(--text-2)}
#product-demo .sf-row-link:hover{color:var(--accent)}
#product-demo .sf-sheet-table .sf-question-row{background:var(--sys-warn-bg)}
#product-demo .sf-sheet-table .sf-selected-row{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
#product-demo .sf-question-text{color:var(--sys-warn)}
#product-demo .sf-panel-note{display:block;padding:12px 20px;font-size:var(--t-small);line-height:1.65;color:var(--text-3)}
#product-demo .sf-panel-note>span{color:var(--accent);margin-right:4px}
#product-demo .sf-tree-empty,#product-demo .sf-inspect-empty{display:flex;align-items:flex-start;flex-direction:column;padding:28px 24px;min-height:292px}
#product-demo .sf-tree-empty h5,#product-demo .sf-inspect-empty h5{font-size:17px;margin:16px 0 8px}
#product-demo .sf-tree-empty p,#product-demo .sf-inspect-empty p{font-size:var(--t-small);line-height:1.7;max-width:340px}
#product-demo .sf-inspect-empty .sf-secondary{margin-top:20px;font-size:12px;min-height:44px}
#product-demo .sf-tree-empty{position:relative;justify-content:center;min-height:346px}
#product-demo .sf-tree{padding:8px 16px}
#product-demo .sf-task+.sf-task{border-top:1px solid var(--rule);margin-top:4px;padding-top:4px}
#product-demo .sf-task-title{display:flex;align-items:center;gap:8px;padding:12px 0}
#product-demo .sf-task-code{font-size:11px;color:var(--text-3);border:1px solid var(--rule);padding:2px 4px}
#product-demo .sf-task-title h5{font-size:13px;font-weight:500}
#product-demo .sf-task-count{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--text-3)}
#product-demo .sf-task-children{position:relative;padding-left:8px}
#product-demo .sf-task-children::before{content:'';position:absolute;left:8px;top:0;bottom:25px;width:1px;background:var(--rule-control)}
#product-demo .sf-task-row{display:flex;align-items:center;gap:8px;padding:8px 0;position:relative;min-height:54px}
#product-demo .sf-tree-elbow{display:block;flex:none;width:12px;height:1px;background:var(--rule-control)}
#product-demo .sf-task-row>div{min-width:0}
#product-demo .sf-task-row strong{display:block;font-size:var(--t-small);line-height:1.4;font-weight:400}
#product-demo .sf-source-ref{display:block;background:transparent;border:0;padding:4px 0;font-size:11px;color:var(--text-3);text-decoration:underline;text-decoration-color:var(--rule-control);text-underline-offset:3px;text-align:left;line-height:1.5}
#product-demo .sf-source-ref:hover{color:var(--accent)}
#product-demo .sf-task-quantity{margin-left:auto;padding-left:8px;font-size:11px;line-height:1.4;white-space:nowrap;text-align:right}
#product-demo .sf-task-quantity small{display:block;font-size:11px;color:var(--text-3);margin-top:3px}
#product-demo .sf-human-row strong::after{content:' · решение посетителя';color:var(--text-3);font-size:11px}
#product-demo .sf-open-question{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:8px 16px 16px;background:var(--sys-warn-bg);border-left:2px solid var(--sys-warn);color:var(--sys-warn)}
#product-demo .sf-state-symbol{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid var(--sys-warn);font-family:var(--font-mono);font-size:12px;line-height:1}
#product-demo .sf-open-question strong{display:block;color:var(--text);font-size:var(--t-small);font-weight:500}
#product-demo .sf-open-question p{font-size:var(--t-small);margin-top:4px;color:var(--text-2)}
#product-demo .sf-inline-button{border:0;border-bottom:1px solid var(--rule-control);padding:4px 0;background:transparent;font-size:11px;line-height:1.6;min-height:32px;text-align:left;align-self:flex-start}
#product-demo .sf-inline-button:hover{color:var(--accent);border-bottom-color:var(--accent)}
#product-demo .sf-open-question .sf-inline-button{color:var(--text);margin-top:4px}
#product-demo .sf-saved-decision{display:flex;gap:10px;align-items:flex-start;margin:8px 16px 16px;padding:12px;border-top:1px solid var(--rule);font-size:11px}
#product-demo .sf-saved-decision>span{color:var(--sys-ok);font-size:16px;line-height:1.2}
#product-demo .sf-saved-decision strong{display:block;font-weight:500;font-size:11px}
#product-demo .sf-saved-decision div>span{display:block;margin-top:3px;color:var(--text-3);font-size:11px}
#product-demo .sf-inspect-empty{min-height:375px;justify-content:center}
#product-demo .sf-inspect-icon{font-family:var(--font-mono);font-size:21px;border:1px solid var(--rule-control);padding:8px 12px;color:var(--text-3);line-height:1}
#product-demo .sf-source-document{padding:16px 20px 0}
#product-demo .sf-document-caption{padding:0 0 12px}
#product-demo .sf-source-cell{border:1px solid var(--rule-control);background:var(--sunken);padding:12px;margin-top:12px}
#product-demo .sf-cell-address{font-size:11px;color:var(--text-3);display:block;letter-spacing:.02em}
#product-demo .sf-source-cell p{font-size:var(--t-small);line-height:1.65;margin-top:8px;color:var(--text)}
#product-demo .sf-source-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0;padding:0;font-size:11px}
#product-demo .sf-source-values>div{border-bottom:1px solid var(--rule);padding:0 0 12px}
#product-demo .sf-source-values dt{font-family:var(--font);font-size:11px;color:var(--text-3)}
#product-demo .sf-source-values dd{font-size:15px;margin:6px 0 0}
#product-demo .sf-decision{padding:16px 20px 20px}
#product-demo .sf-decision h5{font-size:15px;margin-top:6px}
#product-demo .sf-decision>p{font-size:var(--t-small);line-height:1.7;margin-top:8px}
#product-demo .sf-decision-actions{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin-top:16px}
#product-demo .sf-decision .sf-primary{font-size:var(--t-small);min-height:44px;padding:10px 12px}
#product-demo .sf-decision>.sf-secondary{margin-top:16px;font-size:12px}
#product-demo .sf-decision-saved{font-size:11px;color:var(--sys-ok);margin-top:12px}
#product-demo .sf-decision-saved>span{margin-right:8px}
#product-demo .sf-decision>.sf-question-kept{padding:8px 12px;background:var(--sys-warn-bg);border-left:2px solid var(--sys-warn);color:var(--sys-warn);margin-top:12px}
#product-demo .sf-check-panel{background:var(--canvas);border:1px solid var(--rule);min-height:450px;padding:20px 24px}
#product-demo .sf-check-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}
#product-demo .sf-check-heading h4{font-size:20px;margin-top:4px}
#product-demo .sf-check-state{font-size:11px;color:var(--text-3);padding:8px 12px;border:1px solid var(--rule);line-height:1.5}
#product-demo .sf-check-state.sf-pass{background:var(--sys-ok-bg);border-color:var(--sys-ok);color:var(--sys-ok)}
#product-demo .sf-check-state.sf-fail{background:var(--sys-err-bg);border-color:var(--sys-err);color:var(--sys-err)}
#product-demo .sf-check-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:8px}
#product-demo .sf-check-summary>div{display:flex;flex-direction:column;gap:4px;padding:12px 16px}
#product-demo .sf-check-summary>div:first-child{padding-left:0}
#product-demo .sf-check-summary>div+div{border-left:1px solid var(--rule)}
#product-demo .sf-check-summary>div>span:last-child{color:var(--text-3);font-size:11px}
#product-demo .sf-check-number{font-family:var(--font-mono);font-size:24px;line-height:1.5;font-variant-numeric:tabular-nums}
#product-demo .sf-check-number small{font-size:12px;color:var(--text-3)}
#product-demo .sf-unchecked{color:var(--text-3)}
#product-demo .sf-check-table{width:100%;border-collapse:collapse;text-align:left}
#product-demo .sf-check-table thead th{font-size:11px;color:var(--text-3);font-weight:400;padding:8px 12px;border-bottom:1px solid var(--rule)}
#product-demo .sf-check-table th:first-child{padding-left:0;width:44%}
#product-demo .sf-check-table tbody th{padding-top:8px;padding-bottom:8px;font-weight:400;border-bottom:1px solid var(--rule)}
#product-demo .sf-check-table tbody th>span{display:block;font-size:var(--t-small);line-height:1.5;color:var(--text-2)}
#product-demo .sf-check-table td{font-size:12px;padding:8px 12px;border-bottom:1px solid var(--rule);white-space:nowrap}
#product-demo .sf-check-table .sf-check-result{font-size:11px}
#product-demo .sf-check-error-row{background:var(--sys-err-bg)}
#product-demo .sf-check-error-row>th{padding-left:8px!important}
#product-demo .sf-pass-text{color:var(--sys-ok)}
#product-demo .sf-fail-text{color:var(--sys-err)}
#product-demo .sf-check-footnote{display:flex;align-items:flex-start;gap:12px;padding:16px 0 0;font-size:var(--t-small);line-height:1.7}
#product-demo .sf-check-footnote>span{font-family:var(--font-mono);color:var(--accent);font-size:var(--t-small);line-height:1.2}
#product-demo .sf-export-scene{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px}
#product-demo .sf-export-file{display:flex;align-items:flex-start;flex-direction:column;padding:28px 24px;justify-content:center;min-height:450px}
#product-demo .sf-export-icon{position:relative;display:grid;place-items:center;min-width:52px;height:64px;border:1px solid var(--rule-control);font-family:var(--font-mono);font-size:14px;margin-bottom:20px;background:var(--sunken)}
#product-demo .sf-export-icon>span{position:absolute;right:-8px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;background:var(--canvas);border:1px solid var(--rule-control);font-size:12px}
#product-demo .sf-export-file>.sf-overline{font-size:11px;letter-spacing:.035em}
#product-demo .sf-export-file h4{font-size:21px;margin-top:8px;max-width:320px}
#product-demo .sf-export-file>p{font-size:var(--t-small);line-height:1.7;margin-top:12px;max-width:360px}
#product-demo .sf-export-file>.sf-primary{margin-top:20px;font-size:var(--t-small);min-height:44px}
#product-demo .sf-export-filename{display:block;min-width:0;max-width:100%;font-size:11px;margin-top:12px;color:var(--text-3);overflow-wrap:anywhere}
#product-demo .sf-export-file>.sf-export-honesty{border-top:1px solid var(--rule);padding-top:12px;font-size:11px;line-height:1.7;margin-top:16px}
#product-demo .sf-export-file>.sf-download-status{font-size:11px;color:var(--sys-ok);margin-top:8px}
#product-demo .sf-export-preview>.sf-panel-note{border-top:1px solid var(--rule)}
#product-demo .sf-window-footer{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;padding:10px 14px;background:var(--canvas);border-top:1px solid var(--rule);font-size:11px;line-height:1.5;color:var(--text-3)}
#product-demo .sf-window-footer>span{white-space:nowrap}
#product-demo .sf-transfer-layer{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}
#product-demo .sf-transfer-row{position:absolute;display:flex;align-items:center;gap:12px;height:46px;padding:8px 12px;background:var(--canvas);color:var(--text);border:1px solid var(--accent);font-size:11px;line-height:1.4}
#product-demo .sf-transfer-row>span:first-child{color:var(--accent);flex:none}
#product-demo .sf-transfer-row>span:nth-child(2){min-width:0;flex:1}
#product-demo .sf-transfer-row>strong{font-size:11px;font-weight:400;white-space:nowrap}

@media(max-width:1150px){
  #product-demo .sf-utilities{gap:12px}
  #product-demo .sf-step{gap:8px;padding-inline:12px;font-size:12px}
  #product-demo .sf-primary{gap:12px}
  #product-demo .sf-source-and-tree{grid-template-columns:minmax(0,1.06fr) 16px minmax(0,1fr);gap:8px}
  #product-demo .sf-panel-heading .sf-overline{font-size:11px}
  #product-demo .sf-panel-heading h4{font-size:15px}
  #product-demo .sf-sheet-table thead th:first-child{width:44px}
  #product-demo .sf-sheet-table thead th:nth-child(3){width:28px}
  #product-demo .sf-sheet-table thead th:last-child{width:76px;font-size:11px}
  #product-demo .sf-source-name>strong,#product-demo .sf-sheet-table tbody td{font-size:var(--t-small)}
  #product-demo .sf-source-name>span{font-size:11px}
  #product-demo .sf-sheet-table tbody td{padding-inline:6px}
  #product-demo .sf-tree{padding-inline:12px}
  #product-demo .sf-task-title{gap:6px}
  #product-demo .sf-task-title h5{font-size:12px}
  #product-demo .sf-task-count{font-size:11px}
  #product-demo .sf-task-code{font-size:11px}
  #product-demo .sf-task-row{gap:6px}
  #product-demo .sf-task-row strong{font-size:var(--t-small)}
  #product-demo .sf-source-ref{font-size:11px}
  #product-demo .sf-task-quantity{font-size:11px;padding-left:4px}
  #product-demo .sf-task-quantity small{font-size:11px}
  #product-demo .sf-source-document{padding:16px 16px 0}
  #product-demo .sf-source-cell p{font-size:var(--t-small)}
  #product-demo .sf-decision{padding:16px}
  #product-demo .sf-decision h5{font-size:14px}
  #product-demo .sf-check-panel{padding:20px}
  #product-demo .sf-check-table th:first-child{width:38%}
  #product-demo .sf-export-scene{gap:16px}
  #product-demo .sf-export-file{padding:24px 20px}
  #product-demo .sf-export-file h4{font-size:19px}
}

@media(max-width:900px){
  #product-demo .sf-disclosure{flex-wrap:wrap}
  #product-demo .sf-utility{min-height:36px}
  #product-demo .sf-step-lock{position:absolute;top:8px;right:8px;font-size:13px}
  #product-demo .sf-source-and-tree{grid-template-columns:minmax(0,1fr);gap:12px}
  #product-demo .sf-flow-arrow{height:20px;transform:rotate(90deg);font-size:24px}
  #product-demo .sf-panel-heading .sf-overline{font-size:11px}
  #product-demo .sf-tree-empty,#product-demo .sf-inspect-empty{min-height:200px;padding:20px}
  #product-demo .sf-tree-empty h5,#product-demo .sf-inspect-empty h5{font-size:16px}
  #product-demo .sf-sheet-table thead th:first-child{width:60px}
  #product-demo .sf-sheet-table thead th:nth-child(3){width:54px}
  #product-demo .sf-sheet-table thead th:last-child{width:108px;font-size:11px}
  #product-demo .sf-source-name>strong,#product-demo .sf-sheet-table tbody td{font-size:var(--t-small)}
  #product-demo .sf-source-name>span{font-size:11px}
  #product-demo .sf-task-title h5{font-size:14px}
  #product-demo .sf-task-row strong{font-size:var(--t-small)}
  #product-demo .sf-source-ref{font-size:11px}
  #product-demo .sf-task-quantity{font-size:12px}
  #product-demo .sf-task-quantity small,#product-demo .sf-task-code,#product-demo .sf-task-count{font-size:11px}
  #product-demo .sf-tree{padding:8px 20px}
  #product-demo .sf-open-question{margin-inline:20px}
  #product-demo .sf-open-question strong{font-size:var(--t-small)}
  #product-demo .sf-open-question p{font-size:var(--t-small)}
  #product-demo .sf-open-question .sf-inline-button{min-height:44px;font-size:12px}
  #product-demo .sf-source-document{padding:16px 20px 0}
  #product-demo .sf-source-cell p{font-size:var(--t-small)}
  #product-demo .sf-decision{padding:16px 20px 20px}
  #product-demo .sf-decision h5{font-size:16px}
  #product-demo .sf-decision>p{font-size:var(--t-small)}
  #product-demo .sf-decision-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 20px}
  #product-demo .sf-decision-actions .sf-inline-button{min-height:44px;font-size:12px}
  #product-demo .sf-check-heading{align-items:flex-start;flex-direction:column;gap:12px}
  #product-demo .sf-check-heading h4{font-size:18px}
  #product-demo .sf-check-summary>div{padding-inline:12px}
  #product-demo .sf-check-summary>div>span:last-child{font-size:11px}
  #product-demo .sf-check-table td{padding-inline:8px;font-size:11px}
  #product-demo .sf-check-table tbody th>span{font-size:var(--t-small)}
  #product-demo .sf-check-table .sf-source-ref{font-size:11px}
  #product-demo .sf-check-table .sf-check-result{font-size:11px}
  #product-demo .sf-export-scene{grid-template-columns:minmax(0,1fr)}
  #product-demo .sf-export-file{min-height:350px;padding:24px}
  #product-demo .sf-export-file h4{max-width:none;font-size:21px}
  #product-demo .sf-export-file>p{max-width:540px}
  #product-demo .sf-export-file>.sf-primary{font-size:var(--t-small);min-height:48px}
  #product-demo .sf-window-footer{flex-wrap:wrap;gap:6px 20px;padding:8px 16px;font-size:11px}
  #product-demo .sf-transfer-layer{display:none}
}

@media(max-width:540px){
  #product-demo .sf-disclosure{font-size:11px;padding-bottom:4px}
  #product-demo .sf-disclosure>p{column-gap:6px;display:block}
  #product-demo .sf-utilities{gap:4px 12px}
  #product-demo .sf-utility{font-size:11px;min-height:32px}
  #product-demo .sf-steps{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto;overscroll-behavior-inline:contain}
  #product-demo .sf-step{padding:4px 6px;gap:4px;font-size:11px;line-height:1.3}
  #product-demo .sf-step:focus-visible{outline-offset:-3px}
  #product-demo .sf-step-long{display:none}
  #product-demo .sf-step-short{display:block}
  #product-demo .sf-step-number{font-size:11px}
  #product-demo .sf-step-lock{display:none}
  #product-demo .sf-guide{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0}
  #product-demo .sf-guide h3{font-size:15px;line-height:1.3}
  #product-demo .sf-guide-actions{gap:6px}
  #product-demo .sf-guide-actions>.sf-primary{flex:1;min-width:0;font-size:var(--t-small)}
  #product-demo .sf-back{min-height:40px;font-size:11px}
  #product-demo .sf-window-titlebar{font-size:11px;min-height:32px;padding-inline:10px;gap:6px}
  #product-demo .sf-window-controls{display:none}
  #product-demo .sf-version{margin-left:auto}
  #product-demo .sf-scene{padding:8px;min-height:0}
  #product-demo .sf-source-and-tree{gap:8px}
  #product-demo .sf-panel-heading{padding:7px 10px;min-height:48px;gap:8px}
  #product-demo .sf-panel-heading .sf-overline{font-size:11px;letter-spacing:.03em}
  #product-demo .sf-panel-heading h4{font-size:14px}
  #product-demo .sf-file-type{font-size:11px;padding:3px 4px;margin-top:0}
  #product-demo .sf-sheet-icon{width:22px;height:26px;font-size:11px}
  #product-demo .sf-tree-empty,#product-demo .sf-inspect-empty{min-height:180px;padding:16px}
  #product-demo .sf-tree-empty h5,#product-demo .sf-inspect-empty h5{font-size:15px;margin-top:12px}
  #product-demo .sf-tree-empty p,#product-demo .sf-inspect-empty p{font-size:var(--t-small)}
  #product-demo .sf-inspect-empty .sf-secondary{font-size:11px;gap:12px;margin-top:16px}
  #product-demo .sf-sheet-table,#product-demo .sf-sheet-table tbody{display:block;width:100%}
  #product-demo .sf-sheet-table{padding:8px}
  #product-demo .sf-sheet-table thead{display:none}
  #product-demo .sf-sheet-table tbody{display:grid;gap:8px}
  #product-demo .sf-sheet-table tr{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;border:1px solid var(--rule);background:var(--canvas);padding:8px;column-gap:8px}
  #product-demo .sf-sheet-table tbody th,#product-demo .sf-sheet-table tbody td{border:0;padding:0}
  #product-demo .sf-sheet-table tbody th{grid-column:1;grid-row:1/3;align-self:start}
  #product-demo .sf-sheet-table .sf-source-name{grid-column:2/4;grid-row:1}
  #product-demo .sf-source-name>strong{font-size:var(--t-small);line-height:1.5}
  #product-demo .sf-source-name>span{font-size:11px;margin-top:3px;line-height:1.5}
  #product-demo .sf-sheet-table tbody .sf-quantity{grid-column:2;grid-row:2;text-align:left;padding:6px 0 0;font-size:11px}
  #product-demo .sf-sheet-table .sf-quantity::before{content:'Объем: ';font-family:var(--font);color:var(--text-3);font-size:11px}
  #product-demo .sf-sheet-table tbody .sf-unit{grid-column:3;grid-row:2;padding:6px 0 0;font-size:11px}
  #product-demo .sf-row-link{font-size:11px;min-width:32px;min-height:44px;padding:4px}
  #product-demo .sf-sheet-table .sf-selected-row{box-shadow:inset 2px 0 0 var(--accent)}
  #product-demo .sf-panel-note{padding:8px 12px;font-size:var(--t-small);line-height:1.7}
  #product-demo .sf-tree{padding:4px 12px}
  #product-demo .sf-task-title{gap:6px}
  #product-demo .sf-task-title h5{font-size:12px}
  #product-demo .sf-task-code,#product-demo .sf-task-count{font-size:11px}
  #product-demo .sf-task-row{gap:6px;min-height:60px}
  #product-demo .sf-task-row strong{font-size:var(--t-small);line-height:1.5}
  #product-demo .sf-source-ref{font-size:11px;min-height:32px;padding-top:6px}
  #product-demo .sf-task-quantity{font-size:11px;padding-left:4px}
  #product-demo .sf-task-quantity small{font-size:11px}
  #product-demo .sf-human-row strong::after{font-size:11px}
  #product-demo .sf-open-question{margin:8px 12px 12px;padding:12px;gap:8px}
  #product-demo .sf-open-question strong{font-size:var(--t-small)}
  #product-demo .sf-open-question p{font-size:var(--t-small)}
  #product-demo .sf-open-question .sf-inline-button{font-size:11px;min-height:40px}
  #product-demo .sf-state-symbol{height:18px;width:18px;font-size:11px}
  #product-demo .sf-saved-decision{margin-inline:12px;padding:8px 0;gap:8px}
  #product-demo .sf-saved-decision strong{font-size:11px}
  #product-demo .sf-saved-decision div>span{font-size:11px}
  #product-demo .sf-source-document{padding:12px 12px 0}
  #product-demo .sf-document-caption{padding-bottom:12px;gap:8px}
  #product-demo .sf-document-caption strong{font-size:11px}
  #product-demo .sf-document-caption div>span{font-size:11px}
  #product-demo .sf-source-cell{padding:10px}
  #product-demo .sf-cell-address{font-size:11px}
  #product-demo .sf-source-cell p{font-size:var(--t-small);line-height:1.7}
  #product-demo .sf-source-values{gap:8px}
  #product-demo .sf-source-values dt{font-size:11px}
  #product-demo .sf-source-values dd{font-size:14px}
  #product-demo .sf-decision{padding:12px}
  #product-demo .sf-decision>.sf-overline{font-size:11px}
  #product-demo .sf-decision h5{font-size:14px}
  #product-demo .sf-decision>p{font-size:var(--t-small)}
  #product-demo .sf-decision-actions{flex-direction:column;align-items:stretch;gap:8px}
  #product-demo .sf-decision .sf-primary{width:100%;font-size:var(--t-small);min-height:44px}
  #product-demo .sf-decision-actions .sf-inline-button{align-self:flex-start;font-size:11px;min-height:40px}
  #product-demo .sf-check-panel{padding:16px 12px;min-height:0}
  #product-demo .sf-check-heading h4{font-size:17px}
  #product-demo .sf-check-state{font-size:11px;padding:6px 8px}
  #product-demo .sf-check-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}
  #product-demo .sf-check-summary>div{padding:10px}
  #product-demo .sf-check-summary>div:first-child{padding-left:10px}
  #product-demo .sf-check-summary>div:nth-child(3){border-left:0}
  #product-demo .sf-check-summary>div:nth-child(n+3){border-top:1px solid var(--rule)}
  #product-demo .sf-check-number{font-size:21px}
  #product-demo .sf-check-summary>div>span:last-child{font-size:11px}
  #product-demo .sf-check-table,#product-demo .sf-check-table tbody{display:block;width:100%}
  #product-demo .sf-check-table thead{display:none}
  #product-demo .sf-check-table tbody{display:grid;gap:8px}
  #product-demo .sf-check-table tr{display:grid;grid-template-columns:1fr 1fr;padding:8px 10px;border:1px solid var(--rule);gap:8px}
  #product-demo .sf-check-table tbody th,#product-demo .sf-check-table tbody th:first-child{grid-column:1/-1;width:100%;padding:0!important;border-bottom:1px solid var(--rule);padding-bottom:8px!important}
  #product-demo .sf-check-table .sf-source-ref{font-size:11px;min-height:32px;padding-top:0}
  #product-demo .sf-check-table tbody th>span{font-size:var(--t-small)}
  #product-demo .sf-check-table td{display:block;padding:0;border:0;font-size:11px}
  #product-demo .sf-check-table td::before{display:block;content:attr(data-label);font-size:11px;color:var(--text-3);margin-bottom:4px}
  #product-demo .sf-check-table .sf-check-result{grid-column:1/-1;font-size:11px;border-top:1px solid var(--rule);padding-top:8px}
  #product-demo .sf-check-table .sf-check-result::before{display:none}
  #product-demo .sf-check-footnote{font-size:var(--t-small);gap:8px;padding-top:12px}
  #product-demo .sf-export-file{padding:20px 16px;min-height:350px}
  #product-demo .sf-export-file>.sf-overline{font-size:11px;letter-spacing:.03em}
  #product-demo .sf-export-file h4{font-size:19px}
  #product-demo .sf-export-file>p{font-size:var(--t-small);line-height:1.7}
  #product-demo .sf-export-file>.sf-primary{width:100%;font-size:var(--t-small)}
  #product-demo .sf-export-filename{font-size:11px}
  #product-demo .sf-export-file>.sf-export-honesty{font-size:11px}
  #product-demo .sf-window-footer{align-items:flex-start;gap:6px;padding:8px 10px;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  #product-demo *,#product-demo *::before,#product-demo *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  #product-demo .sf-transfer-layer{display:none}
}