.kc-tool{gap:1rem;max-width:820px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.kc-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.kc-panel h2{margin:0;font-size:1.05rem}.kc-durations{flex-wrap:wrap;gap:.5rem;display:flex}.kc-durations .button,.kc-actions .button{min-height:44px}.kc-durations .is-on{outline:2px solid var(--focus,#1a73e8);outline-offset:2px}.kc-stats{flex-wrap:wrap;gap:1rem;display:flex}.kc-stat{gap:.15rem;min-width:120px;display:grid}.kc-stat dt{opacity:.75;font-size:.8rem}.kc-stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:700}.kc-pad{border:2px dashed var(--border,#b9b9b9);text-align:center;-webkit-user-select:none;user-select:none;border-radius:.9rem;place-items:center;min-height:140px;padding:2.5rem 1rem;font-size:1.1rem;font-weight:600;display:grid}.kc-pad.is-live{border-style:solid;border-color:var(--focus,#1a73e8)}.kc-hint,.kc-tip{opacity:.85;margin:0;font-size:.92rem}.kc-result{background:var(--surface,#f6f6f6);border-radius:.75rem;gap:.3rem;padding:.9rem 1rem;display:grid}.kc-result strong{font-variant-numeric:tabular-nums;font-size:1.6rem}
