:root{--md-primary: #1976d2;--md-primary-light: #42a5f5;--md-primary-dark: #1565c0;--md-primary-container: #e3f2fd;--md-on-primary: #ffffff;--md-on-primary-container: #0d47a1;--md-secondary: #00897b;--md-secondary-light: #4db6ac;--md-secondary-dark: #00695c;--md-secondary-container: #e0f2f1;--md-on-secondary: #ffffff;--md-on-secondary-container: #004d40;--md-tertiary: #7b1fa2;--md-tertiary-light: #ab47bc;--md-tertiary-dark: #6a1b9a;--md-tertiary-container: #f3e5f5;--md-on-tertiary: #ffffff;--md-error: #d32f2f;--md-error-light: #ef5350;--md-error-container: #ffebee;--md-on-error: #ffffff;--md-on-error-container: #b71c1c;--md-warning: #f57c00;--md-warning-container: #fff3e0;--md-on-warning: #ffffff;--md-success: #388e3c;--md-success-container: #e8f5e9;--md-on-success: #ffffff;--md-surface: #121212;--md-surface-dim: #0a0a0a;--md-surface-bright: #1e1e1e;--md-surface-container: #1a1a1a;--md-surface-container-high: #242424;--md-surface-container-highest: #2e2e2e;--md-on-surface: #e0e0e0;--md-on-surface-variant: #9e9e9e;--md-outline: #424242;--md-outline-variant: #303030;--md-font-family: "Inter", "Roboto", system-ui, -apple-system, sans-serif;--md-font-mono: "JetBrains Mono", "Fira Code", monospace;--md-display-large: 3.5625rem;--md-display-medium: 2.8125rem;--md-display-small: 2.25rem;--md-headline-large: 2rem;--md-headline-medium: 1.75rem;--md-headline-small: 1.5rem;--md-title-large: 1.375rem;--md-title-medium: 1rem;--md-title-small: .875rem;--md-body-large: 1rem;--md-body-medium: .875rem;--md-body-small: .75rem;--md-label-large: .875rem;--md-label-medium: .75rem;--md-label-small: .6875rem;--md-elevation-0: none;--md-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .15);--md-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .15);--md-elevation-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .15);--md-elevation-4: 0 2px 4px rgba(0, 0, 0, .3), 0 6px 12px rgba(0, 0, 0, .15);--md-elevation-5: 0 4px 6px rgba(0, 0, 0, .3), 0 8px 16px rgba(0, 0, 0, .15);--md-space-1: .25rem;--md-space-2: .5rem;--md-space-3: .75rem;--md-space-4: 1rem;--md-space-5: 1.25rem;--md-space-6: 1.5rem;--md-space-8: 2rem;--md-space-10: 2.5rem;--md-space-12: 3rem;--md-space-16: 4rem;--md-radius-none: 0;--md-radius-xs: 4px;--md-radius-sm: 8px;--md-radius-md: 12px;--md-radius-lg: 16px;--md-radius-xl: 28px;--md-radius-full: 9999px;--md-motion-duration-short: .15s;--md-motion-duration-medium: .25s;--md-motion-duration-long: .4s;--md-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);--md-motion-easing-accelerate: cubic-bezier(.3, 0, 1, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--md-font-family);background-color:var(--md-surface);color:var(--md-on-surface);line-height:1.5;min-height:100vh}.text-display-large{font-size:var(--md-display-large);font-weight:400;line-height:1.1;letter-spacing:-.25px}.text-display-medium{font-size:var(--md-display-medium);font-weight:400;line-height:1.15}.text-display-small{font-size:var(--md-display-small);font-weight:400;line-height:1.2}.text-headline-large{font-size:var(--md-headline-large);font-weight:400;line-height:1.25}.text-headline-medium{font-size:var(--md-headline-medium);font-weight:400;line-height:1.3}.text-headline-small{font-size:var(--md-headline-small);font-weight:400;line-height:1.35}.text-title-large{font-size:var(--md-title-large);font-weight:500;line-height:1.4}.text-title-medium{font-size:var(--md-title-medium);font-weight:500;line-height:1.5;letter-spacing:.15px}.text-title-small{font-size:var(--md-title-small);font-weight:500;line-height:1.45;letter-spacing:.1px}.text-body-large{font-size:var(--md-body-large);font-weight:400;line-height:1.5;letter-spacing:.5px}.text-body-medium{font-size:var(--md-body-medium);font-weight:400;line-height:1.45;letter-spacing:.25px}.text-body-small{font-size:var(--md-body-small);font-weight:400;line-height:1.35;letter-spacing:.4px}.text-label-large{font-size:var(--md-label-large);font-weight:500;line-height:1.4;letter-spacing:.1px}.text-label-medium{font-size:var(--md-label-medium);font-weight:500;line-height:1.35;letter-spacing:.5px}.text-label-small{font-size:var(--md-label-small);font-weight:500;line-height:1.3;letter-spacing:.5px}.text-mono{font-family:var(--md-font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--md-space-2);padding:var(--md-space-2) var(--md-space-6);min-height:40px;border:none;border-radius:var(--md-radius-full);font-family:var(--md-font-family);font-size:var(--md-label-large);font-weight:500;letter-spacing:.1px;text-decoration:none;cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard),transform var(--md-motion-duration-short) var(--md-motion-easing-standard);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-filled{background-color:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--md-elevation-1)}.btn-filled:hover:not(:disabled){box-shadow:var(--md-elevation-2);background-color:var(--md-primary-light)}.btn-filled:active:not(:disabled){transform:scale(.98)}.btn-tonal{background-color:var(--md-surface-container-high);color:var(--md-on-surface)}.btn-tonal:hover:not(:disabled){background-color:var(--md-surface-container-highest)}.btn-outlined{background-color:transparent;color:var(--md-primary);border:1px solid var(--md-outline)}.btn-outlined:hover:not(:disabled){background-color:#1976d214;border-color:var(--md-primary)}.btn-text{background-color:transparent;color:var(--md-primary);padding:var(--md-space-2) var(--md-space-3)}.btn-text:hover:not(:disabled){background-color:#1976d214}.btn-icon{padding:var(--md-space-2);min-height:40px;min-width:40px;border-radius:var(--md-radius-full);background-color:transparent;color:var(--md-on-surface-variant)}.btn-icon:hover:not(:disabled){background-color:var(--md-surface-container-high);color:var(--md-on-surface)}.btn-error{--md-primary: var(--md-error);--md-on-primary: var(--md-on-error)}.btn-success{--md-primary: var(--md-success);--md-on-primary: var(--md-on-success)}.btn-warning{--md-primary: var(--md-warning);--md-on-primary: var(--md-on-warning)}.btn-tertiary{--md-primary: var(--md-tertiary);--md-on-primary: var(--md-on-tertiary)}.card{background-color:var(--md-surface-container);border-radius:var(--md-radius-md);overflow:hidden}.card-elevated{box-shadow:var(--md-elevation-1)}.card-filled{background-color:var(--md-surface-container-highest)}.card-outlined{border:1px solid var(--md-outline-variant)}.card-content{padding:var(--md-space-4)}.card-header{padding:var(--md-space-4);border-bottom:1px solid var(--md-outline-variant)}.card-actions{padding:var(--md-space-2) var(--md-space-4);display:flex;gap:var(--md-space-2);justify-content:flex-end}.app-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--md-space-4);padding:var(--md-space-3) var(--md-space-4);background-color:var(--md-surface);border-bottom:1px solid var(--md-outline-variant)}.app-bar-title{font-size:var(--md-title-large);font-weight:500;color:var(--md-on-surface);flex:1}.chip{display:inline-flex;align-items:center;gap:var(--md-space-1);padding:var(--md-space-1) var(--md-space-3);border-radius:var(--md-radius-sm);font-size:var(--md-label-medium);font-weight:500;background-color:var(--md-surface-container-high);color:var(--md-on-surface)}.chip-success{background-color:var(--md-success-container);color:var(--md-success)}.chip-error{background-color:var(--md-error-container);color:var(--md-error)}.chip-warning{background-color:var(--md-warning-container);color:var(--md-warning)}.chip-primary{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.status-dot{width:8px;height:8px;border-radius:var(--md-radius-full);background-color:currentColor}.status-dot-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-linear{width:100%;height:4px;background-color:var(--md-surface-container-highest);border-radius:var(--md-radius-full);overflow:hidden}.progress-linear-bar{height:100%;background-color:var(--md-primary);border-radius:var(--md-radius-full);transition:width var(--md-motion-duration-medium) var(--md-motion-easing-standard)}.progress-linear-indeterminate .progress-linear-bar{width:30%;animation:indeterminate 1.5s infinite var(--md-motion-easing-standard)}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress-circular{width:48px;height:48px;animation:rotate 2s linear infinite}.progress-circular-track{fill:none;stroke:var(--md-surface-container-highest);stroke-width:4}.progress-circular-bar{fill:none;stroke:var(--md-primary);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:75;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:75}50%{stroke-dashoffset:25}to{stroke-dashoffset:75}}.divider{height:1px;background-color:var(--md-outline-variant);margin:var(--md-space-4) 0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--md-space-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--md-space-1)}.gap-2{gap:var(--md-space-2)}.gap-3{gap:var(--md-space-3)}.gap-4{gap:var(--md-space-4)}.gap-6{gap:var(--md-space-6)}.gap-8{gap:var(--md-space-8)}.grid{display:grid}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-surface-container)}::-webkit-scrollbar-thumb{background:var(--md-outline);border-radius:var(--md-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-on-surface-variant)}.simulation-panel{display:flex;flex-direction:column;gap:var(--md-space-4)}.panel-header{margin-bottom:var(--md-space-2)}.panel-subtitle{color:var(--md-on-surface-variant);margin-top:var(--md-space-1)}.simulation-grid{display:grid;grid-template-columns:1fr;gap:var(--md-space-4)}@media(min-width:600px){.simulation-grid{grid-template-columns:repeat(3,1fr)}}.simulation-card{background-color:var(--md-surface-container);border-radius:var(--md-radius-lg);padding:var(--md-space-5);display:flex;flex-direction:column;gap:var(--md-space-4);border:1px solid var(--md-outline-variant);transition:border-color var(--md-motion-duration-medium) var(--md-motion-easing-standard),box-shadow var(--md-motion-duration-medium) var(--md-motion-easing-standard)}.simulation-card:hover{border-color:var(--md-outline)}.simulation-card.active{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary)}.simulation-card-tertiary.active{border-color:var(--md-tertiary);box-shadow:0 0 0 1px var(--md-tertiary)}.simulation-card-secondary.active{border-color:var(--md-secondary);box-shadow:0 0 0 1px var(--md-secondary)}.simulation-card-header{display:flex;gap:var(--md-space-3);align-items:flex-start}.simulation-icon{width:48px;height:48px;border-radius:var(--md-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.simulation-icon-primary{background-color:var(--md-primary-container);color:var(--md-on-primary-container)}.simulation-icon-tertiary{background-color:var(--md-tertiary-container);color:var(--md-tertiary)}.simulation-icon-secondary{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container)}.simulation-info{flex:1;min-width:0}.simulation-title{font-size:var(--md-title-medium);font-weight:600;color:var(--md-on-surface);margin-bottom:var(--md-space-1)}.simulation-description{font-size:var(--md-body-small);color:var(--md-on-surface-variant);line-height:1.4}.simulation-threshold{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-3);background-color:var(--md-surface-container-high);border-radius:var(--md-radius-sm);gap:var(--md-space-2)}.threshold-label{font-size:var(--md-label-small);color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.threshold-value{font-size:var(--md-label-medium);font-weight:600;color:var(--md-on-surface);font-family:var(--md-font-mono)}.simulation-trigger{width:100%;margin-top:auto}.simulation-trigger.btn-tertiary{background-color:var(--md-tertiary);color:var(--md-on-tertiary)}.simulation-trigger.btn-tertiary:hover:not(:disabled){background-color:var(--md-tertiary-light)}.simulation-trigger.btn-success{background-color:var(--md-secondary);color:var(--md-on-secondary)}.simulation-trigger.btn-success:hover:not(:disabled){background-color:var(--md-secondary-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.ad-viewport-section{display:flex;flex-direction:column;gap:var(--md-space-4)}.viewport-container{display:flex;flex-direction:column;gap:var(--md-space-4);align-items:center}.viewport-frame{background-color:var(--md-surface-container);border-radius:var(--md-radius-lg);border:1px solid var(--md-outline-variant);overflow:hidden;box-shadow:var(--md-elevation-2)}.viewport-status-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-2) var(--md-space-3);background-color:var(--md-surface-container-high);border-bottom:1px solid var(--md-outline-variant);color:var(--md-on-surface-variant)}.viewport-control{padding:var(--md-space-1);min-height:28px;min-width:28px}.viewport-control:hover{color:var(--md-primary)}.running-indicator{display:flex;align-items:center;gap:var(--md-space-1);font-size:var(--md-label-small);color:var(--md-primary);font-weight:500}.iframe-wrapper{display:flex;align-items:center;justify-content:center;background-color:#fff;width:302px;height:252px}.ad-iframe{display:block;border:none;width:300px;height:250px}.viewport-info{display:flex;align-items:flex-start;gap:var(--md-space-2);padding:var(--md-space-3) var(--md-space-4);background-color:var(--md-surface-container);border-radius:var(--md-radius-sm);font-size:var(--md-body-small);color:var(--md-on-surface-variant);max-width:360px;text-align:left}.viewport-info svg{flex-shrink:0;margin-top:2px}@media(max-width:599px){.viewport-container{padding:0 var(--md-space-2)}.viewport-info{max-width:100%}}.report-panel{display:flex;flex-direction:column;background-color:var(--md-surface-container);border-radius:var(--md-radius-lg);border:1px solid var(--md-outline-variant);overflow:hidden;height:100%;min-height:400px;transition:border-color var(--md-motion-duration-medium) var(--md-motion-easing-standard)}.report-panel.intervened{border-color:var(--md-error)}.report-header{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-4);border-bottom:1px solid var(--md-outline-variant);background-color:var(--md-surface-container-high)}.report-content{flex:1;overflow-y:auto;padding:var(--md-space-4)}.report-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:300px;padding:var(--md-space-6);gap:var(--md-space-3)}.empty-icon{width:80px;height:80px;border-radius:var(--md-radius-full);background-color:var(--md-surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--md-on-surface-variant);margin-bottom:var(--md-space-2)}.empty-icon.error{background-color:var(--md-error-container);color:var(--md-error)}.report-empty h3{color:var(--md-on-surface)}.report-empty p{color:var(--md-on-surface-variant);max-width:280px}.report-list{display:flex;flex-direction:column;gap:var(--md-space-3)}.report-card{background-color:var(--md-surface-container-high);border-radius:var(--md-radius-md);border:1px solid var(--md-outline-variant);overflow:hidden;animation:slideIn var(--md-motion-duration-medium) var(--md-motion-easing-decelerate)}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.report-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--md-space-3) var(--md-space-4);background-color:var(--md-error-container);border-bottom:1px solid var(--md-outline-variant)}.report-type{display:flex;align-items:center;gap:var(--md-space-2);color:var(--md-error);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.report-time{color:var(--md-on-error-container);opacity:.8}.report-body{padding:var(--md-space-4);display:flex;flex-direction:column;gap:var(--md-space-3)}.report-field{display:flex;flex-direction:column;gap:var(--md-space-1)}.field-label{font-size:var(--md-label-small);color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:var(--md-body-medium);color:var(--md-on-surface);word-break:break-word}.field-value.url{font-size:var(--md-body-small);color:var(--md-on-surface-variant)}.app{display:flex;flex-direction:column;min-height:100vh}.app-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--md-space-3) var(--md-space-4);background-color:var(--md-surface-container);border-bottom:1px solid var(--md-outline-variant);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-bar-brand{display:flex;align-items:center;gap:var(--md-space-3);color:var(--md-primary)}.app-bar-title{font-size:var(--md-title-large);font-weight:600;color:var(--md-on-surface);margin:0}.app-bar-status{display:none}@media(min-width:600px){.app-bar{padding:var(--md-space-3) var(--md-space-6)}.app-bar-status{display:flex}}.main-content{flex:1;padding:var(--md-space-4) 0}.container{max-width:1400px;margin:0 auto;padding:0 var(--md-space-4)}@media(min-width:600px){.main-content{padding:var(--md-space-6) 0}.container{padding:0 var(--md-space-6)}}.layout-grid,.left-column{display:flex;flex-direction:column;gap:var(--md-space-6)}.right-column{min-height:400px}@media(min-width:905px){.layout-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--md-space-6);align-items:start}.right-column{position:sticky;top:calc(64px + var(--md-space-6));max-height:calc(100vh - 64px - var(--md-space-12))}}@media(min-width:1200px){.layout-grid{grid-template-columns:1fr 480px}}.app-footer{padding:var(--md-space-4) var(--md-space-4);text-align:center;border-top:1px solid var(--md-outline-variant);background-color:var(--md-surface-container)}.app-footer p{font-size:var(--md-body-small);color:var(--md-on-surface-variant);margin:0}.app-footer a{color:var(--md-primary);text-decoration:none;margin-left:var(--md-space-1)}.app-footer a:hover{text-decoration:underline}@media(min-width:600px){.app-footer{padding:var(--md-space-4) var(--md-space-6)}}