:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f1f3f5;--color-surface: rgba(0, 0, 0, .05);--color-surface-hover: rgba(0, 0, 0, .08);--color-surface-glass: rgba(255, 255, 255, .7);--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-tertiary: #868e96;--color-primary: hsl(210, 100%, 50%);--color-primary-dark: hsl(210, 100%, 40%);--color-primary-light: hsl(210, 100%, 95%);--color-accent: hsl(260, 100%, 60%);--color-accent-dark: hsl(260, 100%, 50%);--color-success: hsl(140, 70%, 40%);--color-warning: hsl(40, 95%, 50%);--color-error: hsl(0, 85%, 55%);--color-border: rgba(0, 0, 0, .1);--color-border-focus: rgba(0, 0, 0, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(0, 100, 255, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 350px;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;height:100vh;margin:0}.glass{background:var(--color-surface-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border)}.glass-strong{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.App{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;width:100%;background:var(--color-bg-primary);overflow:hidden}.App-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);overflow-y:auto;height:100vh}.App-main{background:var(--color-bg-primary);overflow-y:auto;position:relative}@media (max-width: 768px){.App{grid-template-columns:1fr;grid-template-rows:auto 1fr}.App-sidebar{height:auto;max-height:50vh;border-right:none;border-bottom:1px solid var(--color-border)}}h1{font-size:3.2em;line-height:1.1;margin-bottom:1rem}.social-overlay{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:1rem;z-index:100}.github-link{color:var(--color-text-primary);transition:color .2s;display:flex;align-items:center}.github-link:hover{color:var(--color-primary)}.libutton{display:flex;flex-direction:column;justify-content:center;padding:7px;text-align:center;outline:none;text-decoration:none!important;color:#fff!important;width:200px;height:32px;border-radius:16px;background-color:#0a66c2;font-family:SF Pro Text,Helvetica,sans-serif;font-size:14px;font-weight:600;transition:background-color .2s}.libutton:hover{background-color:#004182}.trace-plots-section{padding:1rem;display:flex;flex-direction:column;gap:2rem}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.controls{height:100%;display:flex;flex-direction:column;color:var(--color-text-primary)}.controls-header{padding:var(--space-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-bottom:1px solid var(--color-border)}.controls-title{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-xs) 0;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls-subtitle{font-size:.875rem;margin:0;color:#ffffffe6;font-weight:400}.controls-content{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.control-section{display:flex;flex-direction:column;gap:var(--space-md)}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0}.control-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.control-input,.control-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all var(--transition-base)}.control-input:focus,.control-textarea:focus{outline:none;border-color:var(--color-border-focus);background:var(--color-surface-hover);box-shadow:0 0 0 3px #64c8ff1a}.control-input:disabled{opacity:.5;cursor:not-allowed}.control-textarea{resize:vertical;min-height:80px;font-family:Consolas,Monaco,Courier New,monospace}.control-hint{font-size:.75rem;color:var(--color-text-tertiary);margin:0;font-style:italic}.textarea-with-button{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-apply{align-self:flex-end;width:auto;min-width:120px;padding:var(--space-xs) var(--space-lg);font-size:.875rem;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-apply:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-apply:disabled{background:var(--color-surface);color:var(--color-text-tertiary);border:1px solid var(--color-border);box-shadow:none}.control-group{display:flex;flex-direction:column}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.checkbox-group{display:flex;align-items:center;gap:var(--space-sm)}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-group .control-label{margin-bottom:0;cursor:pointer}.btn{width:100%;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:inherit}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:#fff;box-shadow:var(--shadow-md);flex:1}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-focus)}.sample-steps-group{display:grid;grid-template-columns:80px 1fr;gap:var(--space-sm);align-items:stretch}.control-input-inline{margin:0}.status-section{padding:var(--space-md);background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-sm)}.status-item{display:flex;align-items:center;gap:var(--space-sm)}.status-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.status-value{font-size:1.25rem;color:var(--color-primary);font-weight:700;font-variant-numeric:tabular-nums}.status-text{font-size:.875rem;color:var(--color-text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.running{background:var(--color-success);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.error-message{padding:var(--space-md);background:#ff50501a;border:1px solid var(--color-error);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--space-sm);animation:slideIn var(--transition-base)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1.25rem;flex-shrink:0}.error-text{font-size:.875rem;color:var(--color-error);line-height:1.5}.resources-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.resource-link{display:block;font-size:.875rem;color:var(--color-primary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:var(--color-surface);border:1px solid transparent}.resource-link:hover{background:var(--color-surface-hover);color:var(--color-primary-dark);border-color:var(--color-border)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.status-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.status-value.text-success{color:var(--color-success)}.status-value.text-error{color:var(--color-error)}.status-running{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.visualizer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);position:relative;overflow:hidden;padding-top:60px}.visualizer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5;pointer-events:none}.visualizer-placeholder{position:relative;z-index:1;max-width:600px;padding:var(--space-2xl)}.placeholder-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);padding:var(--space-2xl);background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl)}.placeholder-icon{color:var(--color-primary);opacity:.6;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-title{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.placeholder-description{font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.placeholder-features{display:flex;gap:var(--space-xl);margin-top:var(--space-md)}.feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.feature-icon{font-size:1.5rem;display:block}.feature-text{font-size:.75rem;color:var(--color-text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.visualizer-placeholder{padding:var(--space-lg)}.placeholder-content{padding:var(--space-xl)}.placeholder-features{flex-direction:column;gap:var(--space-md)}}.trace-plots-container{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:20px;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.trace-plot-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.trace-title{margin:0 0 10px;font-size:14px;color:#1a1a1a;font-weight:600;align-self:flex-start;padding-left:10px}.histogram-plots-container{width:100%;padding:1rem;background:var(--color-bg-primary)}.histogram-grid{display:grid;grid-template-columns:200px 1fr;grid-template-rows:1fr 200px;gap:.5rem;width:100%;height:600px}.histogram-y-marginal{grid-column:1;grid-row:1}.histogram-2d{grid-column:2;grid-row:1}.histogram-empty{grid-column:1;grid-row:2}.histogram-x-marginal{grid-column:2;grid-row:2}@media (max-width: 768px){.histogram-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.histogram-y-marginal,.histogram-2d,.histogram-empty,.histogram-x-marginal{grid-column:1;grid-row:auto}.histogram-empty{display:none}}