.ui-controls{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:row;align-items:center;gap:.35rem;z-index:101}.color-mode{cursor:pointer;background:transparent;font-size:1.4rem;line-height:1;padding:.25rem;opacity:.3;transition:opacity .2s ease}.color-mode:hover{opacity:1}.layout-switcher{position:relative;z-index:101}.layout-toggle{cursor:pointer;background:transparent;border:none;padding:.25rem;color:var(--typo-secondary);font-size:1.5rem;line-height:1;opacity:.4;transition:opacity .2s ease;display:flex;align-items:center}.layout-toggle:hover{opacity:1}.layout-dropdown{display:none;position:absolute;right:0;top:calc(100% + .35rem);background:var(--bg-surface, var(--bg));border:1px solid rgba(128,128,128,.3);box-shadow:0 4px 16px #0003;min-width:7rem;white-space:nowrap}.layout-dropdown.open{display:block}.layout-option{display:block;width:100%;background:none;border:none;border-bottom:1px solid rgba(128,128,128,.12);padding:.45rem .75rem;text-align:left;color:var(--typo-secondary);cursor:pointer;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-family:inherit;transition:color .15s ease,background .15s ease}.layout-option:last-child{border-bottom:none}.layout-option:hover{color:var(--typo-primary);background:#80808014}.layout-option.current{color:var(--link-secondary);font-weight:700}.layout-option.current:before{content:"\2713  ";font-size:.65rem}@media (max-width: 640px){.ui-controls{top:.5rem;right:.5rem;gap:.2rem}.color-mode{font-size:1.1rem}.layout-toggle{font-size:1.25rem}.layout-dropdown{min-width:6rem}.layout-option{padding:.55rem .65rem;font-size:.63rem}}