/* Border path adapted from UI Lab / Animbits Border Beam (MIT). */
.studio-beam { position:absolute;inset:0;border:1.5px solid transparent;border-radius:inherit;pointer-events:none;mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect;opacity:0;transition:opacity .2s; }
.studio-beam::after { content:"";position:absolute;width:75px;aspect-ratio:1;background:linear-gradient(to left,#66ddff,#a298ff,transparent);offset-anchor:90% 50%;offset-path:rect(0 auto auto 0 round 28px);animation:studio-beam 3.2s linear infinite; }
.lmb:hover .studio-beam,.lmb:focus-visible .studio-beam,.lmb.running .studio-beam { opacity:1; }
@keyframes studio-beam { to { offset-distance:100%; } }
.arrival-kicker { margin:0;color:var(--ink-3);font:500 10px/1.4 var(--mono);letter-spacing:.19em; }
.arrive { gap:23px; }
.arrive-sub { line-height:1.8; }
html.has-prints .talk { font-size:clamp(19px,2.25vw,29px);font-weight:500;letter-spacing:-.045em; }
html:not([data-theme=dark]) .lmb { background:#182443;box-shadow:0 3px 4px #0b163b10,0 8px 28px #23419323; }
html:not([data-theme=dark]) .lmb-core { background:linear-gradient(150deg,#263958,#151e36); }
html:not([data-theme=dark]) .lmb-label { color:#f5f8ff;text-shadow:none; }
html:not([data-theme=dark]) .lmb-rim { opacity:.28; }
html:not([data-theme=dark]) .studio-header.notch { border-color:#617dbe15;box-shadow:0 2px 12px #1c3a7705; }
html:not([data-theme=dark]) .wheel .tool-title[data-tool=backdrop] .tool-logo { color:#655ad5;text-shadow:0 2px #c5c2f4,0 4px #e9e7fd; }
html:not([data-theme=dark]) .wheel .tool-title[data-tool=portrait] .tool-logo { color:#65638e; }
html:not([data-theme=dark]) .studio-header .tool-settings-trigger { color:#52649b;background:#eaf0fc; }
html:not([data-theme=dark]) .tool-caption { color:#63738c; }
html:not([data-theme=dark]) .deck-rail { background:#ffffffb8;border-color:#617dbe15; }
@media(max-width:719px) { html.has-prints .talk { font-size:21px; } .arrival-kicker { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .studio-beam::after { animation:none; } }

/* Playbook Double-Layer Elevated Depth: a fine edge and a local top light. */
html .lmb-core {box-shadow:inset 0 1px 0 #ffffff22,inset 0 -1px 0 #0002}
html:not([data-theme=dark]) .lmb {box-shadow:0 1px 0 #fff9,0 2px 3px #1323441f,0 7px 15px -5px #13234440}
html:not([data-theme=dark]) .lmb:hover {box-shadow:0 1px 0 #fff9,0 2px 3px #13234425,0 10px 20px -7px #1323444d}
html[data-tool=sticker] .lmb-core {background:#46336c;box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -1px 0 #241b48aa}
html[data-tool=sticker] .lmb-rim {opacity:.68}
html[data-tool=sticker] .lmb-rim::before {background:conic-gradient(from 35deg,#e1d6f3,#b3cacf 18%,#faf9ef 30%,#bea4d3 44%,#edf5f1 58%,#c5b4c3 75%,#e1d6f3);animation:none}
html[data-tool=sticker] .lmb-rim i {display:none}
html[data-tool=sticker] .studio-beam::after {background:linear-gradient(to left,#f5eadb,#bca5e6,transparent)}
html .deck-rail {box-shadow:inset 0 1px 0 #ffffff21,0 2px 4px #1016290c}
html:not([data-theme=dark]) .deck-rail {box-shadow:inset 0 1px 0 #ffffffdd,0 2px 4px #29385608}
html:not([data-theme=dark]) .deck-thumb {box-shadow:inset 0 1px 0 #fff,0 1px 2px #24304412}
html:not([data-theme=dark]) .deck-thumb[aria-pressed=true] {box-shadow:0 0 0 1px #526180,0 2px 5px #19283e20;border-color:#fff}