.tool-group .variations-btn{height:26px;padding:0 9px;color:var(--text)}.tool-group .variations-btn svg{color:var(--accent)}@media (max-width: 1360px){.tool-group .variations-btn{width:26px;padding:0}.variations-label{display:none}}.dialog.variations-dialog{width:min(900px,100%)}.variations-name{color:var(--muted);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.variations-modes{display:flex;padding:12px 18px 0}.variations-modes .seg{flex:0 1 460px;height:30px}.variations-modes .seg button{font-size:12.5px}.variations-body{padding:14px 18px;overflow-y:auto;min-height:0}.variations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.var-tile{display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:10px;background:#0b0c10;overflow:hidden;color:var(--text-2);text-align:left;transition:border-color .12s}button.var-tile:hover{border-color:#454a5a;color:var(--text)}.var-tile.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text)}.var-thumb{position:relative;aspect-ratio:1;background:#07080b}.var-thumb canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.var-meta{padding:8px 10px 9px;border-top:1px solid var(--line);background:var(--panel-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.var-tile.current .var-meta{color:var(--muted)}.variations-empty{margin:24px 0;color:var(--text-2);text-align:center}.variations-foot{display:flex;align-items:center;gap:8px;padding:12px 18px 14px;border-top:1px solid var(--line)}.variations-foot .grow{flex:1}.variations-note{color:var(--muted);font-size:12px}@media (max-width: 700px){.variations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variations-modes .seg{flex:1}.variations-note{display:none}}