.bulk-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:700px){.bulk-modes{grid-template-columns:minmax(0,1fr)}}.bulk-mode{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:18px 20px;border:1px solid var(--hairline-strong);border-radius:18px;background:var(--canvas);color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.bulk-mode:hover{border-color:var(--body-mid)}.bulk-mode[aria-checked=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--canvas));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.bulk-mode:focus-visible,.bulk-drop:focus-visible,.bulk-count:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bulk-mode-icon{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex-shrink:0;background:var(--canvas-soft);color:var(--ink)}.bulk-mode[aria-checked=true] .bulk-mode-icon{background:var(--primary);color:#fff}.bulk-mode-title{display:block;font-weight:600;font-size:15px}.bulk-mode-body{display:block;font-size:13px;color:var(--body);margin-top:3px;line-height:1.45}.bulk-drop{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 20px;border:1.5px dashed var(--hairline-strong);border-radius:18px;background:var(--canvas-soft);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.bulk-drop:hover,.bulk-drop.dragging{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--canvas))}.bulk-drop[aria-disabled=true]{cursor:not-allowed;opacity:.6}.bulk-file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--hairline);border-radius:14px;background:var(--canvas)}.bulk-steps{display:flex;flex-direction:column;gap:26px}.bulk-step{display:flex;flex-direction:column;gap:14px}.bulk-counts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.bulk-count{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.bulk-count:hover{background:var(--canvas-soft)}.bulk-count[aria-pressed=true]{background:var(--canvas-softer);font-weight:600}.bulk-count b{margin-left:auto;font-variant-numeric:tabular-nums}.bulk-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.bulk-head{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--canvas-softer);border-bottom:1px solid var(--hairline);border-radius:11px 11px 0 0;color:var(--ink-mid);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.code-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:700px){.code-compare{grid-template-columns:minmax(0,1fr)}}.code-side{border:1px solid var(--hairline);border-radius:14px;background:var(--canvas);padding:14px 16px;min-width:0}.code-side-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px}.code-levels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.code-level{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:5px 8px;border-radius:8px;font-size:12.5px}.code-level.differs{background:color-mix(in srgb,var(--match) 10%,transparent)}.code-level.extra{background:color-mix(in srgb,var(--clear) 9%,transparent)}.code-level-code{font-family:var(--font-mono);white-space:nowrap}.code-level-text{color:var(--ink-mid);overflow-wrap:anywhere}