.shape-picker{width:100%;display:flex;flex-direction:column;align-items:center;min-width:0}.shape-picker__scene{width:100%;max-width:540px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:24px}.shape-picker__scene--glow{background:radial-gradient(ellipse,color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%)}.shape-picker__svg{width:100%;height:100%;filter:drop-shadow(0 12px 14px #30224a15)}.shape-picker__spin{min-width:150px;min-height:44px;margin:4px 0 12px}.shape-picker__caption{text-align:center;color:var(--on-surface-variant);font-size:12px;line-height:1.6;max-width:420px;padding:0 14px}.shape-picker__viewport{position:relative;overflow:hidden;width:100%;height:300px;isolation:isolate}.shape-picker__viewport--reel{width:min(82%,310px);height:298px;border:7px solid var(--surface-border);border-radius:24px;background:var(--surface-container-lowest)}.shape-picker__viewport--reel:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--surface-container-lowest),transparent 35%,transparent 65%,var(--surface-container-lowest));pointer-events:none;z-index:3}.shape-picker__selection{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid var(--primary);border-radius:16px;z-index:4;pointer-events:none;width:calc(100% - 12px);height:80px}.shape-picker__item{position:absolute;left:10px;right:10px;top:calc(50% - 36px);height:72px;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:8px 15px;font-size:21px;font-weight:650;text-align:center;overflow:hidden}.shape-picker__item>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.shape-picker__viewport--cards .shape-picker__selection{width:164px;height:204px;box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 8%,transparent)}.shape-picker__viewport--cards .shape-picker__item{left:calc(50% - 76px);right:auto;top:calc(50% - 96px);width:152px;height:192px;flex-direction:column;gap:15px;font-size:16px;padding:15px}.shape-picker__initial,.shape-picker__item img{width:72px;height:72px;border-radius:19px;object-fit:cover}.shape-picker__initial{display:grid;place-items:center;background:#ffffff55;font-size:30px}.shape-picker__viewport>p{text-align:center;padding-top:110px}.shape-picker[data-winner=true] .shape-picker__selection{box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 15%,transparent)}@media(max-width:767px){.shape-picker__scene{max-width:420px}.shape-picker__caption{font-size:11px}}.picker-menu{position:relative;display:flex;align-items:center}.studio-center .status-bar{position:relative;z-index:6}.picker-menu__trigger[aria-expanded=true]{background:var(--primary-fixed);color:var(--primary)}.picker-menu__dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(240px,calc(100vw - 32px));max-height:min(360px,65svh);overflow-y:auto;padding:8px;background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--surface-border);border-radius:16px;box-shadow:var(--shadow-l3);z-index:10;text-align:left}.picker-menu__heading{padding:8px 12px 10px;font-size:12px;font-weight:600;color:var(--on-surface-variant)}.picker-menu__dropdown button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;border:0;border-radius:9px;padding:10px 12px;background:transparent;color:var(--on-surface);font:500 14px var(--font-ui);text-align:left}.picker-menu__dropdown button span{flex:1 1}.picker-menu__dropdown button[aria-checked=true]{background:var(--primary-fixed);color:var(--primary);font-weight:700}.picker-menu__dropdown button:focus-visible,.picker-menu__dropdown button:hover:not(:disabled){background:var(--surface-container-low);color:var(--on-surface)}.picker-menu__dropdown button[aria-checked=true]:focus-visible,.picker-menu__dropdown button[aria-checked=true]:hover:not(:disabled){background:var(--primary-fixed);color:var(--primary)}:root[data-color-mode=dark] .picker-menu__dropdown button{background:transparent;color:var(--on-surface)}:root[data-color-mode=dark] .picker-menu__dropdown button:focus-visible,:root[data-color-mode=dark] .picker-menu__dropdown button:hover:not(:disabled){background:var(--surface-container-low)}.picker-menu__trigger[aria-expanded=true]:hover:not(:disabled),:root[data-color-mode=dark] .picker-menu__dropdown button[aria-checked=true],:root[data-color-mode=dark] .picker-menu__trigger[aria-expanded=true]{background:var(--primary-fixed);color:var(--primary)}