.sn-tool{gap:1rem;max-width:820px;margin:1.5rem auto 3rem;padding:0 1rem;display:grid}.sn-panel{border:1px solid var(--border,#e2e2e2);border-radius:1rem;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:grid}.sn-panel h2{margin:0;font-size:1.05rem}.sn-durations{flex-wrap:wrap;gap:.5rem;display:flex}.sn-durations .button,.sn-actions .button{min-height:44px}.sn-durations .is-on{outline:2px solid var(--focus,#1a73e8);outline-offset:2px}.sn-stats{flex-wrap:wrap;gap:1rem;display:flex}.sn-stat{gap:.15rem;min-width:110px;display:grid}.sn-stat dt{opacity:.75;font-size:.8rem}.sn-stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:700}.sn-pad{border:2px dashed var(--border,#b9b9b9);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:.9rem;place-items:center;min-height:280px;padding:1rem;display:grid;position:relative;overflow:hidden}.sn-pad.is-live{border-style:solid;border-color:var(--focus,#1a73e8)}.sn-pad:focus-visible{outline:3px solid var(--focus,#1a73e8);outline-offset:3px}.sn-cross{background:var(--focus,#1a73e8);opacity:.6;pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;top:50%;left:50%}.sn-trail{background:var(--focus,#1a73e8);opacity:.35;pointer-events:none;border-radius:50%;width:8px;height:8px;margin:-4px;position:absolute}.sn-hint,.sn-tip{opacity:.85;margin:0;font-size:.92rem}.sn-result{background:var(--surface,#f6f6f6);border-radius:.75rem;gap:.3rem;padding:.9rem 1rem;display:grid}.sn-result strong{font-variant-numeric:tabular-nums;font-size:1.6rem}