.layout-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,calc(50% - 6px))),1fr));gap:12px;padding:16px;align-items:start}
.layout-section{border:1px solid var(--line);border-radius:9px;background:var(--scs-surface-2);min-width:0;overflow:hidden}
.layout-section:last-child{grid-column:1/-1}
.layout-section>summary{padding:12px 14px;cursor:pointer;font-weight:650;background:var(--button-bg);color:var(--button-text)}
.layout-section-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
.layout-section-content>.field{margin:0;min-width:0}.layout-section-content>.wide,.layout-section-content>fieldset,.layout-section-content>details{grid-column:1/-1}
.layout-section-content :is(input,select,textarea){width:100%;min-width:0;box-sizing:border-box}.layout-section-content textarea{min-height:72px}
.layout-section-content>.diagram-progress-settings{margin:0;padding:12px;min-width:0}.layout-section-content .diagram-progress-settings .field{margin:0 0 10px}
.layout-section[data-layout-section=general] .diagram-progress-settings{grid-column:auto;border:0;padding:0}.layout-section[data-layout-section=general] .diagram-progress-settings>legend{font-size:12px;padding:0;margin-bottom:5px;font-weight:600}
.layout-section-content input[type=checkbox]{width:auto}.layout-section-content small,.layout-explanation{font-size:12px;color:var(--muted)}
.layout-explanation summary{cursor:pointer}.layout-explanation .form-note{margin:10px 0;padding:10px;font-size:12px}
.layout-mode-status{display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--button-bg);font-size:12px;line-height:1.5}.layout-mode-status>div{flex:1;min-width:0}.layout-mode-status strong{color:var(--text)}.layout-mode-status p{margin:4px 0 0;color:var(--muted)}.layout-mode-status button{font-size:11px;white-space:normal;max-width:210px;flex-shrink:0}.layout-mode-status[data-mode=pro]{border-left:3px solid var(--teal)}.compact-layout-settings small{display:block;line-height:1.5;margin-top:8px}.compact-layout-settings .compact-effective{font-size:12px;font-weight:600;margin:0 0 8px;color:var(--text)}.preview-layout-mode{font-size:10px;line-height:1.3;padding:4px 6px;border:1px solid var(--button-border);border-radius:5px;background:var(--button-bg);color:var(--button-text);max-width:145px;white-space:normal;flex-shrink:0}.preview-layout-mode[data-mode=pro]{border-left:3px solid var(--teal)}
@media(max-width:700px){.layout-mode-status{align-items:start;flex-direction:column}.layout-mode-status button{max-width:100%}.preview-layout-mode{max-width:100px}}
html[data-theme=dark] .layout-section{background:var(--scs-surface-2)}
#scs-assist{position:fixed;right:20px;bottom:16px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 24px)}
#scs-assist[hidden],#assist-panel[hidden]{display:none}
#assist-toggle{box-shadow:0 3px 12px #102c4533;padding:9px 14px;font-weight:600}
#assist-panel{display:flex;flex-direction:column;width:365px;max-width:calc(100vw - 24px);max-height:min(610px,75vh);background:var(--scs-surface-2);color:var(--text);border:1px solid var(--button-border);border-radius:12px;box-shadow:0 8px 32px #102c4540;overflow:hidden}
#assist-panel>header{display:flex;align-items:center;justify-content:space-between;background:var(--button-bg);padding:10px 12px;border-bottom:1px solid var(--line)}
#assist-close{width:30px;height:30px;padding:0}#assist-context{font-size:12px;white-space:pre-line;overflow-wrap:anywhere;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--muted)}
.assist-body{padding:10px 12px;overflow:auto;min-height:80px}.assist-body p{font-size:12px;margin:0 0 10px;line-height:1.5}
#assist-actions{display:grid;gap:6px}#assist-actions button,#assist-reply button{text-align:left;font-size:12px;white-space:normal;padding:8px 10px;line-height:1.35}
#assist-intro{font-weight:600}#assist-guidance{color:var(--muted)}
#assist-actions button,#assist-more-actions button{display:grid;gap:4px;text-align:left;font-size:12px;white-space:normal;padding:8px 10px;line-height:1.35}
#assist-actions button>span{font-weight:600}#assist-actions button>small,#assist-more-actions button>small{font-size:11px;color:var(--muted);font-weight:400}
#assist-tools{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}#assist-tools>summary{cursor:pointer;font-size:12px;font-weight:600}#assist-more-actions{display:grid;gap:6px;padding-top:8px}
.assist-check-counts{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.assist-check-counts span{padding:5px 7px;border:1px solid var(--line);border-radius:5px}.assist-check-counts strong{font-size:14px}#assist-reply ul{padding-left:18px;font-size:12px;line-height:1.45}#assist-reply li{margin:6px 0}
#assist-reply:not(:empty){border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:12px;line-height:1.5}
.assist-system-choices{display:grid;gap:6px}.assist-system-choices button{display:grid;gap:4px}.assist-system-choices small{color:var(--muted)}
#assist-interface-preview{width:100%;height: min(52vh,520px);border:1px solid var(--line);border-radius:8px}
#assist-form{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--line);align-items:end}#assist-input{resize:vertical;min-height:55px;max-height:120px;flex:1;min-width:0;font:inherit;font-size:12px;padding:8px}#assist-send{padding:8px;font-size:12px}
#assist-form>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#assist-note{display:block;padding:0 12px 10px;font-size:11px;line-height:1.4;color:var(--muted)}
html[data-theme=dark] #assist-panel{background:var(--scs-surface-2)}
.assist-target{display:flex;align-items:center;gap:8px;padding:8px 12px 0;font-size:11px;color:var(--muted)}.assist-target select{flex:1;min-width:0;font-size:12px;padding:5px 7px}
#assist-history{display:grid;gap:8px;margin-top:10px}.assist-message{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--button-bg);overflow-wrap:anywhere}.assist-message-user{margin-left:18px;border-color:var(--button-border)}.assist-message-assistant{margin-right:12px;background:transparent}.assist-message header{display:flex;gap:6px;justify-content:space-between;font-size:11px;color:var(--muted)}.assist-message header small{max-width:65%;text-align:right}.assist-message p{white-space:pre-wrap;margin:5px 0 0!important}.assist-message button{font-size:10px;padding:3px 6px;margin-top:6px;min-height:24px}
@media(max-width:650px){#scs-assist{right:12px;bottom:10px}.layout-settings{padding:10px}.layout-section-content{padding:10px}}
.integration-hub{display:grid;gap:18px}.integration-hub h3{margin:0;font-size:15px}.integration-hub p{font-size:13px;line-height:1.5;margin:8px 0}.integration-hub button{white-space:normal;flex-shrink:0}
html[data-theme=dark] .settings-dialog{--settings-surface:var(--scs-line-2)}
.settings-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 0 12px;margin:12px 0 16px;position:sticky;top:0;background:var(--settings-surface,var(--scs-surface));z-index:2}.settings-tabs button.active{background:var(--tab-selected-bg);color:var(--tab-selected-text);border-color:var(--tab-selected-border)}.settings-scope{font-size:13px;color:var(--muted);margin:0 0 16px}#settings-project{display:grid;gap:16px}#settings-root [hidden]{display:none!important}.settings-dialog .settings-brand{margin-bottom:8px}.settings-dialog #integration-settings{margin:0;border:1px solid var(--line);padding:16px}.settings-dialog #settings-project-assist{padding:16px}.settings-dialog .integration-drafts>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.diagram-type-setting>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.diagram-type-setting strong{font-size:13px}.diagram-type-setting button{font-size:12px;white-space:normal}
.integration-assistant,.integration-project>header,.integration-sections section>header,.integration-config-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.integration-assistant{padding:14px;border:1px solid var(--button-border);border-radius:9px;background:var(--button-bg)}
.integration-project>header small{display:block;margin-top:5px;color:var(--muted)}.integration-count{font-weight:500;color:var(--muted);margin-left:6px}.integration-status{font-size:12px;color:var(--muted)}
.integration-project{padding:0 2px}.integration-empty{padding:18px 12px;text-align:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}.integration-drafts{max-height:32vh;overflow:auto}.integration-drafts>div{padding:10px 0;border-bottom:1px solid var(--line)}.integration-draft-name{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}.integration-draft-name small{color:var(--muted)}
#integration-settings{border-top:1px solid var(--line);padding-top:14px}#integration-settings>summary{cursor:pointer;font-weight:600}#integration-settings .integration-sections{gap:12px;margin:12px 0}#integration-settings .integration-sections section{min-width:0}.integration-switch{display:flex;align-items:center;gap:8px;margin:12px 0}.integration-config-footer{margin:12px 0}
@media(max-width:650px){.integration-assistant,.integration-project>header,.integration-config-footer{align-items:stretch;flex-direction:column}.integration-sections section>header{flex-wrap:wrap;gap:5px}.integration-draft-name{flex-basis:100%}}
#assist-commands{margin-top:10px;align-self:start}.assist-command-example{padding:10px 0;border-bottom:1px solid var(--line)}.assist-command-example p{margin:6px 0;overflow-wrap:anywhere}.assist-command-example strong{font-size:12px;color:var(--muted)}
.report-page-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.report-page-options>.field{flex:1 1 160px;min-width:0}
.function-view-selection{max-height:40vh;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:10px}.function-view-selection label{display:flex;gap:10px;padding:6px;align-items:start}.function-view-selection small,.function-catalog td small{display:block;color:var(--muted)}.function-view-layout input[type=checkbox]{accent-color:var(--teal)}#function-draft-preview{width:100%;height:300px;border:1px solid var(--line);border-radius:8px;margin-top:12px}
:root{--diagram-functionview-on-dark:#b4bcfa}.sidebar :is([data-nav-icon=functionview],[data-rail-kind=functionview]>.navigation-icon){color:var(--diagram-functionview-on-dark)}
:is(.diagram-card,.home-template-card,.diagram-table)[data-diagram-kind=functionview]{--card-accent:#505ba4;--card-tint:#eaeefc;--card-surface:#f8f9ff;--card-border:#bcc4e5}.diagram-type-icon[data-diagram-kind=functionview]{color:#505ba4}
html[data-theme=dark] :is(.diagram-card,.home-template-card,.diagram-table)[data-diagram-kind=functionview]{--card-accent:var(--diagram-functionview-on-dark);--card-tint:#303b5b;--card-surface:#263249;--card-border:#58678f}html[data-theme=dark] .diagram-type-icon[data-diagram-kind=functionview]{color:var(--diagram-functionview-on-dark)}
#functionview-list button{display:block;width:100%;text-align:left;margin-block:4px;background:transparent;border-color:transparent;color:var(--scs-nav-ink-2);font-size:12px;line-height:1.4;overflow-wrap:anywhere;box-shadow:none}#functionview-list button:hover{background:var(--scs-nav-3)}#functionview-list button.active{background:var(--scs-nav-3);color:var(--scs-nav-ink);box-shadow:inset 3px 0 #b4bcfa}

.output-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.output-settings-fields>.field{margin:0;min-width:0}.output-settings-fields select{width:100%;min-width:0}.output-settings-fields>button{grid-column:1/-1;justify-self:start}.diagram-output-settings small{display:block;margin-top:5px;font-size:12px;color:var(--muted)}.diagram-output-settings p{line-height:1.6}@media(max-width:600px){.output-settings-fields{grid-template-columns:1fr}}

.visibility-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.diagram-visibility-settings small{display:block;color:var(--muted);line-height:1.5}.visibility-options{max-height:45vh;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px;margin:12px 0}.visibility-option{display:flex;align-items:start;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.visibility-option:last-child{border-bottom:0}.visibility-option span{overflow-wrap:anywhere}.visibility-option small{display:block;color:var(--muted);margin-top:4px}.visibility-option input{flex:none;accent-color:var(--teal)}

.layout-form>.system-label-field{grid-column:1/-1;min-width:0;margin-block:0}.system-label-field select{width:100%}