/* Compact DymtLost design dropdown. Isolated to avoid changing the existing login layout. */
.design-dropdown{position:relative;width:100%;margin:0 0 18px;z-index:50}
.design-dropdown-toggle{width:100%;min-height:58px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 13px;border:1px solid #e2e5eb;border-radius:14px;background:#fff;color:#232936;text-align:left;box-shadow:0 2px 10px rgba(16,24,40,.035)}
.design-dropdown-toggle:hover,.design-dropdown-toggle:focus-visible{border-color:#27b9a6;outline:none;box-shadow:0 0 0 3px rgba(39,185,166,.10)}
.design-dropdown-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eefaf8;color:#1caf9c;font-size:16px}
.design-dropdown-copy{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.design-dropdown-copy small{font-size:11px;color:#9298a4;margin-bottom:4px;font-weight:700}
.design-dropdown-copy strong{font-size:15px;color:#252b39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.design-dropdown-arrow{color:#868d9a;font-size:12px;transition:transform .18s ease}
.design-dropdown.is-open .design-dropdown-arrow{transform:rotate(180deg)}
.design-dropdown-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);padding:6px;border:1px solid #e2e5eb;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(16,24,40,.15);max-height:min(380px,55vh);overflow:auto}
.design-dropdown-menu[hidden]{display:none!important}
.design-option{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 12px;border:0;border-bottom:1px solid #f0f1f4;background:transparent;color:#252b39;text-align:left;border-radius:9px}
.design-option:last-child{border-bottom:0}.design-option:hover,.design-option:focus-visible{background:#f4fbfa;outline:none}.design-option.is-current{background:#eefaf8;color:#128f80}
.design-option>span{display:flex;flex-direction:column;line-height:1.12}.design-option strong{font-size:14px}.design-option small{font-size:11px;color:#999faa;margin-top:3px}.design-option i{font-size:11px;color:#9da3ad}.design-option.is-current i{color:#16a38f}
.design-picker-open{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:inherit;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}
.design-picker-open:hover{background:rgba(123,136,255,.12);border-color:rgba(123,136,255,.35)}
.design-modal-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(5,8,18,.76);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:18px}
.design-modal-backdrop.is-open{display:flex}.design-modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#171d31;color:#eef1ff;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.5);padding:16px}.design-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.design-modal-head h3{font-size:18px;margin:0}.design-modal-head p{margin:4px 0 0;font-size:11px;opacity:.62}.design-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:inherit}.design-modal-options{display:flex;flex-direction:column;gap:6px}.design-modal .design-option{background:rgba(255,255,255,.045);color:#eef1ff;border-color:rgba(255,255,255,.08)}.design-modal .design-option small{color:rgba(238,241,255,.55)}.design-modal .design-option.is-current{background:rgba(56,197,159,.12);color:#7ce4c7}
@media(max-width:720px){.design-dropdown{margin-bottom:14px}.design-dropdown-toggle{min-height:54px;padding:8px 11px;border-radius:13px}.design-dropdown-icon{width:36px;height:36px}.design-dropdown-menu{position:relative;top:auto;margin-top:6px;max-height:320px;box-shadow:0 10px 25px rgba(16,24,40,.10)}.design-picker-open span{display:none}.design-picker-open{width:38px;height:38px;justify-content:center;padding:0}}