:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Segoe UI,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100%;height:100vh;display:flex}.layout{width:100%;height:100%;display:flex}.sidebar{z-index:50;box-sizing:border-box;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 520px;min-width:0;display:flex;position:relative;box-shadow:10px 0 15px -3px #0000001a}.sidebar-header{color:#fff;background:#0f172a;justify-content:space-between;padding:1.5rem;display:flex}.sidebar-header h1{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:1.125rem;font-style:italic;font-weight:900}.sidebar-header h1 span{color:#60a5fa}.sidebar-header p{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:.25rem 0 0;font-size:9px;font-weight:700}.sidebar-content{flex:1;padding:1rem;overflow-y:auto}.resize-handle{cursor:col-resize;z-index:100;background:#60a5fa1a;width:8px;height:100%;transition:background .15s;position:absolute;top:0;right:0}.resize-handle:hover{background:#60a5fa4d}.resize-handle:active{background:#2563eb80}.resize-handle-grip{opacity:.6;background:#94a3b8;border-radius:2px;width:4px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover .resize-handle-grip{opacity:.9;background:#60a5fa}.config-section{border-top:1px solid #f1f5f9;margin-top:3rem;padding-top:1.5rem}.config-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.config-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;padding:.75rem}.config-field label{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.config-field input{color:#1e40af;background:0 0;border:none;outline:none;width:100%;font-weight:700}.config-field input:disabled{opacity:.4}.sheet-panel{margin-top:2rem;animation:.7s ease-out fadeIn}.sheet-panel h3{color:#64748b;text-transform:uppercase;margin-bottom:.5rem;font-size:10px;font-weight:900}.slide-sheet{color:#cbd5e1;white-space:pre;background:#0f172a;border:1px solid #334155;border-radius:.5rem;padding:.875rem;font-family:Roboto Mono,Courier New,monospace;font-size:10.5px;line-height:1.6;overflow-x:auto}.slide-sheet .hdr{color:#38bdf8;font-weight:700}.slide-sheet .ok{color:#4ade80}.slide-sheet .warn{color:#fb923c}.slide-sheet .step{color:#facc15;font-weight:700}.slide-sheet .lbl{color:#94a3b8}.slide-sheet .val{color:#f1f5f9;font-weight:700}.viewport-wrapper{background:#f1f5f9;flex:1;min-width:0;display:flex;position:relative}.viewport-container{flex:1;min-width:0}.viewport-label{pointer-events:none;z-index:10;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:8px;padding:15px;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #0000001a}.label-item{align-items:center;gap:.75rem;font-size:11px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.plan{background-color:#60a5fa}.dot.actual{background-color:#f43f5e}.dot.deviation{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b80}.dot.slide1{background-color:#f59e0b}.dot.rotary{background-color:#22c55e}.dot.slide2{background-color:#d97706}.text-rose{color:#e11d48;font-weight:700}.viewport-tooltip{pointer-events:none;visibility:hidden;opacity:0;color:#f1f5f9;z-index:100;white-space:nowrap;background:#0f172ad9;border:1px solid #334155;border-radius:6px;padding:8px 12px;font-family:Roboto Mono,monospace;font-size:11px;transition:opacity .2s;position:absolute;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-toggle{display:none}@media (width<=768px){body{overflow:auto}#root{height:auto;min-height:100vh}.layout{flex-direction:column;height:auto}.sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;box-shadow:0 4px 6px -1px #0000001a;width:100%!important}.sidebar.collapsed .sidebar-content,.sidebar.collapsed .MuiTabs-root{display:none}.viewport-wrapper{order:1;height:450px}.viewport-label{background:#fffffff2;grid-template-columns:1fr 1fr;gap:.5rem;padding:10px;display:grid;top:10px;left:10px;right:10px}.label-item{gap:.5rem;font-size:10px}.sidebar-header{justify-content:space-between;align-items:center;padding:1rem;display:flex}.mobile-toggle{display:flex!important}.config-grid{grid-template-columns:1fr}}.toolface-overlay{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f172ad9;border:1px solid #334155b3;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px;font-family:inherit;animation:.3s cubic-bezier(.16,1,.3,1) forwards tfFadeIn;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 10px 40px #0006}@keyframes tfFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toolface-header{text-align:center;width:100%;font-size:13px}.toolface-svg{filter:drop-shadow(0 4px 12px #00000080);border-radius:50%}.toolface-footer{justify-content:center;width:100%;display:flex}.tf-badge{color:#4ade80;letter-spacing:.5px;background:#22c55e26;border:1px solid #22c55e4d;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}