/* Orvexa 1.0.0 — Customizer styles. */
.layout-settings-backdrop{position:fixed;inset:0;z-index:108;background:rgba(31,34,31,.34);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.layout-settings-backdrop.is-open{opacity:1;visibility:visible}
.layout-settings-panel{position:fixed;z-index:109;inset-block:0;inset-inline-end:0;width:min(372px,calc(100vw - 20px));background:color-mix(in srgb,var(--surface-solid) 98%,var(--bg) 2%);border-inline-start:1px solid var(--line);box-shadow:-24px 0 70px rgba(50,47,38,.16);transform:translateX(104%);transition:transform .26s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;color:var(--text)}
.layout-settings-panel.is-open{transform:translateX(0)}
[dir="rtl"] .layout-settings-panel{transform:translateX(-104%);box-shadow:24px 0 70px rgba(50,47,38,.16)}
[dir="rtl"] .layout-settings-panel.is-open{transform:translateX(0)}
html.dark .layout-settings-panel{background:color-mix(in srgb,var(--surface-solid) 97%,#0d1210 3%);box-shadow:-24px 0 80px rgba(0,0,0,.42)}
.layout-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 22px 18px;border-bottom:1px solid var(--line)}
.layout-settings-head h2{font-size:17px;font-weight:850;letter-spacing:-.02em}.layout-settings-head p{margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.45}
.layout-settings-body{min-height:0;overflow-y:auto;padding:20px 22px 24px}
.layout-settings-section+.layout-settings-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.layout-settings-section-head{margin-bottom:12px}.layout-settings-section-head h3{font-size:13.5px;font-weight:820}.layout-settings-section-head p{margin-top:4px;color:var(--muted);font-size:11.75px;line-height:1.45}
.sidebar-layout-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sidebar-layout-option{position:relative;display:grid;gap:10px;min-height:122px;padding:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 48%,transparent);text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.sidebar-layout-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line));box-shadow:0 10px 24px rgba(53,50,42,.06)}
.sidebar-layout-option[aria-pressed="true"]{border-color:color-mix(in srgb,var(--primary) 64%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 8%,transparent)}
.sidebar-layout-preview{display:grid;grid-template-columns:22px 1fr;gap:6px;height:58px;padding:6px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:10px;background:var(--surface-solid);overflow:hidden}
.sidebar-layout-preview .rail{border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 18%,var(--surface-2)),color-mix(in srgb,var(--surface-2) 88%,transparent));position:relative}.sidebar-layout-preview .rail:before,.sidebar-layout-preview .rail:after{content:"";position:absolute;left:5px;right:5px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,transparent)}.sidebar-layout-preview .rail:before{top:9px}.sidebar-layout-preview .rail:after{top:22px}
.sidebar-layout-preview .canvas{display:grid;align-content:start;gap:5px;padding-top:2px}.sidebar-layout-preview .canvas span{height:6px;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent)}.sidebar-layout-preview .canvas span:first-child{width:78%}.sidebar-layout-preview .canvas span:nth-child(2){width:96%}.sidebar-layout-preview .canvas span:nth-child(3){width:64%}
.sidebar-layout-option[data-sidebar-mode-option="full"] .sidebar-layout-preview{grid-template-columns:42px 1fr}
.sidebar-layout-copy b,.sidebar-layout-copy small{display:block}.sidebar-layout-copy b{font-size:12.5px;font-weight:820}.sidebar-layout-copy small{margin-top:3px;color:var(--muted);font-size:10.75px;line-height:1.35}
.sidebar-tone-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.sidebar-tone-option{display:grid;justify-items:center;gap:8px;min-height:76px;padding:10px 8px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface-2) 42%,transparent);font-size:11.5px;font-weight:760;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.sidebar-tone-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 34%,var(--line))}.sidebar-tone-option[aria-pressed="true"]{border-color:color-mix(in srgb,var(--primary) 60%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}
.sidebar-tone-swatch{display:block;width:100%;height:30px;border-radius:8px;border:1px solid var(--line)}.sidebar-tone-swatch.pearl{background:linear-gradient(145deg,#fffdf8,#f4f2ea)}.sidebar-tone-swatch.warm{background:linear-gradient(145deg,#fff5d9,#efe1bf)}.sidebar-tone-swatch.dark{background:linear-gradient(145deg,#222620,#111410);border-color:rgba(255,255,255,.08)}
.layout-settings-note{display:flex;gap:9px;margin-top:13px;padding:10px 11px;border-radius:12px;background:color-mix(in srgb,var(--surface-2) 52%,transparent);color:var(--muted);font-size:11.5px;line-height:1.45}.layout-settings-note svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--primary-text)}
.layout-settings-footer{margin-top:auto;padding:16px 22px 20px;border-top:1px solid var(--line)}
.layout-reset-button{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 44%,transparent);font-size:12.5px;font-weight:800;transition:background .16s ease,border-color .16s ease}.layout-reset-button:hover{background:color-mix(in srgb,var(--surface-2) 78%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.layout-reset-button svg{width:15px;height:15px}
@media(max-width:520px){.layout-settings-panel{width:calc(100vw - 12px)}.layout-settings-head,.layout-settings-body,.layout-settings-footer{padding-inline:16px}.sidebar-layout-options{grid-template-columns:1fr}}