.cnhc-workspace{background:var(--cnhc-surface);padding:var(--cnhc-space-6) var(--cnhc-space-5)}.cnhc-workspace__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.85fr);gap:var(--cnhc-space-8);align-items:start}.cnhc-panel{display:none}.cnhc-panel.is-active{display:block;animation:cnhc-fade-in 220ms ease}@keyframes cnhc-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cnhc-panel__heading{margin-bottom:var(--cnhc-space-4)}.cnhc-panel__heading h2{font-size:var(--cnhc-fs-h3);margin-bottom:var(--cnhc-space-1)}.cnhc-panel__heading p{color:var(--cnhc-text-muted);font-size:var(--cnhc-fs-small);margin-bottom:0}.cnhc-readout{position:sticky;top:var(--cnhc-space-5);background:var(--cnhc-surface);border:1px solid var(--cnhc-border-soft);border-radius:var(--cnhc-radius-lg);padding:var(--cnhc-space-6);min-height:220px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--cnhc-shadow-md)}.cnhc-readout[data-state="empty"]{background:linear-gradient(180deg,var(--cnhc-pine-50) 0%,var(--cnhc-surface) 46%);justify-content:flex-start}.cnhc-readout[data-state="empty"] .cnhc-readout__result-container{display:none}.cnhc-readout[data-state="filled"] .cnhc-readout__placeholder{display:none}.cnhc-readout__result-container{display:flex;flex-direction:column;width:100%}.cnhc-readout__placeholder{display:flex;flex-direction:column;gap:var(--cnhc-space-5)}.cnhc-readout__ph-header{display:flex;align-items:flex-start;gap:var(--cnhc-space-3)}.cnhc-readout__ph-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--cnhc-pine-100);color:var(--cnhc-pine-700);display:flex;align-items:center;justify-content:center}.cnhc-readout__ph-icon svg{width:22px;height:22px}.cnhc-readout__ph-heading h3{font-family:var(--cnhc-font-display);font-size:1.35rem;font-weight:600;color:var(--cnhc-pine-900);margin:0 0 2px;line-height:1.2}.cnhc-readout__ph-heading p{font-size:var(--cnhc-fs-small);color:var(--cnhc-text-muted);margin:0}.cnhc-readout__ph-heading strong{color:var(--cnhc-pine-700);font-weight:600}.cnhc-readout__ph-frame{position:relative;border:1.5px dashed var(--cnhc-pine-100);background:var(--cnhc-pine-50);border-radius:var(--cnhc-radius-md);padding:var(--cnhc-space-6) var(--cnhc-space-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--cnhc-space-1)}.cnhc-readout__ph-frame-icon{width:56px;height:56px;border-radius:50%;background:var(--cnhc-surface);color:var(--cnhc-pine-700);box-shadow:var(--cnhc-shadow-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--cnhc-space-3)}.cnhc-readout__ph-frame-icon svg{width:28px;height:28px}.cnhc-readout__ph-spark{position:absolute;top:50%;transform:translateY(-50%);color:var(--cnhc-text-faint);opacity:.6}.cnhc-readout__ph-spark svg{width:16px;height:16px}.cnhc-readout__ph-spark--left{left:var(--cnhc-space-5)}.cnhc-readout__ph-spark--right{right:var(--cnhc-space-5)}.cnhc-readout__ph-frame-title{font-size:var(--cnhc-fs-body);font-weight:600;color:var(--cnhc-pine-900);margin:0}.cnhc-readout__ph-frame-desc{font-size:var(--cnhc-fs-small);color:var(--cnhc-text-muted);margin:0;max-width:32ch}.cnhc-readout__ph-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cnhc-space-3)}.cnhc-readout__ph-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:0 var(--cnhc-space-1);border-inline-start:1px solid var(--cnhc-border-soft)}.cnhc-readout__ph-feature:first-child{border-inline-start:none}.cnhc-readout__ph-feature-icon{width:34px;height:34px;border-radius:50%;background:var(--cnhc-pine-50);color:var(--cnhc-pine-700);display:flex;align-items:center;justify-content:center;margin-bottom:2px}.cnhc-readout__ph-feature-icon svg{width:17px;height:17px}.cnhc-readout__ph-feature strong{font-size:.8rem;color:var(--cnhc-pine-900);font-weight:600}.cnhc-readout__ph-feature span{font-size:.72rem;line-height:1.35;color:var(--cnhc-text-faint)}.cnhc-readout__ph-tip{display:flex;align-items:flex-start;gap:var(--cnhc-space-2);background:var(--cnhc-pine-50);border:1px solid var(--cnhc-pine-100);border-radius:var(--cnhc-radius-sm);padding:var(--cnhc-space-3) var(--cnhc-space-4);font-size:var(--cnhc-fs-small);color:var(--cnhc-pine-900);line-height:1.5}.cnhc-readout__ph-tip-icon{flex-shrink:0;width:18px;height:18px;margin-top:2px;color:var(--cnhc-pine-700)}.cnhc-readout__ph-tip-icon svg{width:18px;height:18px}.cnhc-readout__ph-tip strong{font-weight:700}.cnhc-readout__label{font-family:var(--cnhc-font-mono);font-size:var(--cnhc-fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--cnhc-pine-700);font-weight:600;margin-bottom:var(--cnhc-space-2)}.cnhc-readout__value{font-family:var(--cnhc-font-mono);font-size:var(--cnhc-fs-readout);font-weight:600;color:var(--cnhc-pine-900);line-height:1;display:flex;align-items:baseline;gap:var(--cnhc-space-2);flex-wrap:wrap}.cnhc-readout__unit{font-size:1.1rem;font-weight:500;color:var(--cnhc-text-muted)}.cnhc-readout__category{display:inline-flex;align-items:center;gap:var(--cnhc-space-2);margin-top:var(--cnhc-space-3);padding:var(--cnhc-space-1) var(--cnhc-space-3);border-radius:999px;font-size:var(--cnhc-fs-small);font-weight:600}.cnhc-readout__category.is-under{background:var(--cnhc-info-bg);color:var(--cnhc-scale-1)}.cnhc-readout__category.is-healthy{background:var(--cnhc-success-bg);color:var(--cnhc-success)}.cnhc-readout__category.is-elevated{background:var(--cnhc-warning-bg);color:var(--cnhc-scale-3)}.cnhc-readout__category.is-high{background:var(--cnhc-danger-bg);color:var(--cnhc-danger)}.cnhc-gauge{margin-top:var(--cnhc-space-5)}.cnhc-gauge__track{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--cnhc-scale-1) 0%,var(--cnhc-scale-2) 35%,var(--cnhc-scale-3) 68%,var(--cnhc-scale-4) 100%)}.cnhc-gauge__marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--cnhc-pine-900);border:2px solid #fff;box-shadow:var(--cnhc-shadow-sm);transform:translate(-50%,-50%);transition:left 320ms ease}.cnhc-gauge__labels{display:flex;justify-content:space-between;font-size:var(--cnhc-fs-caption);color:var(--cnhc-text-faint);margin-top:var(--cnhc-space-2)}.cnhc-gauge__segments{display:flex;margin-top:var(--cnhc-space-3);border-top:3px solid var(--cnhc-border);padding-top:var(--cnhc-space-2)}.cnhc-gauge__segment{flex:1;text-align:center;padding:0 2px;border-top:3px solid #fff0;margin-top:-3px}.cnhc-gauge__segment-range{display:block;font-family:var(--cnhc-font-mono);font-size:.7rem;font-weight:600;color:var(--cnhc-text)}.cnhc-gauge__segment-name{display:block;font-size:.68rem;color:var(--cnhc-text-faint);margin-top:2px}.cnhc-readout__feedback{display:flex;align-items:flex-start;gap:var(--cnhc-space-3);margin-top:var(--cnhc-space-4);padding:var(--cnhc-space-3) var(--cnhc-space-4);border-radius:var(--cnhc-radius-sm);font-size:var(--cnhc-fs-small);line-height:1.5}.cnhc-readout__feedback-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.cnhc-readout__feedback.is-good{background:var(--cnhc-success-bg);color:var(--cnhc-pine-900)}.cnhc-readout__feedback.is-good .cnhc-readout__feedback-icon{color:var(--cnhc-success)}.cnhc-readout__feedback.is-caution{background:var(--cnhc-warning-bg);color:var(--cnhc-pine-900)}.cnhc-readout__feedback.is-caution .cnhc-readout__feedback-icon{color:var(--cnhc-warning)}.cnhc-readout__feedback.is-alert{background:var(--cnhc-danger-bg);color:var(--cnhc-pine-900)}.cnhc-readout__feedback.is-alert .cnhc-readout__feedback-icon{color:var(--cnhc-danger)}.cnhc-readout__notes{margin-top:var(--cnhc-space-5);padding-top:var(--cnhc-space-4);border-top:1px dashed var(--cnhc-border);font-size:var(--cnhc-fs-small);color:var(--cnhc-text-muted)}.cnhc-readout__breakdown{list-style:none;margin:var(--cnhc-space-4) 0 0;padding:0;display:grid;gap:var(--cnhc-space-2)}.cnhc-readout__breakdown li{display:flex;justify-content:space-between;font-size:var(--cnhc-fs-small);padding-bottom:var(--cnhc-space-2);border-bottom:1px solid var(--cnhc-border-soft)}.cnhc-readout__breakdown li:last-child{border-bottom:none}.cnhc-readout__breakdown span:last-child{font-family:var(--cnhc-font-mono);font-weight:600;color:var(--cnhc-pine-800)}.cnhc-result-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--cnhc-space-2,8px);margin-top:var(--cnhc-space-5,16px);padding-top:var(--cnhc-space-4,14px);border-top:1px dashed var(--cnhc-border-soft,#e2e8f0)}.cnhc-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--cnhc-radius-sm,8px);border:1px solid var(--cnhc-border,#cbd5e1);background:var(--cnhc-surface,#ffffff);color:var(--cnhc-text-muted,#475569);font-size:var(--cnhc-fs-small,13px);font-weight:600;cursor:pointer;transition:all 0.2s ease}.cnhc-action-btn svg{stroke:var(--cnhc-pine-700,#0f766e);flex-shrink:0}.cnhc-action-btn:hover{border-color:var(--cnhc-pine-600,#0d9488);color:var(--cnhc-pine-900,#134e4a);background:var(--cnhc-pine-50,#f0fdf4);transform:translateY(-1px)}@media print{body *{visibility:hidden!important}.cnhc-workspace__result,.cnhc-workspace__result *{visibility:visible!important}.cnhc-workspace__result{position:absolute!important;left:0!important;top:0!important;width:100%!important;border:none!important;box-shadow:none!important}.cnhc-result-actions{display:none!important}}