/* A single settings window mirrors the extension's sidebar editor. */
.home-sidebar-custom{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;margin:4px 0 90px;padding-top:18px;scroll-margin-top:90px}
.sidebar-custom-heading{min-width:0}
.sidebar-custom-visual{width:100%;max-width:476px;justify-self:center;min-width:0;padding:28px;border-radius:30px;background:none}
.sidebar-custom-heading h3{font-size:31px;line-height:1.48;letter-spacing:-.7px;font-weight:600;margin:16px 0 22px}
.sidebar-custom-heading p{font-size:15px;line-height:1.95;color:#676d60;margin:0}
.sidebar-editor-window{max-width:420px;margin:0 auto;border:1px solid #e2e7f0;border-radius:16px;background:#fff;box-shadow:0 12px 30px #52647a0a;overflow:hidden;color:#56677f}
.sidebar-editor-top{display:flex;align-items:center;gap:9px;height:46px;padding:0 18px;border-bottom:1px solid #e9edf4;background:#f7f9fd}
.sidebar-editor-top img{width:24px;height:24px}
.sidebar-editor-top strong{font-size:14px;font-weight:650;color:#3f4e63}
.sidebar-editor-top>span{margin-left:auto;color:#97a3b4;font-size:11px}
.sidebar-editor-tabs{display:flex;padding:0 18px;border-bottom:1px solid #e7edf5;gap:28px;background:#fbfcfe}
.sidebar-editor-tabs button{position:relative;padding:12px 5px;border:0;background:none;color:#99a4b3;font:inherit;font-size:13px;font-weight:550;line-height:1.4}
.sidebar-editor-tabs [aria-selected="true"]{color:#58779d}
.sidebar-editor-tabs [aria-selected="true"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#91abc9;border-radius:2px}
.sidebar-editor-tabs button:focus-visible,.sidebar-editor-row button:focus-visible{outline:2px solid #a4b8d5;outline-offset:-2px}
.sidebar-editor-panels{padding:9px 12px 12px;min-height:414px}
.sidebar-editor-columns{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;padding:8px 9px 9px 69px;color:#a2adbb;font-size:10px;line-height:1.4}
.sidebar-editor-columns>span:not(:first-child){text-align:center}
.sidebar-editor-list{display:flex;flex-direction:column;gap:2px}
.sidebar-editor-row{position:relative;display:grid;grid-template-columns:26px 19px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:38px;padding:2px 9px;border:1px solid transparent;border-radius:10px;background:#fff;transition:background .35s,border-color .35s}
.sidebar-editor-icon{display:grid;place-items:center;width:19px;height:22px;color:#8294ad;transition:opacity .35s}
.sidebar-editor-icon svg{display:block;width:18px;height:18px;fill:currentColor}
.sidebar-editor-name{width:100%;min-width:0;border:1px solid transparent;border-radius:6px;padding:6px 7px;margin-left:-7px;background:transparent;color:#5c6c82;font:inherit;font-size:13px;line-height:1.4;outline-offset:1px;transition:background .35s,border-color .35s,opacity .35s}
.sidebar-editor-name:hover{border-color:#e1e7f0}
.sidebar-editor-name:focus{outline:2px solid #afc4de;border-color:transparent;background:#f9fbff;opacity:1!important}
.sidebar-editor-handle{display:grid;place-items:center;width:26px;height:30px;padding:0;border:0;border-radius:6px;background:none;color:#adb7c5;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.sidebar-editor-handle svg{width:14px;height:14px;pointer-events:none}
.sidebar-editor-handle:hover{background:#edf2f9;color:#6c84a3}
.sidebar-editor-row[data-editor-highlight="move"] .sidebar-editor-handle{background:#dce8f8;color:#54759e}
.sidebar-editor-row.is-dragging{z-index:3;background:#f1f6fe;border-color:#c6d6eb;box-shadow:0 9px 22px #53719c22;transition:none}
.sidebar-editor-row.is-dragging .sidebar-editor-handle{cursor:grabbing;color:#54759e}
.sidebar-editor-list[data-editor-dragging]{user-select:none;-webkit-user-select:none}
.sidebar-editor-row[data-editor-drop]:before{content:"";position:absolute;left:4px;right:4px;height:2px;border-radius:2px;background:#91accf;pointer-events:none}
.sidebar-editor-row[data-editor-drop="before"]:before{top:-3px}
.sidebar-editor-row[data-editor-drop="after"]:before{bottom:-3px}
.sidebar-editor-toggle{display:grid;place-items:center;width:34px;height:32px;padding:0;border:0;border-radius:7px;background:none}
.sidebar-editor-toggle>i{display:block;width:30px;height:18px;padding:3px;border-radius:20px;background:#dfe5ee;transition:background .3s}
.sidebar-editor-toggle>i:after{content:"";display:block;width:12px;height:12px;background:white;border-radius:50%;box-shadow:0 1px 3px #53658018;transition:transform .3s}
.sidebar-editor-toggle[aria-checked="true"]>i{background:#8faacb}
.sidebar-editor-toggle[aria-checked="true"]>i:after{transform:translateX(12px)}
.sidebar-editor-row[data-visible="false"]{background:#f7f9fc}
.sidebar-editor-row[data-visible="false"] .sidebar-editor-icon,.sidebar-editor-row[data-visible="false"] .sidebar-editor-name,.sidebar-editor-row[data-visible="false"] .sidebar-editor-module-name{opacity:.42}
.sidebar-editor-row[data-editor-highlight="rename"]{background:#fff9e8;border-color:#efe0b5}
.sidebar-editor-row[data-editor-highlight="move"]{background:#edf3fc;border-color:#ccdaec;z-index:1}
.sidebar-editor-row[data-editor-highlight="visibility"]{border-color:#e3e9f1}
.sidebar-editor-module{grid-template-columns:19px minmax(0,1fr) 34px;min-height:38px}
.sidebar-editor-module-name{font-size:13px;line-height:1.4;transition:opacity .35s}
.sidebar-editor-module-columns{grid-template-columns:minmax(0,1fr) 34px;padding-left:43px}
.sidebar-editor-status{display:flex;align-items:center;justify-content:center;height:48px;padding:7px 16px;border-top:1px solid #e9edf4;background:#f9fbfe;color:#8192a9;font-size:11px;line-height:1.6;text-align:center}
@media(max-width:1050px){
 .home-sidebar-custom{gap:38px}
 .sidebar-custom-visual{padding:22px}
 .sidebar-custom-heading h3{font-size:28px}
 .sidebar-custom-heading p{font-size:14px}
}
@media(max-width:760px){
 .home-sidebar-custom{grid-template-columns:1fr;gap:28px;margin-bottom:60px}
 .sidebar-custom-heading{order:0;padding:0 5px}
 .sidebar-custom-heading h3{font-size:27px;margin:13px 0 17px}
 .sidebar-custom-heading p{font-size:13px}
 .sidebar-custom-visual{padding:24px;border-radius:24px}
 .sidebar-editor-window{border-radius:18px}
}
@media(max-width:420px){
 .sidebar-custom-visual{padding:14px 10px}
 .sidebar-custom-heading h3{font-size:25px}
 .sidebar-custom-heading p{font-size:12px}
 .sidebar-editor-top{height:46px;padding:0 12px}
 .sidebar-editor-top strong{font-size:13px}
 .sidebar-editor-top>span{font-size:10px}
 .sidebar-editor-tabs{padding:0 15px;gap:23px}
 .sidebar-editor-tabs button{font-size:12px;padding:12px 3px}
 .sidebar-editor-panels{padding:8px 6px 12px;min-height:464px}
 .sidebar-editor-columns{grid-template-columns:minmax(0,1fr) 30px;gap:6px;padding:9px 7px 9px 60px;font-size:9px}
 .sidebar-editor-row{grid-template-columns:24px 16px minmax(0,1fr) 30px;gap:6px;padding:5px 6px;min-height:44px}
 .sidebar-editor-icon{width:16px;height:20px}
 .sidebar-editor-icon svg{width:16px;height:16px}
 .sidebar-editor-name{font-size:11px;padding:6px 3px;margin-left:-3px}
 .sidebar-editor-handle{width:24px;height:30px}
 .sidebar-editor-toggle{width:30px}
 .sidebar-editor-toggle>i{width:27px;height:17px;padding:3px}
 .sidebar-editor-toggle>i:after{width:11px;height:11px}
 .sidebar-editor-toggle[aria-checked="true"]>i:after{transform:translateX(10px)}
 .sidebar-editor-module{grid-template-columns:16px minmax(0,1fr) 30px}
 .sidebar-editor-module-name{font-size:11px}
 .sidebar-editor-module-columns{grid-template-columns:minmax(0,1fr) 30px;padding-left:30px}
 .sidebar-editor-status{font-size:10px;padding:7px 10px}
}
@media(max-width:650px){.home-sidebar-custom{scroll-margin-top:116px}}
@media(prefers-reduced-motion:reduce){.sidebar-editor-row,.sidebar-editor-icon,.sidebar-editor-name,.sidebar-editor-module-name,.sidebar-editor-toggle>i,.sidebar-editor-toggle>i:after{transition:none}}