.tool-cps__ctl{gap:6px;display:grid}.tool-cps__seg{flex-wrap:wrap;gap:6px;display:flex}.tool-cps__seg .tool-btn{min-width:52px;padding:8px 12px}.tool-cps__seg .tool-btn[aria-pressed=true]{background:var(--t-accent,#2563eb);color:var(--t-accent-text,#fff);border-color:var(--t-accent,#2563eb);font-weight:600}.tool-cps__record{margin:0;font-weight:600}.tool-cps__zone{text-align:center;border:2px dashed var(--t-border,#dde3ea);background:var(--t-surface,#f5f7fa);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px;outline:none;align-content:center;justify-items:center;gap:8px;min-height:240px;padding:24px 16px 32px;display:grid;position:relative;overflow:hidden}.tool-cps__zone:focus-visible{border-color:var(--t-accent,#2563eb)}.tool-cps__zone[data-phase=run]{border-style:solid;border-color:var(--t-accent,#2563eb)}.tool-cps__zone[data-phase=lock]{cursor:wait;opacity:.75}.tool-cps__zone:active{background:var(--t-bg,#fff)}.tool-cps__big{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1.1}.tool-cps__zone[data-phase=run] .tool-cps__big{color:var(--t-accent,#2563eb);font-size:72px}.tool-cps__sub{color:var(--t-muted,#5d6b7c);font-variant-numeric:tabular-nums}.tool-cps__progress{background:var(--t-border,#dde3ea);height:8px;position:absolute;bottom:0;left:0;right:0}.tool-cps__bar{background:var(--t-accent,#2563eb);width:0;height:100%}.tool-cps__result{gap:12px;display:grid}.tool-cps__head{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.tool-cps__score{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1.1}.tool-cps__level{background:var(--t-accent,#2563eb);color:var(--t-accent-text,#fff);border-radius:999px;padding:4px 12px;font-weight:700}.tool-cps__leveltext{margin:0}.tool-cps__result[data-record=true] .tool-cps__leveltext{color:var(--t-ok,#15803d);font-weight:600}.tool-cps__cpm{background:var(--t-surface,#f5f7fa);border-radius:10px;padding:10px 14px;font-size:22px;font-weight:700}.tool-cps__facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.tool-cps__fact{background:var(--t-surface,#f5f7fa);border-radius:10px;min-width:0;padding:8px 12px}.tool-cps__fact .tool-muted{font-size:13px;display:block}.tool-cps__fact b{font-size:17px;display:block}.tool-cps__fact[data-kind=ok] b{color:var(--t-ok,#15803d)}.tool-cps__fact[data-kind=warn] b{color:var(--t-warn,#b45309)}.tool-cps__chart{height:160px}@media (max-width:420px){.tool-cps__zone{min-height:220px}.tool-cps__big{font-size:32px}.tool-cps__zone[data-phase=run] .tool-cps__big{font-size:60px}.tool-cps__seg .tool-btn{min-width:44px;padding:8px 10px}}