*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;height:100vh;overflow:hidden;background:var(--bg-primary, #f5f7fa);transition:background .3s}#root{height:100vh;overflow:hidden}:root{--bg-primary: #f5f7fa;--bg-card: #ffffff;--bg-secondary: #f8fafc;--bg-field: #f0f9ff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--color-primary: #4a5568;--color-primary-light: #718096;--color-success: #10b981;--color-error: #ef4444;--color-warning-bg: #fef3c7;--color-warning-border: #f59e0b;--color-warning-text: #92400e;--color-warning-text-light: #78350f;--color-path-full: #cbd5e1;--color-start: #10b981;--color-end: #ef4444;--color-heading-line: #f59e0b}.ftcreplay-root.dark{--bg-primary: #1a1a1a;--bg-card: #2d2d2d;--bg-secondary: #252525;--bg-field: #1a1a1a;--text-primary: #e5e5e5;--text-secondary: #a0a0a0;--border: #404040;--color-primary: #6b6b6b;--color-primary-light: #808080;--color-success: #4a9b4a;--color-error: #c44d4d;--color-warning-bg: #3d2e1a;--color-warning-border: #d97706;--color-warning-text: #fbbf24;--color-warning-text-light: #fcd34d;--color-path-full: #4a5568;--color-start: #4a9b4a;--color-end: #c44d4d;--color-heading-line: #f59e0b}.ftcreplay-root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}.ftcreplay-title-section{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border);box-shadow:0 1px 2px #0000000d;margin-bottom:1rem;transition:background .3s,border-color .3s}.ftcreplay-title-section h1{font-size:2rem;margin:0 0 .5rem;letter-spacing:-.02em;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ftcreplay-title-section .ftcreplay-sub{margin:0;color:var(--text-secondary);font-weight:400;font-size:.9rem;transition:color .3s}.ftcreplay-main{display:flex;flex:1;gap:1rem;padding:1rem;overflow:hidden;min-height:0;background:var(--bg-primary)}.ftcreplay-controls{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.ftcreplay-control-section{background:var(--bg-card);border-radius:12px;padding:1.25rem;border:1px solid var(--border);box-shadow:0 1px 2px #0000000d;transition:background .3s,border-color .3s}.ftcreplay-control-section h3{font-size:1rem;margin:0 0 1rem;color:var(--text-primary);font-weight:600;letter-spacing:-.01em;transition:color .3s}.ftcreplay-field-container{flex:1;min-width:400px;min-height:400px;display:flex;flex-direction:column;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 2px #0000000d;overflow:hidden;position:relative;transition:background .3s,border-color .3s}.ftcreplay-field-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ftcreplay-upload-zone{border:2px dashed var(--border);border-radius:8px;padding:1.5rem 1rem;text-align:center;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;position:relative}.ftcreplay-upload-zone:hover{border-color:var(--color-primary);background:var(--bg-card)}.ftcreplay-upload-zone.active{border-color:var(--color-primary);background:var(--bg-card);border-width:3px}.ftcreplay-upload-zone svg{width:32px;height:32px;margin-bottom:.75rem;opacity:.6}.ftcreplay-upload-text{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-top:.25rem;line-height:1.4;transition:color .3s}.ftcreplay-upload-text span{color:var(--color-primary);text-decoration:underline;cursor:pointer}.ftcreplay-upload-zone .upload-icon{font-size:2rem;margin-bottom:.75rem;display:block}.ftcreplay-loading{color:var(--text-secondary);margin-top:1rem;font-size:.95rem;transition:color .3s}.ftcreplay-error{color:var(--color-error);margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.3);font-size:.95rem}.ftcreplay-col-selector{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.ftcreplay-col-group{display:flex;flex-direction:column;gap:.5rem}.ftcreplay-col-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;transition:color .3s}.ftcreplay-col-select{padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit}.ftcreplay-col-select:hover{border-color:var(--color-primary-light)}.ftcreplay-col-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a55681a}.ftcreplay-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2563eb33;font-family:inherit;width:100%;margin-top:.5rem}.ftcreplay-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.ftcreplay-button:active:not(:disabled){transform:translateY(0)}.ftcreplay-button:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8}.ftcreplay-stats{margin-bottom:0}.ftcreplay-stats h3{display:none}.ftcreplay-stats-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.ftcreplay-stats-item{padding:.75rem;background:var(--bg-secondary);border-radius:6px;border-left:3px solid var(--color-primary)}.ftcreplay-stats-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;transition:color .3s}.ftcreplay-stats-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);transition:color .3s}.ftcreplay-empty{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center;background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border);transition:color .3s,background .3s,border-color .3s}@media(max-width:1024px){.ftcreplay-main{flex-direction:column}.ftcreplay-controls{width:100%;max-height:40vh;flex-direction:row;overflow-x:auto;overflow-y:hidden}.ftcreplay-control-section{min-width:280px;flex-shrink:0}.ftcreplay-field-container{flex:1;min-height:50vh}}