:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0f172a;color:#e2e8f0;height:100vh}#root{height:100vh}.app{display:flex;flex-direction:column;height:100vh;padding:20px;overflow:hidden}header{text-align:center;margin-bottom:24px;flex-shrink:0}header h1{font-size:1.8rem;color:#f8fafc}header p{color:#94a3b8;font-size:.95rem}.github-link{position:absolute;top:20px;right:20px;color:#64748b;text-decoration:none;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.github-link:hover{color:#e2e8f0;background:#1e293b}.github-link svg{display:block}.main-content{display:flex;gap:24px;flex:1;min-height:0;overflow:hidden}.sidebar{width:280px;flex-shrink:0}.simulation-container{flex:1;min-width:0;overflow:hidden}.top-controls{flex-shrink:0;margin-bottom:16px}.settings-panel{background:#1e293b;border-radius:12px;padding:16px 20px}.settings-row{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}.settings-group-container{background:#0f172a;border-radius:8px;padding:12px;flex:1;min-width:200px}.settings-group-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:10px;font-weight:600}.settings-group-content{display:flex;flex-direction:column;gap:8px}.distribution-preview{margin-top:4px}.distribution-chart{display:flex;align-items:flex-end;gap:1px;height:32px;background:#1e293b;border-radius:4px;padding:4px}.distribution-bar{flex:1;background:#60a5fa;border-radius:1px;min-height:1px}.distribution-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#64748b;margin-top:2px}.setting-group{flex:none}.setting-group label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#cbd5e1}.setting-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#334155;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.setting-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#60a5fa;cursor:pointer}.setting-group select{width:100%;padding:6px 10px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.85rem;cursor:pointer}.setting-help{font-size:.7rem;color:#64748b;margin-top:4px;line-height:1.3}.setting-buttons{display:flex;flex-direction:column;gap:8px}.timed-run-control{display:flex;align-items:center;gap:6px;width:100%}.timed-run-control .timed-btn{flex:1}.duration-input{width:70px;padding:8px 6px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.85rem;text-align:center}.duration-input::-webkit-inner-spin-button,.duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input::placeholder{color:#64748b}.duration-unit{font-size:.8rem;color:#64748b}.timed-btn,.toggle-btn,.reset-btn{padding:10px 16px;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.timed-btn{background:#3b82f6;color:#fff}.timed-btn:hover:not(:disabled){filter:brightness(1.1)}.timed-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn{background:#22c55e;color:#fff}.toggle-btn.running{background:#ef4444}.toggle-btn:hover{filter:brightness(1.1)}.reset-btn{background:#334155;color:#e2e8f0}.reset-btn:hover{background:#475569}.simulation-view{display:flex;flex-direction:column;height:100%}.simulation-areas{display:flex;align-items:flex-start;gap:8px;position:relative;flex:1}.zone{background:#1e293b;border-radius:12px;padding:12px;border:2px dashed #334155;transition:min-height .3s ease}.zone h4{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;text-align:center}.zone-content{min-height:70px}.spawn-zone,.processing-zone{flex:1;min-width:120px;min-height:120px}.queue-zone{flex:1;min-width:120px}.results-column{flex:1;min-width:150px;display:flex;flex-direction:column;gap:12px}.failed-zone{border-color:#f8717155}.failed-zone .zone-content{min-height:40px;display:flex;align-items:center;justify-content:center}.failed-counter{font-size:2rem;font-weight:700;color:#f87171}.failed-breakdown{display:flex;flex-direction:column;gap:4px;width:100%}.failed-stat{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#0f172a;border-radius:4px}.failed-label{font-size:.75rem;color:#94a3b8}.failed-value{font-size:.9rem;color:#f87171;font-weight:600;font-family:monospace}.failed-label.rejected,.failed-value.rejected{color:#a855f7}.processed-zone{flex:1;border-color:#4ade8055}.processed-zone .zone-content{min-height:100px}.percentiles{display:flex;flex-direction:column;gap:8px}.percentiles-empty{height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.8rem}.percentile-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#0f172a;border-radius:4px}.percentile-label{font-size:.75rem;color:#94a3b8;font-weight:600;text-transform:uppercase}.percentile-value{font-size:.85rem;color:#4ade80;font-weight:600;font-family:monospace}.zone-arrow{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#475569;padding-top:40px;flex-shrink:0}.request-block{pointer-events:none;z-index:10}