.ds-theme-selector{display:inline-flex;align-items:center;border:1px solid var(--rim-light-top);border-radius:var(--radius-badge);padding:var(--space-1);gap:var(--space-1)}[data-theme=light-contrast] .ds-theme-selector,[data-theme=light] .ds-theme-selector{background-color:var(--void-base)}[data-theme=dark-contrast] .ds-theme-selector,[data-theme=dark] .ds-theme-selector{background:var(--glass-base);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop)}.ds-theme-selector__btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm,14px);font-weight:500;border-radius:var(--radius-badge);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);line-height:1;white-space:nowrap}.ds-theme-selector__btn:hover{color:var(--text-primary);background-color:var(--interactive-hover-bg)}.ds-theme-selector__btn--active{background-color:rgba(var(--accent-rgb),.2);box-shadow:none}[data-theme=dark-contrast] .ds-theme-selector__btn--active .ds-theme-selector__label,[data-theme=dark] .ds-theme-selector__btn--active .ds-theme-selector__label,[data-theme=light-contrast] .ds-theme-selector__btn--active .ds-theme-selector__label,[data-theme=light] .ds-theme-selector__btn--active .ds-theme-selector__label{color:var(--text-secondary)}.ds-theme-selector__btn--active .ds-theme-selector__icon{color:rgb(var(--accent-rgb))}.ds-theme-selector__icon{width:16px;height:16px;color:inherit;transition:color var(--transition-fast)}@media (max-width:768px){.ds-appearance-panel{position:fixed;bottom:0;left:0;right:0;max-width:100%;z-index:var(--z-modal);animation:ds-panel-slide-up .3s cubic-bezier(.16,1,.3,1);max-height:60vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,24px)}.ds-appearance-panel,.ds-appearance-panel:before{border-radius:var(--radius-panel) var(--radius-panel) 0 0}}@keyframes ds-panel-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ds-appearance-panel{position:relative;padding:var(--space-6);border-radius:var(--radius-card);max-width:400px;max-height:85vh;overflow-y:auto;background:var(--glass-base);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);box-shadow:var(--glass-shadow-combined)}.ds-appearance-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--space-px);background:linear-gradient(180deg,var(--rim-light-top) 0,var(--rim-light-bottom) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.ds-appearance-panel__title{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-6)}.ds-appearance-panel__section{border:none;padding:0;margin:0 0 var(--space-6)}.ds-appearance-panel__section:last-of-type{margin-bottom:var(--space-4)}.ds-appearance-panel__legend{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-3)}.ds-appearance-panel__options{display:flex;flex-direction:column;gap:var(--space-2)}.ds-appearance-panel__options--row{flex-direction:row;gap:var(--space-3)}.ds-appearance-panel__options--row .ds-appearance-panel__option{flex:1}.ds-appearance-panel__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-glass);background:transparent}.ds-appearance-panel__option:hover{background:var(--glass-base-hover)}.ds-appearance-panel__option--active{background:rgba(var(--accent-rgb),.15)}.ds-appearance-panel__option--active:hover{background:rgba(var(--accent-rgb),.2)}.ds-appearance-panel__option--toggle{flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);text-align:center}.ds-appearance-panel__option--toggle .ds-appearance-panel__option-content{width:100%;text-align:center}.ds-appearance-panel__radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--text-tertiary);transition:all var(--transition-glass);flex-shrink:0}.ds-appearance-panel__option--toggle .ds-appearance-panel__radio{position:absolute;opacity:0;pointer-events:none}.ds-appearance-panel__option--active .ds-appearance-panel__radio{border-color:rgba(var(--accent-rgb),1);background:rgba(var(--accent-rgb),1);box-shadow:0 0 8px rgba(var(--accent-rgb),.4)}.ds-appearance-panel__option-content{display:flex;flex-direction:column;gap:var(--space-0-5)}.ds-appearance-panel__option-label{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary)}.ds-appearance-panel__option-description{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text-tertiary)}.ds-appearance-panel__color-picker{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-button);background:var(--glass-base);border:1px solid rgba(var(--accent-rgb),.2)}.ds-appearance-panel__color-label{display:block;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.ds-appearance-panel__color-input-wrapper{display:flex;align-items:center;gap:var(--space-3)}.ds-appearance-panel__color-input{width:48px;height:48px;padding:0;border:none;border-radius:var(--radius-badge);cursor:pointer;background:transparent;overflow:hidden}.ds-appearance-panel__color-input::-webkit-color-swatch-wrapper{padding:0}.ds-appearance-panel__color-input::-webkit-color-swatch{border:2px solid var(--rim-light-top);border-radius:var(--radius-badge);box-shadow:var(--shadow-md)}.ds-appearance-panel__color-input::-moz-color-swatch{border:2px solid var(--rim-light-top);border-radius:var(--radius-badge);box-shadow:var(--shadow-md)}.ds-appearance-panel__color-input:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-badge)}.ds-appearance-panel__color-value{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--glass-base);border-radius:var(--radius-badge);border:1px solid var(--rim-light-bottom)}.ds-appearance-panel__reset{display:block;width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-button);background:var(--btn-secondary-bg);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-glass)}.ds-appearance-panel__reset:hover{background:var(--btn-secondary-bg-hover);color:var(--text-primary)}.ds-appearance-panel__reset:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-contrast:more){.ds-appearance-panel,.ds-appearance-panel__color-picker{border:1px solid var(--hc-border)}}.ds-color-picker{gap:var(--space-1);border-radius:var(--radius-badge);background:var(--interactive-hover-bg);border:1px solid var(--rim-light-bottom)}.ds-color-picker,.ds-color-picker__swatch{display:flex;align-items:center;padding:var(--space-1)}.ds-color-picker__swatch{justify-content:center;border:none;border-radius:var(--radius-xs);background:transparent;cursor:pointer;transition:background var(--transition-fast)}.ds-color-picker__swatch:hover{background:var(--interactive-hover-bg)}.ds-color-picker__swatch--active{background:var(--interactive-active-bg)}.ds-color-picker__dot{width:14px;height:14px;border-radius:50%;background:var(--swatch-color);border:1.5px solid var(--rim-light-bottom);transition:box-shadow var(--transition-fast)}.ds-color-picker__swatch--active .ds-color-picker__dot{box-shadow:0 0 0 2px var(--swatch-color)}.ds-color-picker__swatch--custom{position:relative}.ds-color-picker__native-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.void{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;overflow:hidden;isolation:isolate}.void__base{background-color:var(--void-base);z-index:-4}.void__base,.void__orbs{position:absolute;inset:0}.void__orbs{z-index:-3;pointer-events:none}.void__orb{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(140px);opacity:.6}.void__orb--warm{width:800px;height:800px;top:10%;right:10%;background:radial-gradient(circle at center,rgba(var(--void-orb-yellow-rgb),.4) 0,rgba(var(--void-orb-pink-rgb),.3) 40%,transparent 70%)}.void__orb--purple{width:600px;height:600px;bottom:10%;left:10%;background:radial-gradient(circle at center,rgba(var(--void-orb-purple-rgb),.5) 0,rgba(var(--void-orb-purple-rgb),.2) 50%,transparent 70%)}.void__grid{z-index:-2;background-image:linear-gradient(to right,var(--void-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--void-grid-color) 1px,transparent 1px);background-size:var(--void-grid-size) var(--void-grid-size);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 0,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 0,transparent 100%)}.void__grain,.void__grid{position:absolute;inset:0;pointer-events:none}.void__grain{z-index:-1;opacity:var(--void-grid-grain-opacity,.04);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.void__content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.void--inline,.void--inline .void__content{min-height:auto}@media (prefers-reduced-motion:reduce){.void__orb{animation:none}}