.settings-modal-overlay[data-settings-modal-mode=design]{--design-text:#26342f;--design-heading:#394b44;--design-muted:#65716c;--design-tab:#68756f;--design-border:#d6dfdb;--design-divider:#e2e8e5;--design-input-border:#b9c6c0;--design-preview-border:#aebdb6;--design-preview-surface:#f7f8f7;--design-note-surface:#f3f4f3;--design-note-text:#5d6561;align-items:flex-start;padding:24px}.settings-modal-overlay[data-settings-modal-mode=design]>.settings-modal[data-settings-modal-mode=design][data-ui-overlay-dialog=primary]{box-sizing:border-box;width:min(610px,calc(100vw - 48px))!important;max-width:610px!important;height:auto!important;max-height:calc(100dvh - 48px)!important;border:1px solid var(--design-border)!important;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(10,16,13,.28);color:var(--design-text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.45}.settings-modal[data-settings-modal-mode=design] *,.settings-modal[data-settings-modal-mode=design] ::after,.settings-modal[data-settings-modal-mode=design] ::before{box-sizing:border-box}.settings-modal[data-settings-modal-mode=design]>.modal-header{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--design-divider);background:#fff}.settings-modal[data-settings-modal-mode=design] .settings-modal-title{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:12px;margin:0;color:var(--design-text);font-size:24px;font-weight:500;line-height:1.2}.settings-modal[data-settings-modal-mode=design] .modal-close,.settings-modal[data-settings-modal-mode=design] .modal-title-icon{display:inline-flex;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px}.settings-modal[data-settings-modal-mode=design] .modal-title-icon{background:#f2f6f4;color:#5d746b;font-size:20px}.settings-modal[data-settings-modal-mode=design] .modal-close{position:static;margin-left:auto;padding:0;border:1px solid transparent;background:0 0;color:#5d746b;font-size:24px;font-weight:400;line-height:1}.settings-modal[data-settings-modal-mode=design] .modal-close:hover{background:#f2f6f4}.settings-modal[data-settings-modal-mode=design]>.settings-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 auto;gap:0;padding:0 20px;border-bottom:1px solid var(--design-divider);background:#fff;overflow:visible}.settings-modal[data-settings-modal-mode=design] .settings-tab{width:100%;min-height:48px;padding:10px 6px 8px;border:0;border-bottom:3px solid transparent;color:var(--design-tab);background:0 0;font:inherit;font-weight:500;text-align:center}.settings-modal[data-settings-modal-mode=design] .settings-tab.active{border-bottom-color:#869e94;color:var(--design-heading)}.settings-modal[data-settings-modal-mode=design] .settings-tab.active::after{display:none}.settings-modal[data-settings-modal-mode=design]>.settings-modal-message{flex:0 0 auto;min-height:0;margin:16px 20px 0;padding:12px 14px;border:1px solid var(--design-border);border-radius:10px;background:#f7f8f7;color:var(--design-muted);font-size:14px}.settings-modal[data-settings-modal-mode=design]>.settings-modal-message:empty{display:none;margin:0;padding:0;border:0}.settings-modal[data-settings-modal-mode=design]>.settings-modal-message.success{border-color:var(--ui-color-success);background:var(--ui-color-success-surface);color:var(--ui-color-success)}.settings-modal[data-settings-modal-mode=design]>.settings-modal-message.warning{border-color:var(--ui-color-warning);background:var(--ui-color-warning-surface);color:var(--ui-color-warning)}.settings-modal[data-settings-modal-mode=design]>.settings-modal-message.error{border-color:var(--ui-color-danger);background:var(--ui-color-danger-surface);color:var(--ui-color-danger)}.settings-modal-overlay[data-settings-modal-mode=design]>.settings-modal[data-settings-modal-mode=design]>.settings-modal-body{flex:0 1 auto;min-height:0!important;padding:20px;background:#fff;overflow:auto!important}.settings-modal[data-settings-modal-mode=design] .settings-branding-section{display:grid;gap:16px;margin:0}.settings-modal[data-settings-modal-mode=design] .settings-branding-option{display:block;padding:0;overflow:hidden;border:1px solid var(--design-border);border-radius:14px;background:#fff}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-head{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:70px;padding:14px 16px;align-items:center;gap:14px;background:#fff}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-head-single{grid-template-columns:minmax(0,1fr)}.settings-modal[data-settings-modal-mode=design] .settings-branding-title-group{display:flex;min-width:0;align-items:center;gap:4px}.settings-modal[data-settings-modal-mode=design] .settings-branding-title-group .ui-help-trigger{margin-left:-4px}.settings-modal[data-settings-modal-mode=design] .settings-branding-toggle{display:flex;min-width:0;min-height:40px;padding:0;align-items:center;gap:10px;border:0;background:0 0;color:var(--design-heading);font:inherit;font-weight:500;text-align:left;cursor:pointer}.settings-modal[data-settings-modal-mode=design] .settings-branding-toggle:focus-visible{border-radius:6px;outline:#869e94 solid 2px;outline-offset:2px}.settings-modal[data-settings-modal-mode=design] .settings-branding-toggle-icon{flex:0 0 auto;color:var(--design-heading);font-size:20px;transform:rotate(180deg);transition:transform .18s}.settings-modal[data-settings-modal-mode=design] .settings-branding-toggle[aria-expanded=true] .settings-branding-toggle-icon{transform:rotate(270deg)}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-title{overflow:hidden;color:var(--design-heading);font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.settings-modal[data-settings-modal-mode=design] .settings-switch{display:flex;min-height:40px;align-items:center;gap:8px;color:var(--design-heading);font-size:16px;font-weight:500}.settings-modal[data-settings-modal-mode=design] .settings-switch-track{width:52px;height:30px;border:0;border-radius:999px;background:#a9b2ae}.settings-modal[data-settings-modal-mode=design] .settings-switch-thumb{top:3px;left:3px;width:24px;height:24px;background:#fff;box-shadow:0 1px 3px rgba(31,43,38,.26)}.settings-modal[data-settings-modal-mode=design] .settings-switch input:checked+.settings-switch-track{border:0;background:#869e94}.settings-modal[data-settings-modal-mode=design] .settings-switch input:checked+.settings-switch-track .settings-switch-thumb{transform:translateX(22px)}.settings-modal[data-settings-modal-mode=design] .settings-switch input:focus-visible+.settings-switch-track{outline:#869e94 solid 2px;outline-offset:2px}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-content{padding:16px;border-top:1px solid var(--design-divider);background:#fff}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-content[hidden]{display:none!important}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-content>p{margin:14px 0;color:var(--design-muted);font-size:16px;line-height:1.45}.settings-modal[data-settings-modal-mode=design] .settings-tree-title-field{display:grid;gap:6px;margin:0}.settings-modal[data-settings-modal-mode=design] .settings-tree-title-field label{color:var(--design-heading);font-size:16px;font-weight:500}.settings-modal[data-settings-modal-mode=design] .settings-text-input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--design-input-border);border-radius:10px;background:#fff;color:var(--design-text);font:inherit}.settings-modal[data-settings-modal-mode=design] .settings-text-input:focus-visible{border-color:#869e94;outline:#869e94 solid 2px;outline-offset:2px}.settings-modal[data-settings-modal-mode=design] .settings-tree-logo-manager{display:block;padding:0;border:0}.settings-modal[data-settings-modal-mode=design] .settings-crest-preview-frame{display:grid;width:100%;min-height:210px;padding:18px;place-items:center;border:1px dashed var(--design-preview-border);border-radius:12px;background:var(--design-preview-surface);color:var(--design-muted);text-align:center}.settings-modal[data-settings-modal-mode=design] .settings-crest-preview-frame img{display:block;width:auto;max-width:min(100%,145px);height:auto;max-height:174px;object-fit:contain}.settings-modal[data-settings-modal-mode=design] .settings-crest-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center}.settings-modal[data-settings-modal-mode=design] .action-button,.settings-modal[data-settings-modal-mode=design] .text-action-button.danger{min-height:40px;padding:9px 15px;border-radius:10px;font:inherit;font-weight:500}.settings-modal[data-settings-modal-mode=design] .action-button.primary{border:1px solid #5d746b;background:#5d746b;color:#fff}.settings-modal[data-settings-modal-mode=design] .action-button.secondary{border:1px solid var(--design-preview-border);background:#fff;color:#4b6158}.settings-modal[data-settings-modal-mode=design] .text-action-button.danger{border:1px solid transparent;background:0 0;color:#a53e3e}.settings-modal[data-settings-modal-mode=design] .settings-tree-logo-manager>small:not(.settings-tree-logo-disclaimer){display:block;margin-top:12px;color:#67716d;font-size:14px;line-height:1.45}.settings-modal[data-settings-modal-mode=design] .settings-tree-logo-disclaimer{display:flex;margin-top:14px;padding:12px 14px;align-items:flex-start;gap:10px;border:1px solid #d7dbd9;border-radius:10px;background:var(--design-note-surface);color:var(--design-note-text);font-size:14px;line-height:1.45}.settings-modal[data-settings-modal-mode=design] .settings-tree-logo-disclaimer-icon{display:inline-flex;flex:0 0 20px;width:20px;height:20px;margin-top:2px;align-items:center;justify-content:center;border:1px solid #69716d;border-radius:50%;color:#69716d;font-size:12px;font-weight:500;line-height:1}.settings-modal[data-settings-modal-mode=design]>.settings-modal-actions{display:flex;flex:0 0 auto;justify-content:flex-end;gap:10px;margin:0;padding:16px 20px;border-top:1px solid var(--design-divider);background:#fff}.settings-modal[data-settings-modal-mode=design] #settings-panel-card,.settings-modal[data-settings-modal-mode=design] .settings-card-config-controls,.settings-modal[data-settings-modal-mode=design] .settings-card-config-layout,.settings-modal[data-settings-modal-mode=design] .settings-card-preview-column{width:100%;min-width:0;max-width:100%}.settings-modal[data-settings-modal-mode=design] .settings-card-config-controls,.settings-modal[data-settings-modal-mode=design] .settings-card-config-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.settings-modal[data-settings-modal-mode=design] .settings-card-config-layout{overflow:hidden}.settings-modal[data-settings-modal-mode=design] .settings-card-layout-field,.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;border:0}.settings-modal[data-settings-modal-mode=design] .settings-card-layout-field label,.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-row label{color:var(--design-heading);font-size:16px;font-weight:500}.settings-modal[data-settings-modal-mode=design] .settings-card-layout-field .settings-select-input{width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 38px 10px 12px;border:1px solid var(--design-input-border);border-radius:10px;background-color:#fff;color:var(--design-text);font:inherit}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-control{display:grid;gap:7px;min-width:0}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider{--profile-size-progress:50%;width:100%;height:24px;margin:0;appearance:none;-webkit-appearance:none;border:0;background:0 0;cursor:pointer}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,#869e94 0,#869e94 var(--profile-size-progress),#d8dfdc var(--profile-size-progress),#d8dfdc 100%)}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider::-moz-range-track{height:6px;border:0;border-radius:999px;background:#d8dfdc}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider::-moz-range-progress{height:6px;border-radius:999px;background:#869e94}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;appearance:none;-webkit-appearance:none;border:2px solid #5d746b;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(38,52,47,.22)}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider::-moz-range-thumb{width:18px;height:18px;border:2px solid #5d746b;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(38,52,47,.22)}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider:focus-visible{border-radius:999px;outline:#869e94 solid 2px;outline-offset:2px}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));color:var(--design-muted);font-size:13px;line-height:1.3}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-labels span:nth-child(2){text-align:center}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-labels span:last-child{text-align:right}.settings-modal[data-settings-modal-mode=design] .settings-card-layout-field .settings-field-hint{color:var(--design-muted);font-size:14px;line-height:1.45}.settings-modal[data-settings-modal-mode=design] .settings-card-preview-section{display:block;overflow:hidden;border:1px solid var(--design-border);border-radius:14px;background:#fff}.settings-modal[data-settings-modal-mode=design] .settings-card-preview-head{display:flex;min-height:70px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--design-divider);background:#fff}.settings-modal[data-settings-modal-mode=design] .settings-card-preview-head h3{margin:0;color:var(--design-heading);font-size:18px;font-weight:500;line-height:1.3}.settings-modal[data-settings-modal-mode=design] .settings-card-preview-content{min-width:0;padding:16px}.settings-modal[data-settings-modal-mode=design] .settings-card-preview{width:100%;min-width:0;max-width:100%;min-height:330px;margin:0;padding:18px;border:1px dashed var(--design-preview-border);border-radius:12px;overflow:hidden}.settings-modal[data-settings-modal-mode=design] .settings-profile-photo-size-slider:disabled{cursor:not-allowed!important;opacity:.55}.settings-modal[data-settings-modal-mode=design] #settings-panel-lines{width:100%;min-width:0;max-width:100%}.settings-modal[data-settings-modal-mode=design] #settings-panel-lines.active{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.settings-modal[data-settings-modal-mode=design] .settings-lineages-section,.settings-modal[data-settings-modal-mode=design] .settings-neutral-line-section{width:100%;min-width:0;max-width:100%;margin:0;padding:0}.settings-modal[data-settings-modal-mode=design] .settings-lines-content{min-width:0}.settings-modal[data-settings-modal-mode=design] .settings-line-choice-grid,.settings-modal[data-settings-modal-mode=design] .settings-lineage-row,.settings-modal[data-settings-modal-mode=design] .settings-neutral-line-row{min-width:0;max-width:100%}@media(max-width:620px){.settings-modal-overlay[data-settings-modal-mode=design]{padding:8px}.settings-modal-overlay[data-settings-modal-mode=design]>.settings-modal[data-settings-modal-mode=design][data-ui-overlay-dialog=primary]{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:18px;box-shadow:0 12px 34px rgba(10,16,13,.28)}.settings-modal[data-settings-modal-mode=design]>.modal-header{padding:14px}.settings-modal[data-settings-modal-mode=design] .settings-modal-title{font-size:22px}.settings-modal[data-settings-modal-mode=design]>.settings-tabs{padding:0 8px}.settings-modal[data-settings-modal-mode=design] .settings-tab{padding-inline:4px;font-size:14px}.settings-modal[data-settings-modal-mode=design]>.settings-modal-message{margin:12px 14px 0}.settings-modal-overlay[data-settings-modal-mode=design]>.settings-modal[data-settings-modal-mode=design]>.settings-modal-body{padding:14px;overflow-x:hidden!important}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-content,.settings-modal[data-settings-modal-mode=design] .settings-branding-option-head{padding:12px}.settings-modal[data-settings-modal-mode=design] .settings-branding-option-title{font-size:16px}.settings-modal[data-settings-modal-mode=design] .settings-switch{font-size:14px}.settings-modal[data-settings-modal-mode=design] .settings-crest-preview-frame{min-height:166px}.settings-modal[data-settings-modal-mode=design] .settings-crest-preview-frame img{max-height:130px}.settings-modal[data-settings-modal-mode=design] .settings-card-preview-head{padding:12px}.settings-modal[data-settings-modal-mode=design] .settings-card-preview-head h3{font-size:16px}.settings-modal[data-settings-modal-mode=design] .settings-card-preview-content{padding:12px}.settings-modal[data-settings-modal-mode=design] .settings-card-preview{min-height:320px;padding:14px}.settings-modal[data-settings-modal-mode=design] .settings-crest-actions,.settings-modal[data-settings-modal-mode=design]>.settings-modal-actions{flex-direction:column}.settings-modal[data-settings-modal-mode=design] .settings-crest-actions .action-button,.settings-modal[data-settings-modal-mode=design] .settings-crest-actions .text-action-button,.settings-modal[data-settings-modal-mode=design]>.settings-modal-actions .action-button{width:100%}.settings-modal[data-settings-modal-mode=design]>.settings-modal-actions{padding:14px}}