body[data-tool=letters] .wheel-view{display:flex;justify-content:center;gap:0;flex:none;margin:18px 0 0;padding:0;border:0;min-width:0}
body[data-tool=letters] .wheel-view[hidden]{display:none}
body[data-tool=letters] .wheel-view label{position:relative;display:flex;margin:0;min-width:64px;min-height:48px;font-size:14px;cursor:pointer}
body[data-tool=letters] .wheel-view input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;margin:0}
body[data-tool=letters] .wheel-view span{display:grid;place-items:center;min-width:64px;min-height:48px;padding:12px 20px;background:var(--canvas);border:1px solid var(--control);font-weight:500}
body[data-tool=letters] .wheel-view label:first-of-type span{border-radius:7px 0 0 7px}
body[data-tool=letters] .wheel-view label:last-of-type span{border-radius:0 7px 7px 0;margin-left:-1px}
body[data-tool=letters] .wheel-view input:checked+span{background:#dfe5ee;color:var(--ink);font-weight:700}
body[data-tool=letters] .wheel-view input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px;position:relative;z-index:1}
body[data-tool=letters] .wheel-view:disabled label{cursor:default;opacity:.55}
body[data-tool=letters] .wheel-wrap[data-view="3d"]{--wheel-depth:22px;transform:perspective(1600px) rotateX(24deg) scale(.97);transform-style:flat}
body[data-tool=letters] .wheel-wrap[data-view="3d"]::before{content:"";position:absolute;inset:0;border-radius:50%;transform:translateY(var(--wheel-depth)) translateZ(-1px);background:linear-gradient(180deg,#e4e7eb,#9da6b2 68%,#697482);box-shadow:0 2px 0 #526176,0 12px 20px #17243b24;pointer-events:none}
body[data-tool=letters] .wheel-wrap[data-view="3d"] .wheel-rim{box-shadow:0 2px 0 #f5f7fa,0 6px 0 #bec5ce,0 11px 0 #929ca9,0 17px 0 #7b8796;overflow:hidden}
body[data-tool=letters] .wheel-wrap[data-view="3d"] .spin-hub{box-shadow:inset 0 2px 2px #ffffff40,0 3px 0 #526176,0 8px 0 #263247,0 13px 0 #0e1728,0 16px 14px #17243b35}
body[data-tool=letters] .wheel-wrap[data-view="3d"] .pointer-mount{filter:drop-shadow(0 2px 0 #8c97a5) drop-shadow(0 3px 0 #526176)}
body[data-tool=letters] .wheel-wrap[data-view="3d"] .pointer{filter:drop-shadow(0 2px 0 #17243b80)}
body[data-tool=letters].presenting .wheel-view{display:none}
@media(min-width:1001px){body[data-tool=letters]:not(.presenting) .wheel-wrap{width:min(100%,820px,calc(100dvh - 190px - var(--header-extra,0px)))}}
@media(min-width:1001px) and (min-height:801px){body[data-tool=letters]:not(.presenting) .wheel-wrap[data-view="3d"]{translate:0 -8px}}
@media(max-width:760px){
 body[data-tool=letters] .wheel-wrap[data-view="3d"]{--wheel-depth:12px;transform:perspective(1600px) rotateX(18deg) scale(.97)}
 body[data-tool=letters] .wheel-wrap[data-view="3d"] .wheel-rim{box-shadow:0 2px 0 #eef1f5,0 5px 0 #bec5ce,0 9px 0 #7b8796}
 body[data-tool=letters] .wheel-wrap[data-view="3d"] .spin-hub{box-shadow:inset 0 2px 2px #ffffff40,0 3px 0 #526176,0 6px 0 #263247,0 9px 0 #0e1728,0 12px 11px #17243b30}
}