:root{--color-primary:#38bdf8;--color-primary-dark:#0284c7;--color-secondary:#f97316;--color-tertiary:#8b5cf6;--color-background:#f8fafc;--color-foreground:#1e293b;--color-card:#fff;--color-card-border:#e2e8f0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-foreground:#f1f5f9;--color-card:#1e293b;--color-card-border:#334155}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--color-background);color:#1e293b;color:var(--color-foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.5}#root{display:flex;flex-direction:column;height:100%}button,input,select,textarea{font-family:inherit;font-size:100%}a{color:#38bdf8;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-4);width:100%}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-2);justify-content:center;line-height:1.5;padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:initial;border:1px solid var(--color-card-border);color:var(--color-foreground)}.btn-secondary:hover:not(:disabled){background-color:#0000000d}.card{background-color:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid var(--color-card-border);display:flex;justify-content:space-between}.card-body,.card-header{padding:var(--spacing-4)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-2)}.form-control{border:1px solid var(--color-card-border);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:1.5;padding:var(--spacing-2) var(--spacing-3);transition:border-color var(--transition-fast);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #38bdf833;outline:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.tooltip{display:inline-block;position:relative}.tooltip-text{background-color:var(--color-foreground);border-radius:var(--radius-md);bottom:125%;color:var(--color-background);font-size:var(--font-size-sm);left:50%;opacity:0;padding:var(--spacing-2) var(--spacing-3);position:absolute;text-align:center;transform:translateX(-50%);transition:opacity var(--transition-fast);visibility:hidden;width:200px;z-index:1}.tooltip-text:after{border-color:var(--color-foreground) #0000 #0000 #0000;border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;height:1.5rem;justify-content:center;line-height:1.5;padding:0 var(--spacing-2)}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-secondary{background-color:var(--color-secondary);color:#fff}.badge-tertiary{background-color:var(--color-tertiary);color:#fff}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:2rem}.loading-message{color:var(--text-secondary);font-size:.9rem;margin-top:1rem}.spinner{display:flex;justify-content:center;width:80px}.spinner>div{animation:bounce-delay 1.4s ease-in-out infinite both;background-color:var(--primary);border-radius:100%;display:inline-block;height:12px;margin:0 4px;width:12px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bounce-delay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{align-items:center;background-color:#ff00001a;border-left:3px solid var(--danger);border-radius:4px;color:var(--danger);display:flex;margin:1rem 0;padding:.75rem 1rem}.error-icon{margin-right:.5rem}.error-boundary{background-color:var(--background-alt);border:1px solid var(--border-color);border-radius:6px;margin:1rem 0;padding:1.5rem;text-align:center}.error-boundary h2{color:var(--danger);margin-top:0}.error-boundary details{margin:1rem 0;text-align:left}.error-boundary summary{color:var(--text-secondary);cursor:pointer;font-weight:500}.error-boundary pre{background-color:#0000000d;border-radius:4px;font-family:monospace;margin-top:.5rem;overflow:auto;padding:.75rem}.btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}a:focus,button:focus,input:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:768px){.controls-row{flex-direction:column}.form-group{margin-bottom:1rem}.btn-group{display:flex;width:100%}.btn-group .btn{flex:1 1}}.keyboard-shortcuts{margin-top:1rem}.keyboard-shortcuts summary{color:var(--text-secondary);cursor:pointer;font-weight:500}.shortcuts-list{list-style:none;margin:0;padding:.5rem 0 0;text-align:left}.shortcuts-list li{align-items:center;display:flex;margin-bottom:.5rem}kbd{background-color:var(--background-alt);border:1px solid var(--border-color);border-radius:3px;box-shadow:0 1px 0 #0003;color:var(--text-primary);display:inline-block;font-size:.75rem;line-height:1.5;margin-right:.5rem;min-width:1.5rem;padding:.1rem .4rem;text-align:center}.external-link-icon{margin-left:.25rem}@media (max-width:768px){.controls-section{padding:1rem}.footer-container,.header-container{align-items:center;flex-direction:column;text-align:center}.logo{margin-bottom:1rem}.nav{justify-content:center;width:100%}.footer-info{margin-bottom:1rem}.summary-container,.visualization-container{max-width:100%;overflow-x:auto}}@media (max-width:480px){.form-group{width:100%}.btn-group{flex-wrap:wrap}.nav-link{margin:0 .25rem;padding:.5rem}.controls-row .help-text{font-size:.8rem}}@media (hover:none){.btn,.level-indicator,.nav-link{padding:.75rem}.tooltip{display:none}}.app{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-card);border-bottom:1px solid var(--color-card-border);padding:var(--spacing-4) 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-container{justify-content:space-between}.header-container,.logo{align-items:center;display:flex}.logo{font-size:var(--font-size-xl);font-weight:600;gap:var(--spacing-2)}.logo-icon{color:var(--color-primary)}.nav{display:flex;gap:var(--spacing-6)}.nav-link{color:var(--color-foreground);font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{text-decoration:none}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.main{flex:1 1;padding:var(--spacing-8) 0}.controls-section{background-color:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.visualization-container{height:600px}.summary-container,.visualization-container{background-color:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);overflow:auto;padding:var(--spacing-4)}.summary-container{height:250px;margin-bottom:var(--spacing-4)}.footer{background-color:var(--color-card);border-top:1px solid var(--color-card-border);margin-top:auto;padding:var(--spacing-6) 0}.footer-container{align-items:center;display:flex;justify-content:space-between}.footer-links{display:flex;gap:var(--spacing-4)}.footer-copyright{color:var(--color-foreground);font-size:var(--font-size-sm);opacity:.8}.grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.controls-row{align-items:stretch;flex-direction:column}.visualization-container{min-height:400px}.footer-container{flex-direction:column;gap:var(--spacing-4)}}.pcp-container{height:100%;overflow:hidden;position:relative;width:100%}.pcp-axis{cursor:pointer}.pcp-axis line,.pcp-axis path{stroke:var(--color-border)}.pcp-axis text{fill:var(--color-text-secondary);font-size:12px}.pcp-polyline{fill:none;stroke-width:1.5;stroke-opacity:.6;transition:stroke-opacity .2s,stroke-width .2s}.pcp-polyline:hover{stroke-opacity:1;stroke-width:2.5;z-index:10}.pcp-polyline.filtered{stroke-opacity:.1;stroke-width:1}.pcp-polyline.selected{stroke-width:3;stroke-opacity:1;stroke:var(--color-accent)}.axis-label{fill:var(--color-text-primary);font-size:12px;font-weight:500;transition:opacity .3s ease}.labels-hidden .axis-label{opacity:.2}.brush .selection{fill:var(--color-primary);fill-opacity:.2;stroke:var(--color-primary)}.summary-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;margin-top:16px;min-height:200px;overflow:hidden;position:relative;width:100%}.summary-title{fill:var(--color-text-primary);font-size:14px;font-weight:500}.summary-axis line,.summary-axis path{stroke:var(--color-border)}.summary-axis text{fill:var(--color-text-secondary);font-size:10px}.summary-bar{fill:var(--color-secondary);cursor:pointer;opacity:.7;transition:opacity .2s,fill .2s}.summary-bar:hover{opacity:1}.summary-bar.selected{fill:var(--color-primary);opacity:1}.group-container{cursor:pointer}.group-title{fill:var(--color-text-primary);font-size:12px;font-weight:500;transition:opacity .3s ease}.labels-hidden .group-title{opacity:.2}.summary-dimensions-count{fill:var(--color-text-secondary);font-size:10px;transition:opacity .3s ease}.labels-hidden .summary-dimensions-count{opacity:.2}.viz-tooltip{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;box-shadow:var(--shadow-md);font-size:12px;max-width:250px;padding:8px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}.viz-tooltip-title{color:var(--color-text-primary);font-weight:600;margin-bottom:4px}.viz-tooltip-row{display:flex;justify-content:space-between;margin:2px 0}.viz-tooltip-label{color:var(--color-text-secondary);margin-right:8px}.levels-nav{gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.level-indicator,.levels-nav{align-items:center;display:flex}.level-indicator{background-color:#0000000d;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.level-indicator:hover{background-color:#0000001a}.level-indicator.active{background-color:var(--color-primary);color:#fff}.level-separator{opacity:.4}.viz-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%}.viz-placeholder-icon{margin-bottom:16px;opacity:.3}.viz-loading{align-items:center;background-color:#0000000d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.viz-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--color-primary);border-radius:50%;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pcp-polyline,.summary-bar{transition:stroke .3s ease,stroke-opacity .3s ease,stroke-width .3s ease,fill .3s ease,opacity .3s ease}@media (max-width:768px){.axis-label,.group-title{font-size:10px}.summary-dimensions-count{font-size:8px}.pcp-polyline{stroke-width:1}.pcp-polyline.selected{stroke-width:2}}.visualization-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;margin-top:16px;min-height:500px;overflow:hidden;position:relative;width:100%}
/*# sourceMappingURL=main.2d7b49d0.css.map*/