.utility-view .page-heading{padding-bottom:42px}.utility-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.3fr);gap:14px;margin-top:14px}.utility-panel{min-height:310px}.utility-inputs{display:grid;grid-template-columns:1fr 18px 1fr;align-items:end;gap:10px;margin:46px 0 30px}.utility-inputs>span{font:24px 'DM Mono';color:var(--acid);text-align:center;padding-bottom:10px}.utility-actions{display:flex;gap:10px;align-items:center}.utility-actions .primary-button{flex:1}.utility-actions .ghost-button{white-space:nowrap}.utility-display-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:310px;background:radial-gradient(circle at 50% 50%,#29372f 0%,var(--panel) 65%)}.utility-display{font:clamp(72px,10vw,145px) 'DM Mono';letter-spacing:-7px;line-height:1;color:var(--acid);margin:25px 0}.utility-state{font:10px 'DM Mono';letter-spacing:1.5px;color:var(--muted)}.stopwatch-actions{margin-top:72px}.lap-list{border-top:1px solid var(--line);margin-top:28px;padding-top:14px;max-height:150px;overflow:auto;color:var(--muted);font:11px 'DM Mono'}.lap-list>span{display:block;padding:5px 0}.lap-list div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #2b332f}.lap-list strong{color:var(--paper);font-weight:400}.utility-view .ghost-button{height:40px}.utility-view .status-badge{white-space:nowrap}@media(max-width:850px){.utility-grid{grid-template-columns:1fr}.utility-display-panel{min-height:260px}.stopwatch-actions{margin-top:45px}}@media(max-width:480px){.utility-actions{flex-wrap:wrap}.utility-actions .primary-button{flex-basis:100%}.stopwatch-actions .primary-button{flex-basis:100%}.utility-display{letter-spacing:-4px}.utility-inputs{margin-top:32px}}