/* Desktop editor styled after the mature private tracker Quick Actions panel. */
#grid .variant.sprite-editor-launch{cursor:pointer}
#grid .variant .sprite-editor-hint{display:inline-flex;align-items:center;justify-content:center;min-height:18px;margin:5px auto 0;padding:2px 7px;border:1px solid color-mix(in srgb,var(--ct-accent) 28%,var(--ct-border));border-radius:999px;background:color-mix(in srgb,var(--st-surface) 78%,transparent);color:var(--ct-secondary);font-size:.54rem;font-weight:850;letter-spacing:.03em;line-height:1;opacity:0;transform:translateY(2px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}
#grid .variant.sprite-editor-launch:hover .sprite-editor-hint,#grid .variant.sprite-editor-launch:focus-visible .sprite-editor-hint{opacity:.92;transform:none}
@media(pointer:coarse){#grid .variant .sprite-editor-hint{opacity:.78;transform:none}}
@media(min-width:721px){
  /* The compact width belongs only to Quick Actions. Applying it to every modal
     squeezed the two-column parity editor into 470px and clipped its status row. */
  #modal .dialog:has(.quick-editor){width:min(470px,calc(100vw - 34px));padding:12px;border-radius:20px;border:1px solid color-mix(in srgb,var(--st-cyan) 48%,var(--st-border));background:linear-gradient(160deg,color-mix(in srgb,var(--st-surface) 96%,#061020),color-mix(in srgb,var(--st-surface-2) 96%,#030915));box-shadow:0 26px 75px rgba(0,0,0,.48),0 0 34px color-mix(in srgb,var(--st-cyan) 9%,transparent)}
  #modal .dialog:has(.quick-editor)>.row{margin:0 0 8px;padding:0 2px 4px;border:0;background:transparent}
  #modal .dialog:has(.quick-editor)>.row h3{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--st-cyan);margin:0}
  #modal .dialog:has(.quick-editor) #mclose{width:34px;height:34px;min-width:34px;padding:0;border:0;background:transparent;font-size:1.45rem;color:var(--st-muted)}
  #modal .dialog:has(.parity-editor){width:min(820px,calc(100vw - 40px))}
  .quick-editor{display:grid;gap:9px}.quick-editor-head{display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:center}.quick-editor-thumb{width:62px;height:62px;border-radius:14px;display:grid;place-items:center;padding:7px;border:1px solid color-mix(in srgb,var(--st-cyan) 18%,var(--st-border));background:linear-gradient(145deg,color-mix(in srgb,var(--st-cyan) 8%,var(--st-surface-2)),var(--st-surface))}.quick-editor-thumb img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 8px 13px rgba(0,0,0,.34))}.quick-editor-title{min-width:0}.quick-editor-title>span,.quick-editor-label{display:block;color:var(--st-cyan);font-size:.6rem;font-weight:900;letter-spacing:.1em}.quick-editor-title h3{margin:2px 0 1px;font-size:1.02rem;line-height:1.08}.quick-editor-title small{color:var(--st-muted);font-size:.6rem;text-transform:uppercase;font-weight:700}.quick-editor.is-mastered .quick-editor-thumb{border-color:rgba(255,76,95,.52);box-shadow:0 0 18px rgba(255,76,95,.12)}
  .quick-editor-links{display:grid;gap:6px}.quick-wide{min-height:38px;border-radius:11px;border:1px solid color-mix(in srgb,var(--st-cyan) 34%,var(--st-border));background:linear-gradient(145deg,color-mix(in srgb,var(--st-cyan) 10%,var(--st-surface)),var(--st-surface-2));color:var(--st-cyan);font-size:.65rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.quick-wide.secondary{border-color:var(--st-border-strong);color:var(--st-text-soft);background:color-mix(in srgb,var(--st-surface-2) 88%,transparent)}
  .quick-editor-group{display:grid;gap:5px}.quick-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quick-status-row button,.quick-level-row button{min-height:38px;border-radius:10px;border:1px solid var(--st-border-strong);background:var(--st-surface-2);color:var(--st-text-soft);font-size:.61rem;font-weight:900;cursor:pointer}.quick-status-row button.active{border-color:var(--st-cyan);background:linear-gradient(145deg,color-mix(in srgb,var(--st-cyan) 16%,var(--st-surface)),var(--st-surface-2));color:var(--st-cyan);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--st-cyan) 15%,transparent)}
  .quick-level-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.quick-level-row button{font-size:.9rem;min-height:39px}.quick-level-row .level-1{border-color:rgba(220,229,243,.45)}.quick-level-row .level-2{border-color:rgba(91,232,128,.48);color:#75e99a}.quick-level-row .level-3{border-color:rgba(99,165,255,.5);color:#82b6ff}.quick-level-row .level-4{border-color:rgba(199,116,255,.5);color:#d08cff}.quick-level-row .level-5{border-color:rgba(255,224,107,.52);color:#ffe16b}.quick-level-row .level-1.active{background:#dce5f3;color:#152033}.quick-level-row .level-2.active{background:#4fce74;color:#06150b}.quick-level-row .level-3.active{background:#4c8fe8;color:#07111f}.quick-level-row .level-4.active{background:#a65ae2;color:#12051c}.quick-level-row .level-5.active{background:#e8c94c;color:#211a02}.quick-level-row button.active{box-shadow:0 0 15px color-mix(in srgb,currentColor 25%,transparent);transform:translateY(-1px)}
  .quick-editor-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-tile{min-height:64px;padding:8px 10px;border:1px solid var(--st-border-strong);border-radius:11px;background:var(--st-surface-2);color:var(--st-text);display:grid;grid-template-columns:auto 1fr;column-gap:7px;text-align:left;align-items:center}.quick-tile>span{grid-row:1/3;font-size:.95rem}.quick-tile strong,.quick-tile small{display:block}.quick-tile strong{font-size:.61rem;letter-spacing:.04em}.quick-tile small{font-size:.53rem;color:var(--st-muted);line-height:1.2}.quick-tile.favourite{cursor:pointer}.quick-tile.mastery.active{border-color:rgba(255,76,95,.48);background:linear-gradient(145deg,rgba(255,76,95,.1),var(--st-surface-2))}.quick-tile.favourite.active{border-color:color-mix(in srgb,var(--st-gold) 54%,var(--st-border));background:linear-gradient(145deg,color-mix(in srgb,var(--st-gold) 10%,var(--st-surface)),var(--st-surface-2))}
  .quick-save{min-height:43px;margin-top:1px;border-radius:11px;font-size:.72rem;font-weight:900;letter-spacing:.05em}
}
@media(prefers-reduced-motion:reduce){.quick-level-row button{transform:none!important}#grid .variant .sprite-editor-hint{transition:none!important;transform:none!important}}