:root{--profile-accent:#2276b6;--profile-accent-ink:#fff}
button.primary{background:var(--profile-accent);border-color:var(--profile-accent);color:var(--profile-accent-ink)}button.primary:hover{background:color-mix(in srgb,var(--profile-accent),#14283c 16%);border-color:color-mix(in srgb,var(--profile-accent),#14283c 16%)}input[type=checkbox],input[type=radio]{accent-color:var(--profile-accent)}
.profile-settings-button{display:flex;align-items:center;gap:10px;padding:7px 10px;background:#fff9;border-color:#d5e1ed;text-align:left;font-size:11px;line-height:1.4;border-radius:10px;color:#254461}.profile-settings-button>span:last-child{font-size:16px;margin-left:auto;color:#7791a8}.profile-avatar,.settings-heading-avatar{display:grid;place-items:center;flex:none;border-radius:50%;width:32px;height:32px;background:color-mix(in srgb,var(--profile-accent),white 88%);color:var(--profile-accent);font-size:11px;font-weight:750;letter-spacing:.5px}.profile-button-subtitle{display:block;font-size:10px;color:#748697;font-weight:400}.sidebar .profile-settings-button{width:100%;margin-bottom:17px}.hub-gallery-actions .profile-settings-button{margin-right:10px}
dialog:has(#settings-form){max-width:940px;width:min(940px,95vw);padding:0;background:#f7f9fc}.settings-layout{padding:30px}.settings-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.settings-heading h2{font-size:26px;margin:0 0 8px;letter-spacing:-.7px}.settings-heading p{font-size:12px;color:#708195;line-height:1.6}.settings-heading-avatar{width:54px;height:54px;font-size:17px}.settings-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:24px;align-items:start}.settings-main{min-width:0}.settings-section{padding:20px 0;border-top:1px solid #dfe6ef}.settings-section:first-child{padding-top:0;border-top:0}.settings-section-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.settings-section-title>span{color:#8297ac;background:#eaf0f7;font-size:10px;border-radius:5px;padding:5px;font-weight:650}.settings-section-title h3{font-size:14px;flex:1}.settings-section-title>button{font-size:10px;color:#567d9d;padding:4px 0}.settings-help{font-size:10px!important;line-height:1.6!important;color:#7b8a9b!important;margin:10px 0 0}.settings-main .fields{gap:12px}.settings-main input:not([type=color]):not([type=file]){background:#fff;font-size:12px;padding:10px}.settings-logo-upload{display:flex;flex-direction:row;align-items:center;gap:16px;border:1px dashed #b7cadd;border-radius:10px;padding:15px;background:#fff;cursor:pointer;position:relative;min-height:86px}.settings-logo-upload>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.settings-logo-upload>span:first-child{background:#f3f7fb;border:1px solid #e3eaf3;border-radius:7px;min-width:88px;width:88px;height:56px;display:grid;place-items:center;padding:5px}.settings-logo-upload img{width:100%;height:100%;object-fit:contain}.settings-logo-upload b{font-size:12px;color:#375b7b}.settings-logo-upload small{display:block;margin-top:5px;font-size:10px;color:#8798a7;font-weight:400}.settings-logo-placeholder{font-size:27px;color:#91aac0;font-weight:300}.settings-color-list{background:#fff;border:1px solid #dce5ee;border-radius:10px;overflow:hidden}.settings-color-row{display:grid;grid-template-columns:minmax(0,1fr) 36px 58px;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid #e9eef4;cursor:pointer}.settings-color-row:last-child{border-bottom:0}.settings-color-row b{display:block;font-size:11px;font-weight:600;color:#47617a}.settings-color-row small{display:block;font-size:9px;line-height:1.5;margin-top:3px;color:#8a98a7;font-weight:400}.settings-color-row input[type=color]{padding:2px;width:34px;height:30px;background:white;border:1px solid #cbd7e3;cursor:pointer;border-radius:6px}.settings-color-row output{font-size:9px;font-family:ui-monospace,monospace;color:#7b8e9f;text-align:right;font-weight:400}.settings-accent-row{margin-top:12px;border:1px solid #dce5ee;border-radius:10px;background:#fff}.settings-preview-panel{position:sticky;top:0;padding:18px;background:#eaf0f7;border:1px solid #dfe7f0;border-radius:12px}.settings-preview-panel>.eyebrow{font-size:9px;margin-bottom:13px;display:block}.settings-document-preview{padding:17px 14px;background:#fff;box-shadow:0 5px 20px #45648110;border:1px solid #d9e2eb;min-height:325px;font:9px/1.5 Arial,sans-serif}.settings-preview-logo{height:34px;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:8px;font-weight:700;color:#4b7899;letter-spacing:.6px;margin-bottom:17px}.settings-preview-logo img{max-width:92px;max-height:34px;object-fit:contain}.settings-document-preview h3{font-size:13px;color:#111;letter-spacing:-.2px}.settings-document-preview>p{font-size:8px;margin:6px 0 15px;color:#6b7b8b;min-height:12px}.settings-preview-table{border:1px solid #aebac6;font-size:8px}.settings-preview-table>div{display:grid;grid-template-columns:31px minmax(0,1fr);border-bottom:1px solid #c8d0d8}.settings-preview-table>div:last-child{border-bottom:0}.settings-preview-table>div>*{padding:7px 5px}.settings-preview-table>div>b{border-right:1px solid #c8d0d8;font-size:7px;font-weight:500}.settings-preview-table-head{background:#e4e8ec;font-size:8px}.settings-preview-table-head b{font-weight:650!important}.settings-work-preview{border:1px dashed #d3dde6;padding:9px;margin-top:14px}.settings-work-preview>span{font-size:7px;color:#92a0ab}.settings-work-preview>p{font-size:9px;margin-top:4px}.settings-preview-rule{border-top:1px solid #e5ebf0;margin-top:22px}.settings-preview-foot{font-size:7px!important;margin:4px 0 0!important;color:#95a2ad!important}.settings-preview-app{margin-top:17px}.settings-preview-app>span:first-child{font-size:9px;display:block;color:#8b9aab;margin-bottom:7px}.settings-preview-app>span:last-child{display:block;padding:9px;border-radius:6px;font-size:10px;text-align:center;background:var(--profile-accent);color:var(--profile-accent-ink)}.settings-save-scope{border:1px solid #dce5ef;border-radius:10px;background:#fff;padding:17px 19px;margin-top:8px}.settings-save-scope h3{font-size:12px;margin-bottom:12px}.settings-save-scope .check{font-size:11px;margin-top:10px;line-height:1.5;color:#5a728b}.settings-save-scope p{font-size:10px;color:#8a98a7;margin-top:12px;line-height:1.5}.settings-actions{padding-top:6px}.settings-actions>button{font-size:12px}
@media(max-width:720px){.settings-layout{padding:22px 17px}.settings-columns{grid-template-columns:1fr}.settings-preview-panel{position:static}.settings-preview-panel>.settings-document-preview{max-width:350px;margin:auto}.settings-heading h2{font-size:23px}.settings-heading-avatar{width:43px;height:43px;font-size:13px}.settings-color-row{grid-template-columns:minmax(0,1fr) 34px 56px}.hub-gallery-actions .profile-settings-button{margin-right:0}.hub-gallery-actions{flex-wrap:wrap;justify-content:flex-end}}
@media print{.profile-settings-button{display:none!important}}
.settings-font-sample{margin-top:14px;padding:20px;border:1px solid #e1e6ee;border-radius:9px;background:white;font-size:19px;line-height:1.65;color:#172b46}.settings-font-sample span{font-size:12px}.settings-typography select{width:100%;margin-top:3px}