/* Rangoo story picker drop-down (Book Builder) */
.pick{position:relative}
.builder>.panel,.panel>.card{min-width:0}
.pick .chg{display:inline-flex;align-items:center;gap:4px}
.pick .chg::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.pick.sp-open{border-color:var(--accent,#0E5E6F);background:#fff;box-shadow:0 0 0 3px rgba(14,94,111,.12)}
.pick.sp-open .chg::after{transform:translateY(2px) rotate(-135deg)}
.sp{min-width:0;max-width:100%;margin-top:-6px;border:1px solid var(--line,#E7E7E1);border-radius:16px;background:#fff;box-shadow:0 2px 4px rgba(22,32,44,.04),0 18px 44px rgba(22,32,44,.12);padding:12px;display:flex;flex-direction:column;gap:10px;animation:spIn .22s cubic-bezier(.2,.7,.2,1) both}
.sp[hidden]{display:none}
@keyframes spIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sp-head{display:flex;gap:8px;align-items:center}
.sp-x{width:42px;height:42px;flex-shrink:0;border-radius:12px;border:1px solid var(--line,#E7E7E1);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--muted,#5A6573);cursor:pointer}
.sp-chips{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 1px}
.sp-chips::-webkit-scrollbar{display:none}
.sp-chip{flex-shrink:0;height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--line,#E7E7E1);background:#fff;display:inline-flex;align-items:center;gap:6px;font:500 13px var(--ui,system-ui);color:var(--ink,#16202C);cursor:pointer}
.sp-chip i{width:7px;height:7px;border-radius:50%}
.sp-chip b{font:600 11px var(--ui,system-ui);color:var(--muted,#5A6573);background:#F1F1EC;border-radius:999px;padding:1px 6px}
.sp-chip[aria-checked="true"]{background:var(--ink,#16202C);border-color:var(--ink,#16202C);color:#fff}
.sp-chip[aria-checked="true"] b{background:rgba(255,255,255,.18);color:#fff}
.sp-grid{min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;max-height:min(440px,58vh);overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 4px;margin:0 -2px}
.sp-tile{display:flex;flex-direction:column;gap:3px;text-align:left;border:0;background:none;padding:0;cursor:pointer;color:var(--ink,#16202C);min-width:0}
.sp-art{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(22,32,44,.06);transition:transform .18s,box-shadow .18s}
.sp-art svg{display:block;width:100%;height:100%}
.sp-tile:hover .sp-art{transform:translateY(-2px);box-shadow:0 8px 18px rgba(22,32,44,.12)}
.sp-tile[aria-selected="true"] .sp-art{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent,#0E5E6F)}
.sp-on{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--accent,#0E5E6F);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.sp-t{font:600 13px/1.25 var(--ui,system-ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}
.sp-empty{margin:8px 0;text-align:center;color:var(--muted,#5A6573);font-size:13.5px}
@media (max-width:700px){.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sp-t{font-size:12px}}
@media (prefers-reduced-motion:reduce){.sp,.sp *{animation:none !important;transition:none !important}}
@media print{.sp{display:none !important}}