/* Digitree UI layout picker v0.4.8.1 — deliberately isolated from theme CSS. */
.db-layout-picker, .db-layout-picker * { box-sizing:border-box; }
.db-layout-picker { position:fixed; z-index:10020; top:82px; right:16px; width:auto; max-width:calc(100vw - 32px); font-family:Figtree,Arial,sans-serif; color:#f7f7f5; font-size:13px; line-height:1.4; }
.db-layout-picker__details { position:relative; }
.db-layout-picker__trigger { display:flex; align-items:center; justify-content:center; gap:9px; min-height:42px; min-width:42px; padding:9px 13px; border-radius:100px; border:1px solid rgba(255,255,255,.16); background:#16181b; color:white; cursor:pointer; box-shadow:0 8px 32px rgba(0,0,0,.2); user-select:none; list-style:none; font:600 12px/1.2 Figtree,Arial,sans-serif; letter-spacing:.02em; }
.db-layout-picker__trigger::-webkit-details-marker { display:none; }
.db-layout-picker__trigger:hover, .db-layout-picker__details[open] .db-layout-picker__trigger { background:#25272a; border-color:#f6ed0f; }
.db-layout-picker__trigger:focus-visible { outline:2px solid #f6ed0f; outline-offset:3px; }
.db-layout-picker__icon { font-size:20px; line-height:1; font-weight:400; }
.db-layout-picker__chevron { font-size:17px; line-height:1; opacity:.8; }
.db-layout-picker__details[open] .db-layout-picker__chevron { transform:rotate(180deg); }
.db-layout-picker__menu { position:absolute; top:calc(100% + 9px); right:0; width:min(310px,calc(100vw - 24px)); max-height:calc(100dvh - 150px); overflow-y:auto; overscroll-behavior:contain; padding:17px; border-radius:18px; border:1px solid #414347; background:#16181b; box-shadow:0 16px 60px rgba(0,0,0,.40); color:#f9f9f7; text-align:left; }
.db-layout-picker__eyebrow { margin:0 0 7px; color:#f6ed0f; font:700 10px/1.3 Figtree,Arial,sans-serif; letter-spacing:.16em; }
.db-layout-picker__title { margin:0 0 13px; font:700 17px/1.2 Brockmann,Figtree,Arial,sans-serif; color:#fff; }
.db-layout-picker__menu form { display:flex; flex-direction:column; gap:5px; margin:0; padding:0; }
.db-layout-picker__menu .db-layout-picker__option, .db-layout-picker__menu .db-layout-picker__reset { all:unset; box-sizing:border-box; display:flex; width:100%; min-height:39px; gap:10px; align-items:center; border-radius:10px; padding:8px 10px; font:500 13px/1.3 Figtree,Arial,sans-serif; color:#e8e9e9; cursor:pointer; text-align:left; }
.db-layout-picker__option:hover, .db-layout-picker__reset:hover { background:#333639; }
.db-layout-picker__option:focus-visible, .db-layout-picker__reset:focus-visible { outline:2px solid #f6ed0f; outline-offset:1px; }
.db-layout-picker__option--active { background:#f6ed0f !important; color:#121416 !important; font-weight:750 !important; }
.db-layout-picker__number { flex:0 0 22px; opacity:.60; font-variant-numeric:tabular-nums; }
.db-layout-picker__check { margin-left:auto; font-weight:800; }
.db-layout-picker__reset { justify-content:center; margin-top:8px; border:1px solid #47494d !important; color:#d4d5d6 !important; }
.db-layout-picker__hint { margin:12px 2px 0; color:#aeb0b5; font:400 11px/1.4 Figtree,Arial,sans-serif; }
@media(max-width:620px) { .db-layout-picker { top:76px; right:10px; } .db-layout-picker__trigger { padding:9px 11px; } .db-layout-picker__trigger-label, .db-layout-picker__chevron { display:none; } .db-layout-picker__menu { width:min(302px,calc(100vw - 20px)); max-height:calc(100dvh - 133px); } }
@media(prefers-reduced-motion:reduce) { .db-layout-picker *, .db-layout-picker *::before, .db-layout-picker *::after { transition:none !important; animation:none !important; } }
.db-tester-logout { display:inline-flex; align-items:center; margin:0; padding:0; }
.db-tester-logout button { all:unset; box-sizing:border-box; font:600 12px Figtree,Arial,sans-serif; border-radius:7px; padding:7px 10px; color:inherit; cursor:pointer; }
.db-tester-logout button:hover { background:rgba(255,255,255,.1); }
.db-tester-logout button:focus-visible { outline:2px solid #f6ed0f; outline-offset:2px; }