.wpc-tool{--wpc-good: #10b981;--wpc-warn: #f59e0b;--wpc-info: #3b82f6;--wpc-bad: #ef4444;--wpc-stage: color-mix(in srgb, var(--bg-page) 72%, var(--bg-surface));width:100%;max-width:1120px;margin:0 auto;padding:1.25rem;overflow:hidden;box-sizing:border-box;color:var(--text-base);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.875rem;box-shadow:var(--shadow-base)}.wpc-tool *,.wpc-tool *:before,.wpc-tool *:after{box-sizing:border-box}.wpc-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem}.wpc-panel{min-width:0;padding:1rem;background:var(--bg-page);border:1px solid var(--border-color);border-radius:.75rem}.wpc-controls,.wpc-results{display:flex;flex-direction:column;gap:1rem}.wpc-results{grid-column:1 / -1}.wpc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.wpc-title,.wpc-section-title{margin:0;color:var(--text-base);font-weight:800;line-height:1.15}.wpc-title{font-size:1.15rem}.wpc-section-title{font-size:.95rem}.wpc-units{display:inline-flex;flex:0 0 auto;padding:.125rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem}.wpc-unit{min-width:2.25rem;padding:.35rem .5rem;color:var(--text-muted);font:inherit;font-size:.78rem;font-weight:800;background:transparent;border:0;border-radius:.375rem;cursor:pointer}.wpc-unit.is-active{color:var(--text-on-primary, #fff);background:var(--accent)}.wpc-field{min-width:0}.wpc-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;color:var(--text-muted);font-size:.84rem;font-weight:700}.wpc-value{flex:0 0 auto;max-width:45%;color:var(--accent);font-weight:800;text-align:right;overflow-wrap:anywhere}.wpc-range{width:100%;min-width:0;height:.375rem;accent-color:var(--accent)}.wpc-check{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.84rem;font-weight:700}.wpc-check input{width:1rem;height:1rem;accent-color:var(--accent)}.wpc-visual{display:flex;flex-direction:column;gap:.75rem}.wpc-stage{display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:16 / 10;overflow:hidden;background:var(--wpc-stage);border:1px solid var(--border-color);border-radius:.75rem}.wpc-svg{display:block;width:min(100%,520px);height:auto}.wpc-svg-wrist{fill:color-mix(in srgb,var(--accent) 8%,transparent);stroke:color-mix(in srgb,var(--text-base) 24%,transparent);stroke-width:2}.wpc-svg-lug{stroke:color-mix(in srgb,var(--accent) 82%,var(--text-base));stroke-width:14;stroke-linecap:round}.wpc-svg-case{fill:var(--bg-surface);stroke:var(--accent);stroke-width:5}.wpc-svg-dial{fill:var(--bg-page);stroke:var(--border-color);stroke-width:2}.wpc-svg-hand{stroke:var(--text-base);stroke-width:4;stroke-linecap:round}.wpc-svg-text{fill:var(--text-muted);font-size:15px;font-weight:800}.wpc-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.wpc-metric{min-width:0;padding:.85rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.625rem}.wpc-metric-label{display:block;color:var(--text-muted);font-size:.74rem;font-weight:800;text-transform:uppercase}.wpc-metric-value{display:block;margin:.25rem 0;color:var(--text-base);font-size:1.55rem;line-height:1}.wpc-badge{display:inline-flex;max-width:100%;padding:.25rem .55rem;color:var(--text-base);font-size:.72rem;font-weight:800;border:1px solid var(--border-color);border-radius:999px;overflow-wrap:anywhere}.wpc-badge[data-tone=good]{color:var(--wpc-good);border-color:color-mix(in srgb,var(--wpc-good) 40%,transparent)}.wpc-badge[data-tone=info]{color:var(--wpc-info);border-color:color-mix(in srgb,var(--wpc-info) 40%,transparent)}.wpc-badge[data-tone=warn]{color:var(--wpc-warn);border-color:color-mix(in srgb,var(--wpc-warn) 40%,transparent)}.wpc-badge[data-tone=bad]{color:var(--wpc-bad);border-color:color-mix(in srgb,var(--wpc-bad) 40%,transparent)}.wpc-verdict{margin:0;padding:.85rem;color:var(--text-muted);line-height:1.5;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.625rem}.wpc-recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.wpc-recs div{min-width:0;padding:.75rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.625rem}.wpc-recs span,.wpc-recs strong{display:block;overflow-wrap:anywhere}.wpc-recs span{color:var(--text-muted);font-size:.76rem;font-weight:700}.wpc-recs strong{margin-top:.2rem;color:var(--accent);font-size:1rem}@media(max-width:760px){.wpc-tool{padding:.75rem}.wpc-grid,.wpc-metrics,.wpc-recs{grid-template-columns:1fr}.wpc-results{grid-column:auto}.wpc-panel{padding:.85rem}.wpc-panel-head,.wpc-label{align-items:flex-start;flex-direction:column;gap:.5rem}.wpc-value{max-width:100%;text-align:left}.wpc-stage{aspect-ratio:4 / 3}}