.df-tool{flex-direction:column;gap:1rem;display:flex}.df-group-label{letter-spacing:.05em;color:var(--text-dim);font-size:.78rem}.df-mode-row{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;display:flex}.df-tool .df-win .seg-btn,.df-tool .df-scale .seg-btn{padding:0 .9rem}.df-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:end;gap:.7rem .9rem;display:grid}.df-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.df-tool .df-wide{grid-column:span 2}@media (width<=480px){.df-tool .df-wide{grid-column:auto}}.df-tool .df-field input:is([type=number],[data-num]){width:100%;min-width:0;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:0;padding:.45rem .55rem;font-size:.95rem}.df-tool .df-field input:is([type=number],[data-num]):disabled{opacity:.5}.df-tool .df-field input[type=range]{width:100%;accent-color:var(--accent)}.df-tool .df-check{min-height:2.3rem;color:var(--text);align-items:center;gap:.45rem;font-size:.9rem;display:inline-flex}.df-tool .df-btn{height:2.1rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:0 .9rem;font-size:.9rem}.df-tool .df-btn:hover{border-color:var(--accent)}.df-hint{color:var(--text-dim);margin:-.4rem 0 0;font-size:.82rem}.df-verdict-box{border-left:3px solid var(--accent);background:var(--bg-hover);padding:.6rem .85rem}.df-verdict{color:var(--text);margin:0;font-size:.93rem;line-height:1.5}.df-visual{margin:0}.df-tool .df-arrow-controls{margin-bottom:-.5rem}.df-tool .df-player{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.df-tool .df-clock{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-right:auto;font-size:.82rem}.df-tool .df-player .df-player-btn{min-width:2.3rem;height:2.1rem;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:0;padding:0 .6rem;font-size:.95rem}.df-tool .df-player .df-player-btn:hover{border-color:var(--accent)}.df-heading{margin:.2rem 0 0;font-size:1.05rem}.df-table-note{color:var(--text-dim);margin:0;font-size:.86rem}.df-table-wrap{overflow-x:auto}.df-tool .df-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.df-tool .df-table th,.df-tool .df-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:.35rem .6rem}.df-tool .df-table thead th{letter-spacing:.04em;color:var(--text-dim);font-size:.76rem;font-weight:600}.df-tool .df-table tbody th{text-align:left;white-space:normal;font-weight:600}.df-tool .df-table td.df-on{color:var(--text);font-weight:700}