/* Prism 10 — premium interaction details, lightweight CSS, respect motion settings. */
#prismContextTools{scroll-margin-top:16px}
.pr-v10-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center;margin:11px 0 8px;color:#f6f2ff;font-size:12px}
.pr-v10-tag{font-size:10px;font-weight:600;color:#8adeff}
.pr-v10-guide-pill{display:inline-flex;margin-left:7px;color:#b7eeff;font-size:10px;font-weight:500;background:#70daff19;border:1px solid #84dfff40;border-radius:20px;padding:3px 7px;vertical-align:middle}
.pr-v10-color-row{display:grid;grid-template-columns:52px minmax(90px,1fr) auto;align-items:end;gap:9px;margin:8px 0;min-width:0}
.pr-v10-canvas-swatch{display:block;width:50px;height:49px;border:1px solid #c3acff;border-radius:12px;padding:3px;background:linear-gradient(135deg,#49386d,#273353);cursor:pointer;overflow:hidden}
.pr-v10-canvas-swatch input[type=color]{display:block;width:100%;height:100%;border:0;background:transparent;cursor:pointer;padding:0;border-radius:9px}
.pr-v10-hexlabel{font-size:11px;color:#cfc6e8;min-width:0}
.pr-v10-hexlabel input{display:block;margin-top:3px;width:100%;min-width:0;font:600 12px ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;padding:8px 5px;border:1px solid #574a80;border-radius:8px;color:#fff;background:#101323}
#prvSample{min-width:0;padding:10px 8px;font-size:10px;border-radius:9px;overflow-wrap:anywhere}
#prismV10Color{margin-top:14px;padding:10px 0;border-top:1px solid #957bc63a;border-bottom:1px solid #957bc63a}
#prvRecent{min-height:22px}
.pr-v10-fx{border-top:1px solid #927cc74a;padding-top:10px;margin-top:15px}
.pr-v10-guided{animation:prGuidePulse 1.4s ease-in-out 1;outline:1px solid rgba(129,227,255,.65)!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(117,117,255,.13),0 0 24px 5px rgba(141,93,251,.29)!important}
@keyframes prGuidePulse{0%,100%{filter:brightness(1)}35%{filter:brightness(1.21)}65%{filter:brightness(1.06)}}
.tools .tool.active{box-shadow:0 0 0 1px #a387ff,0 0 18px rgba(139,91,243,.3)}
#prismContextTools [data-v9tab].active{box-shadow:0 0 15px #ad8dfb30}
@media(max-width:520px){.pr-v10-color-row{grid-template-columns:46px 1fr}.pr-v10-color-row #prvSample{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.pr-v10-guided{animation:none!important}#prismContextTools *{scroll-behavior:auto!important}}
.pr-v10-directory{padding:11px 13px;background:linear-gradient(135deg,#1d2036,#26183c);border:1px solid #8270bd67;border-radius:14px;margin-bottom:13px}
.pr-v10-directory summary{cursor:pointer;font-weight:750;font-size:13px;list-style:disclosure-closed;outline-offset:3px}
.pr-v10-directory[open] summary{margin-bottom:12px;list-style:disclosure-open}
.pr-v10-find-label{font-size:11px;color:#d4caeb;display:block;margin-bottom:6px}
#prvToolSearch{width:100%;margin-bottom:9px}
.pr-v10-directory-list{max-height:305px;overflow:auto;display:grid;gap:5px}
.pr-v10-directory-option{display:flex;flex-direction:column;gap:2px;text-align:left;padding:9px 11px;border-radius:9px;min-width:0;white-space:normal}
.pr-v10-directory-option strong{font-size:12px}.pr-v10-directory-option small{font-size:10px;color:#c5b9df;line-height:1.3}
.pr-v10-directory-option:hover,.pr-v10-directory-option:focus-visible{border-color:#b28eff;background:#38285c}

@media(max-width:840px){#controlsToggle{display:inline-flex!important}.sidebar.left.open{visibility:visible}.pr-v10-directory{margin-bottom:12px}}