.brand-select{width:100%;min-width:0}.brand-select-trigger{color:#e1e6f0;width:100%;min-height:42px;font:600 12px var(--font-geist-sans),sans-serif;text-align:left;cursor:pointer;background:linear-gradient(145deg,#0d121dfa,#070a11fa);border:1px solid #ffffff1a;border-radius:9px;outline:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 11px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;box-shadow:inset 0 1px #ffffff06}.brand-select-trigger.has-trigger-icon{grid-template-columns:18px minmax(0,1fr) auto}.brand-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-select-trigger-icon,.brand-select-trigger-chevron{color:#7892ff;width:18px;height:18px}.brand-select-trigger-icon{transition:color .15s}.brand-select-trigger-chevron{transition:transform .15s}.brand-select-trigger[aria-expanded=true]{border-color:rgba(var(--accent-rgb),.58);background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),#070a11fa);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.09),inset 3px 0 0 var(--accent-bright)}.brand-select-trigger[aria-expanded=true]>.brand-select-trigger-chevron{transform:rotate(180deg)}.brand-select-trigger:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.4);background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),#070a11fa)}.brand-select-trigger:focus-visible{border-color:var(--accent-bright);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13)}.brand-select-trigger:disabled{opacity:.42;cursor:not-allowed}.brand-select-trigger.is-loading{opacity:.72}.brand-select-trigger.is-loading>span{color:#8795af}.brand-select-trigger.is-loading>.brand-select-trigger-chevron{animation:.9s ease-in-out infinite brand-select-loading}.brand-select[data-size=compact] .brand-select-trigger{min-height:34px;font-size:var(--font-size-meta);border-radius:8px;padding-inline:9px}.brand-select[data-size=compact] .brand-select-trigger-icon,.brand-select[data-size=compact] .brand-select-trigger-chevron{width:16px;height:16px}.brand-select-menu{z-index:220;border:1px solid rgba(var(--accent-rgb),.32);color:#dfe5ef;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.35) transparent;background:#090d15fb;border-radius:11px;max-height:min(304px,100vh - 24px);padding:6px;animation:.12s ease-out brand-select-enter;position:fixed;overflow:auto;box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff0b}.brand-select-menu>button{color:#939dad;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;outline:0;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 8px 7px 10px;display:grid}.brand-select-menu>button>span{gap:2px;min-width:0;display:grid}.brand-select-menu>button strong{color:inherit;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:570;overflow:hidden}.brand-select-menu>button small{color:#626d7e;font:12px var(--font-geist-mono),monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-select-menu>button>svg{width:16px;height:16px;color:var(--accent-bright)}.brand-select-menu>button:hover:not(:disabled),.brand-select-menu>button.active{color:#f1f4fb;border-color:rgba(var(--accent-rgb),.16);background:rgba(var(--accent-rgb),.09)}.brand-select-menu>button[aria-selected=true]{color:#eef2ff;border-color:rgba(var(--accent-rgb),.24);background:linear-gradient(90deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.07));box-shadow:inset 3px 0 0 var(--accent-bright)}.brand-select-menu>button:focus-visible{border-color:rgba(var(--accent-rgb),.48);box-shadow:inset 3px 0 0 var(--accent-bright)}.brand-select-menu>button:disabled{opacity:.38;cursor:not-allowed}.brand-select-group{color:#687ccc;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.14em;padding:9px 9px 5px}.brand-select-group:not(:first-child){border-top:1px solid #ffffff0e;margin-top:4px}@keyframes brand-select-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-select-loading{50%{opacity:.3}}@media (width<=520px){.brand-select-menu{max-width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.brand-select-trigger,.brand-select-trigger-icon,.brand-select-trigger-chevron{transition:none}.brand-select-trigger.is-loading>.brand-select-trigger-chevron,.brand-select-menu{animation:none}}.brand-select-scrim{z-index:219;pointer-events:none;position:fixed;inset:0}.brand-select-menu{flex-direction:column;padding:0;display:flex;overflow:hidden}.brand-select-menu-heading{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;min-height:39px;padding:0 12px;display:flex}.brand-select-menu-heading strong{color:#aeb8c9;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.brand-select-menu-heading span{color:#7185df;font:700 12px var(--font-geist-mono), monospace}.brand-select-menu-heading>div{align-items:center;gap:8px;display:flex}.brand-select-menu-heading small{color:#687486;font-size:var(--font-size-meta);font-weight:600}.brand-select-search{border:1px solid rgba(var(--accent-rgb),.18);background:#00000030;border-radius:8px;align-items:center;gap:8px;min-height:37px;margin:7px 7px 3px;padding:0 9px;display:flex}.brand-select-search:focus-within{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.brand-select-search>svg{color:#7185df;flex:none;width:16px;height:16px}.brand-select-search input{color:#e5e9f2;width:100%;min-width:0;font-size:var(--font-size-meta);background:0 0;border:0;outline:0}.brand-select-search input::placeholder{color:#566173}.brand-select-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.35) transparent;padding:4px 6px 6px;overflow:auto}.brand-select-list>button{color:#939dad;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;outline:0;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 8px 7px 10px;display:grid}.brand-select-list>button>span{gap:2px;min-width:0;display:grid}.brand-select-list>button strong{color:inherit;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:570;overflow:hidden}.brand-select-list>button small{color:#626d7e;font:12px var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-select-list>button>svg{width:16px;height:16px;color:var(--accent-bright)}.brand-select-list>button.has-icon{grid-template-columns:18px minmax(0,1fr) 18px}.brand-select-list>button .brand-select-option-icon{color:#7185df}.brand-select-list>button:hover:not(:disabled),.brand-select-list>button.active{color:#f1f4fb;border-color:rgba(var(--accent-rgb),.16);background:rgba(var(--accent-rgb),.09)}.brand-select-list>button[aria-selected=true]{color:#eef2ff;border-color:rgba(var(--accent-rgb),.24);background:linear-gradient(90deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.07));box-shadow:inset 3px 0 0 var(--accent-bright)}.brand-select-list>button:focus-visible{border-color:rgba(var(--accent-rgb),.48);box-shadow:inset 3px 0 0 var(--accent-bright)}.brand-select-list>button:disabled{opacity:.38;cursor:not-allowed}.brand-select-empty{color:#697486;min-height:88px;font-size:var(--font-size-meta);place-items:center;display:grid}.brand-select-footer{background:#00000021;border-top:1px solid #ffffff0f;align-items:center;gap:5px;padding:6px;display:flex}.brand-select-footer button{color:#788396;min-height:31px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.brand-select-footer button:hover{color:#e6eaff;border-color:rgba(var(--accent-rgb),.18);background:rgba(var(--accent-rgb),.08)}.brand-select-footer button[aria-pressed=true]{color:#e6cd75}.brand-select-footer button:disabled{opacity:.32;cursor:not-allowed}.brand-select-footer button.create{color:#dfe5ff;border-color:rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.08);margin-left:auto}.brand-select-footer svg{width:14px;height:14px}@media (width<=520px){.brand-select-scrim{pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b}.brand-select-menu{border-radius:16px;max-width:none;max-height:min(70vh,480px);animation:.17s ease-out brand-select-sheet-enter;bottom:12px;right:12px;width:auto!important;top:auto!important;left:12px!important}.brand-select-menu-heading{min-height:46px;padding-inline:15px}.brand-select-list>button{min-height:46px}.brand-select-footer{flex-wrap:wrap;padding:8px}.brand-select-footer button{flex:1;min-height:38px}.brand-select-footer button.create{flex-basis:100%;margin-left:0}}@keyframes brand-select-sheet-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.brand-select-menu{animation:none}}.brand-select-menu-body{min-height:0;display:flex;overflow:hidden}.brand-select-menu-body>.brand-select-list{flex:auto;min-width:0}.brand-select-menu.has-preview{max-height:min(430px,100vh - 24px)}.brand-select-menu.has-preview .brand-select-list{flex:0 0 52%;width:52%}.brand-select-list>button .disabled-reason{color:#b78383}.brand-select-preview{--brand-select-preview-accent:var(--accent-bright);border:1px solid color-mix(in srgb, var(--brand-select-preview-accent) 28%, transparent);background:linear-gradient(155deg, color-mix(in srgb, var(--brand-select-preview-accent) 9%, transparent), #04070db8 62%);border-radius:9px;width:48%;min-width:0;margin:6px 6px 6px 0;overflow:hidden}.brand-select-preview summary{cursor:default;border-bottom:1px solid #ffffff0f;align-content:center;gap:2px;min-height:42px;padding:8px 10px;list-style:none;display:grid}.brand-select-preview summary::-webkit-details-marker{display:none}.brand-select-preview summary>span{color:#687486;font:700 12px var(--font-geist-mono), monospace;letter-spacing:.11em}.brand-select-preview summary>strong{color:#f0f3fa;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-select-preview-content{gap:9px;padding:10px;display:grid}.brand-select-preview-eyebrow{color:var(--brand-select-preview-accent);font:700 12px var(--font-geist-mono), monospace;letter-spacing:.1em}.brand-select-preview-content>p{color:#8c97a8;font-size:var(--font-size-meta);margin:0;line-height:1.55}.brand-select-preview-compare{gap:6px;display:grid}.brand-select-preview-compare>div{background:#00000038;border:1px solid #ffffff0f;border-radius:7px;min-width:0;padding:7px 8px}.brand-select-preview-compare span{color:#5f6a7b;font:700 12px var(--font-geist-mono), monospace;letter-spacing:.12em;margin-bottom:4px;display:block}.brand-select-preview-compare>div:last-child span{color:var(--brand-select-preview-accent)}.brand-select-preview-compare pre{color:#cfd6e2;min-height:26px;font:12px/1.45 var(--font-geist-mono), monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:hidden}.brand-select-preview-meta{flex-wrap:wrap;gap:5px;display:flex}.brand-select-preview-meta>span{border:1px solid color-mix(in srgb, var(--brand-select-preview-accent) 20%, transparent);color:#9da8b9;background:color-mix(in srgb, var(--brand-select-preview-accent) 7%, transparent);font-size:var(--font-size-meta);border-radius:999px;padding:4px 6px}.brand-select-preview-content>small{color:#596475;font-size:var(--font-size-meta)}.brand-select-preview-content kbd{color:#aab3c3;min-width:28px;font:700 12px var(--font-geist-mono), monospace;background:#ffffff0a;border:1px solid #ffffff1c;border-bottom-color:#fff3;border-radius:4px;place-items:center;padding:2px 4px;display:inline-grid}@media (width<=520px){.brand-select-menu-body{overscroll-behavior:contain;display:grid;overflow:auto}.brand-select-menu.has-preview .brand-select-list{flex-basis:auto;width:100%;max-height:38vh}.brand-select-preview{flex:none;width:auto;margin:0 7px 7px}.brand-select-preview summary{cursor:pointer;min-height:40px}.brand-select-preview summary:after{content:"접기";color:#667286;font-size:var(--font-size-meta);grid-area:1/2/span 2;align-self:center}.brand-select-preview:not([open]) summary{border-bottom:0}.brand-select-preview:not([open]) summary:after{content:"펼치기"}.brand-select-preview-compare{grid-template-columns:1fr 1fr}.brand-select-preview-content>small{display:none}}@media (prefers-reduced-motion:reduce){.brand-select-preview{scroll-behavior:auto}}
