.crumbs{color:var(--muted-foreground);flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:14px;display:flex}.crumbs a{color:var(--muted-foreground);text-underline-offset:3px}.crumbs a:hover{color:var(--foreground)}.tool-copy{max-width:720px;margin-top:40px}.tool-copy h2{margin:32px 0 8px;font-size:24px}.tool-copy h2:first-child{margin-top:0}.tool-copy h3{margin:20px 0 4px;font-size:18px}.tool-copy p{margin:0 0 12px}.tool-copy a{text-underline-offset:3px}.eq-layout{gap:20px;display:grid}.eq-play{align-content:start;gap:12px;display:grid}.eq-side{align-content:start;gap:16px;display:grid}.eq-small{margin:0;font-size:14px}.eq-keys{text-align:center;margin:0;font-size:13px}.eq-bar{border-radius:var(--radius);border:var(--line-width) solid var(--border);background:color-mix(in srgb, var(--puzzle-star) var(--tint-strong), var(--card));justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.eq-stepper{align-items:center;gap:8px;display:flex}.eq-stepper .round-btn{font-size:22px;line-height:1}.eq-stepper .round-btn:disabled{opacity:.4;cursor:default}.eq-stepper output{text-align:center;min-width:76px;font-family:var(--font-title);font-weight:var(--title-weight);font-size:20px}.eq-count{padding-right:6px;font-size:15px;font-weight:600}.eq-wrap{max-width:560px}.eq{--light:var(--cell);--dark:color-mix(in srgb, var(--puzzle-star) 38%, var(--cell));grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--cell-gap);padding:var(--cell-gap);background:var(--card);border:var(--board-border) solid var(--board-line);border-radius:calc(var(--radius) * .6);display:grid;overflow:hidden}.eq .cell{aspect-ratio:1;cursor:pointer;border-radius:var(--cell-radius);color:var(--foreground);justify-content:center;align-items:center;transition:background-color .15s;display:flex;position:relative}.eq .cell.light{background:var(--light)}.eq .cell.dark{background:var(--dark)}.eq .cell svg{fill:currentColor;width:70%;height:70%;display:block}@media (hover:hover){.eq:not(.watching) .cell:hover{filter:brightness(.95)}}.eq .cell.hit{color:var(--danger)}.eq .cell.hit:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--danger) 22%, transparent);pointer-events:none;position:absolute;inset:0}.eq .cell.covered:before{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--danger) 55%, transparent);border-radius:50%;width:22%}.eq.watching .cell{cursor:default}.eq .cell.row-on{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--primary) 16%, transparent)}.eq .cell.try{box-shadow:inset 0 0 0 3px var(--foreground)}.eq .cell.no{box-shadow:inset 0 0 0 3px var(--danger)}.eq .cell.no:after{content:"";background:linear-gradient(45deg, transparent 44%, var(--danger) 44%, var(--danger) 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--danger) 44%, var(--danger) 56%, transparent 56%);position:absolute;inset:26%}.eq .cell.lift{box-shadow:inset 0 0 0 3px var(--muted-foreground)}.eq .cell.lift:after{content:"";border:2px dashed var(--muted-foreground);border-radius:50%;animation:.35s both eq-lift;position:absolute;inset:22%}@keyframes eq-lift{0%{opacity:0;transform:scale(1.2)}}.eq-watch{gap:12px;display:grid}.eq-watch h2,.eq-counts h2{margin:0}.eq-controls{gap:12px;display:grid}.eq-buttons{flex-wrap:wrap;gap:8px;display:flex}.eq-buttons .tool{padding:8px 14px;font-size:14px}.eq-speed{color:var(--muted-foreground);grid-template-columns:auto 1fr;align-items:center;gap:12px;font-size:14px;display:grid}.eq-speed input{accent-color:var(--foreground);width:100%}.eq-log{border-radius:calc(var(--radius) * .7);background:color-mix(in srgb, var(--primary) calc(var(--tint) * .6), var(--card));border:max(var(--line-width), 1px) solid var(--border);min-height:66px;margin:0;padding:10px 12px;font-size:15px}.eq-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.eq-stats div{text-align:center;background:var(--card);border:var(--line-width) solid var(--border);border-radius:calc(var(--radius) * .8);padding:8px 4px}.eq-stats b{font-family:var(--font-title);font-weight:var(--title-weight);font-size:20px;line-height:1.2;display:block}.eq-stats span{color:var(--muted-foreground);font-size:12px}.eq-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:6px 14px;padding:0;list-style:none;display:flex}.eq-legend li{align-items:center;gap:6px;display:inline-flex}.eq-legend .k{background:var(--card);border-radius:3px;width:14px;height:14px}.eq-legend .k.try{box-shadow:inset 0 0 0 2px var(--foreground)}.eq-legend .k.no{box-shadow:inset 0 0 0 2px var(--danger)}.eq-legend .k.lift{box-shadow:inset 0 0 0 2px var(--muted-foreground)}.eq-counts{gap:12px;display:grid}.eq-table{border-collapse:collapse;width:100%;font-size:14px}.eq-table th,.eq-table td{text-align:right;border-bottom:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);font-variant-numeric:tabular-nums;padding:5px 6px}.eq-table th:first-child{text-align:left}.eq-table thead th{color:var(--muted-foreground);font-size:12px;font-weight:600}.eq-table tbody th{white-space:nowrap;font-weight:600}.eq-table tr.now>*{background:color-mix(in srgb, var(--puzzle-star) var(--tint), var(--card))}.eq-check{min-width:84px}.eq-ok{align-items:center;gap:4px;font-weight:600;display:inline-flex}.eq-ok svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.eq-bad{color:var(--danger);font-weight:700}@media (width>=640px){.eq-wrap{max-width:600px}.eq-side{grid-template-columns:1fr 1fr;align-items:start}}@media (width>=1024px){.eq-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px}.eq-side{grid-template-columns:1fr;position:sticky;top:92px}.eq-wrap{min-width:360px;max-width:min(620px,100vh - 250px)}}
