#settings-root:empty{display:none}
.settings-page{position:fixed;z-index:40;inset:0 0 0 232px;overflow:auto;background:#f5f7fb;color:#172235;font-family:inherit}
.settings-content{max-width:1120px;margin:0 auto;padding:42px 44px 70px}
.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.settings-eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#71819a}.settings-heading h1{font-size:32px;line-height:1.2;margin:8px 0 5px}.settings-heading p,.settings-card-heading p{margin:0;color:#71819a}.settings-close{width:40px;height:40px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#25344e;font-size:27px;line-height:1;cursor:pointer}.settings-close:hover{background:#eef3fb}
.settings-card{background:#fff;border:1px solid #e0e6ef;border-radius:20px;padding:30px 34px;margin-bottom:22px;box-shadow:0 2px 12px #1d36500b}
.settings-card-heading{display:flex;align-items:center;gap:18px;margin-bottom:28px}.settings-card-heading h2{font-size:22px;line-height:1.25;margin:0 0 5px}.settings-card-icon,.settings-favicon-preview{flex:none;display:grid;place-items:center;background:#285bd6;color:#fff;border-radius:15px}.settings-card-icon{width:58px;height:58px;font-size:25px;font-weight:800;overflow:hidden}
.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-fields label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:700}.settings-fields input{height:48px;border:1px solid #cbd5e3;border-radius:10px;padding:0 14px;font:inherit;font-size:17px;color:#172235;background:#fff;min-width:0}.settings-fields input:focus{outline:2px solid #3868ed;outline-offset:1px}.settings-fields small,.settings-favicon-info small{font-size:13px;line-height:1.4;color:#71819a;font-weight:400}
.settings-preview{display:flex;align-items:center;gap:12px;margin:25px 0 22px;padding:16px 18px;border:1px solid #e2e8f1;border-radius:10px;background:#f8faff}.settings-preview span{color:#71819a;font-size:14px}.settings-preview strong{font-size:16px}.settings-save,.settings-upload{appearance:none;border:0;border-radius:9px;background:#2b5fec;color:#fff;font:inherit;font-weight:700;cursor:pointer;text-align:center}.settings-save{padding:13px 22px;min-width:220px}.settings-save:disabled{opacity:.55;cursor:wait}.settings-upload{display:inline-block;padding:12px 19px;align-self:flex-start}.settings-save:hover,.settings-upload:hover{background:#204ec9}
.settings-favicon-row{display:flex;gap:24px;align-items:center}.settings-favicon-preview{width:116px;height:116px;background:#eef3ff;border:1px solid #dfe7fa;overflow:hidden}.settings-favicon-preview img{width:96px;height:96px;object-fit:contain}.settings-favicon-info{display:flex;flex-direction:column;gap:9px}.settings-favicon-info strong{font-size:16px}.settings-favicon-info span{color:#71819a}.settings-favicon-info input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.settings-favicon-info input[type=file]:focus-visible+.settings-upload{outline:2px solid #285bd6}.settings-message{padding:13px 17px;border-radius:10px;background:#eaf9f1;color:#177d4b}.settings-message.error{background:#fff1f1;color:#ae2935}
@media(max-width:760px){.settings-page{left:0;top:0}.settings-content{padding:26px 18px 60px}.settings-card{padding:22px 18px}.settings-fields{grid-template-columns:1fr}.settings-heading h1{font-size:28px}.settings-card-heading h2{font-size:20px}.settings-favicon-row{align-items:flex-start}.settings-preview{flex-direction:column;align-items:flex-start}.settings-save{width:100%}}