.enchant-group { display:grid; gap:.55rem; margin:0; padding:.75rem; border:1px solid #a8b4e44a; border-radius:.85rem; background:#171f37; }
.enchant-group legend { padding:0 .4rem; color:#dfd7ff; }
.enchant-group p { margin:0; font-size:.88rem; color:#ced7ee; }
.enchant-levels { display:flex; flex-wrap:wrap; gap:.45rem; }
.enchant-levels .wbs-diff-copy { width:auto; min-width:3rem; margin:0; }
.enchant-levels [aria-pressed=true] { background:#533b7b; border-color:#d8bcff; }
.enchant-scene { display:grid; justify-items:center; align-content:center; gap:.65rem; min-height:10rem; padding:1rem; border:1px solid #ad95df63; border-radius:.8rem; background:linear-gradient(#0d152855,#0d1528dd),url('enchant-hero.webp') right center/cover; text-align:center; }
.enchant-pedestal { position:relative; width:96px; height:96px; }
.enchant-pedestal canvas { width:100%; height:100%; image-rendering:pixelated; filter:drop-shadow(0 5px 8px #09021b); }
.enchant-pedestal span { position:absolute; inset:0; mask-image:var(--enchant-mask); mask-size:100% 100%; background:repeating-linear-gradient(125deg,transparent 0 12px,#bf70ffba 14px,#e1aaff8c 17px,transparent 20px 32px); background-size:220% 220%; animation:enchant-glint 2.2s linear infinite; pointer-events:none; }
@keyframes enchant-glint { from { background-position:0 0; } to { background-position:100% 100%; } }
@media(prefers-reduced-motion:reduce) { .enchant-pedestal span { animation:none; } }
[data-enchant-preview-note]:empty,[data-enchant-incompatible]:empty { display:none; }
[data-enchant-incompatible] { color:#f1c8ad; }
.enchant-set-actions { display:flex; flex-wrap:wrap; gap:.45rem; }
.enchant-set-actions .wbs-diff-copy { width:auto; margin:0; }
.enchant-set-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:.5rem; padding:.5rem 0; border-bottom:1px solid #a8b4e438; }
.enchant-set-row select { color:inherit; background:#242b47; border:1px solid #a8b4e475; border-radius:.55rem; padding:.35rem; }
.enchant-set-row .wbs-diff-copy,.enchant-command-row .wbs-diff-copy { width:auto; min-height:2rem; margin:0; padding:.4rem .55rem; }
.enchant-set-error,[data-enchant-warning] { color:#ffc5ab; }
.enchant-set-error { grid-column:1/-1; }
.enchant-command-list { display:grid; gap:.45rem; }
.enchant-command-row { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.45rem; }
.enchant-command-row code { overflow-wrap:anywhere; }