:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-text: #1a1f26;--color-text-muted: #5b6472;--color-border: #dde1e7;--color-primary: #1f5f4e;--color-primary-contrast: #ffffff;--color-accent: #b3792c;--color-healthy: #1f7a4d;--color-warning: #a86a00;--color-critical: #b3261e;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-content-width: 640px}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.dpi-shell{min-height:100%;display:flex;flex-direction:column}.dpi-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.dpi-header__inner{max-width:var(--max-content-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dpi-header__badge{font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--color-accent);background:#b3792c1f;padding:var(--space-1) var(--space-2);border-radius:999px}.dpi-main{flex:1;padding:var(--space-6) var(--space-4) var(--space-7)}.dpi-container{max-width:var(--max-content-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.dpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.dpi-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:.85rem}.dpi-nav a{text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.dpi-nav a:hover,.dpi-nav a:focus-visible{background:#1f5f4e14}h1{font-size:1.6rem;line-height:1.25;margin:0 0 var(--space-3)}h2{font-size:1.15rem;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3);color:var(--color-text-muted)}.dpi-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.dpi-field label{font-weight:600;font-size:.9rem}.dpi-field small{color:var(--color-text-muted);font-size:.8rem}.dpi-field input,.dpi-field select{font:inherit;width:100%;min-width:0;margin-top:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.dpi-field input[aria-invalid=true]{border-color:var(--color-critical)}.dpi-error{color:var(--color-critical);font-size:.8rem;margin:0}.dpi-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;background:var(--color-primary);color:var(--color-primary-contrast);width:100%}.dpi-button:hover{filter:brightness(1.06)}.dpi-button--secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.dpi-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.dpi-result-tile{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.dpi-result-tile__label{font-size:.75rem;color:var(--color-text-muted);margin:0 0 var(--space-1)}.dpi-result-tile__value{font-size:1.25rem;font-weight:700;margin:0}.dpi-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.8rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:999px}.dpi-status--healthy{color:var(--color-healthy);background:#1f7a4d1f}.dpi-status--warning{color:var(--color-warning);background:#a86a001f}.dpi-status--critical{color:var(--color-critical);background:#b3261e1f}.dpi-placeholder-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent);border:1px dashed var(--color-accent);padding:1px var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.dpi-progress{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.dpi-progress__dot{height:6px;flex:1;border-radius:999px;background:var(--color-border)}.dpi-progress__dot--active{background:var(--color-primary)}.dpi-event-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;background:#10151b;color:#d7e3da;border-radius:var(--radius-md);padding:var(--space-3);max-height:320px;overflow:auto;white-space:pre-wrap}@media (min-width: 640px){.dpi-header__inner,.dpi-container{max-width:var(--max-content-width)}}.dpi-grid-3,.dpi-grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-2);min-width:0}.dpi-grid-3>*,.dpi-grid-2>*{min-width:0}@media (min-width: 480px){.dpi-grid-3{grid-template-columns:1fr 1fr 1fr}.dpi-grid-2{grid-template-columns:1fr 1fr}}.dpi-room-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-bg)}.dpi-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:2px var(--space-2);border-radius:999px;margin-bottom:var(--space-2)}.dpi-badge--verified{color:var(--color-healthy);background:#1f7a4d1f}.dpi-badge--manual{color:var(--color-accent);background:#b3792c1f}.dpi-product-option--active{background:#1f5f4e1a;border-color:var(--color-primary)}label:has(>input[type=checkbox]){display:flex;align-items:center;gap:var(--space-2);min-height:44px;font-size:.9rem}label:has(>input[type=checkbox]) input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.dpi-journey-steps{font-weight:600;color:var(--color-primary);font-size:.9rem;letter-spacing:.01em}.dpi-path-choice{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media (min-width: 560px){.dpi-path-choice{grid-template-columns:1fr 1fr}}.dpi-path-option{display:flex;flex-direction:column;gap:var(--space-2)}.dpi-path-option__prompt{font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:0}.dpi-path-option .dpi-button{margin-top:auto}.dpi-teaser-list{list-style:none;padding:0;margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.dpi-teaser-list li{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-weight:600;font-size:.95rem}