*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1d3557;background:#f8f9fa;-webkit-user-select:none;user-select:none}.app{display:flex;height:100%}.config-panel{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:#fff;padding:12px;display:flex;flex-direction:column;gap:6px}.config-panel h2{font-size:16px;margin:0;color:#264653}.panel-header{display:flex;align-items:center;justify-content:space-between}.icon-btn{width:28px;height:28px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#264653;flex-shrink:0}.icon-btn:hover{background:#e9ecef}.config-panel h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#495057;padding:6px 0 2px;margin-top:12px}.config-panel h3:first-of-type{margin-top:0}.config-panel.disabled{pointer-events:none;opacity:.5}.resize-handle{width:4px;background:#dee2e6;transition:background .15s;cursor:col-resize;outline:none}.resize-handle:hover,.resize-handle[data-resize-handle-active]{background:#2a9d8f}.num-field{display:flex;align-items:center;gap:6px}.num-field span{flex-shrink:0;width:110px;font-size:12px;color:#6c757d}.num-field input{width:100%;padding:3px 6px;border:1px solid #ced4da;border-radius:3px;font-size:12px;font-family:monospace;background:#fff;-webkit-user-select:text;user-select:text;-moz-appearance:textfield;appearance:textfield}.num-field input::-webkit-inner-spin-button,.num-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-field input:focus{outline:none;border-color:#2a9d8f;box-shadow:0 0 0 2px #2a9d8f26}.btn-row{display:flex;gap:6px}.btn-row .upload-btn{flex:1}.upload-btn{width:100%;padding:6px;background:#264653;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.upload-btn:hover{background:#2a9d8f}.sub-label{font-size:12px;color:#6c757d}.waypoint-list{max-height:300px;overflow-y:auto}.waypoint-row{display:flex;align-items:center;gap:4px;padding:2px 0}.waypoint-row .num-field{flex:1;min-width:0}.waypoint-row .num-field span{width:auto;flex-shrink:0}.waypoint-row .num-field input{width:100%;min-width:0}.wp-idx{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#264653;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.delete-btn{flex-shrink:0;width:20px;height:20px;border:none;background:transparent;color:#e63946;font-size:16px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#ffe3e3}.hint{color:#adb5bd;font-style:italic;font-size:12px;padding:4px 0}.override-list{display:flex;flex-direction:column;gap:2px}.override-row{display:flex;align-items:center;gap:4px}.override-row .num-field{flex:1;min-width:0}.override-toggle{flex:1;display:flex;align-items:center;gap:6px;font-size:12px;color:#6c757d;cursor:pointer}.override-toggle input[type=checkbox]{accent-color:#2a9d8f}.canvas-container{width:100%;height:100%;position:relative;overflow:hidden}.field-svg{display:block;width:100%;height:100%;cursor:crosshair}.field-svg.grabbing{cursor:grabbing}.canvas-help{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#264653d9;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;pointer-events:none;white-space:nowrap}.reset-view-btn{position:absolute;bottom:12px;left:12px;width:28px;height:28px;border:1px solid #ced4da;border-radius:4px;background:#ffffffe6;box-shadow:0 1px 4px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#264653}.reset-view-btn:hover{background:#e9ecef}.playback-controls{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:#ffffffe6;padding:6px;border-radius:6px;box-shadow:0 1px 4px #0003}.segment-nav{display:flex;align-items:center;gap:6px;padding:8px 0;font-size:12px;color:#495057;width:100%;flex-shrink:0}.segment-nav button{width:28px;height:28px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:#264653}.segment-nav button:hover:not(:disabled){background:#e9ecef}.segment-nav button:disabled{opacity:.3;cursor:default}.animation-bar{display:flex;align-items:center;gap:6px;padding:6px 12px}.anim-btn{width:28px;height:28px;border:1px solid #ced4da;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:#264653;flex-shrink:0}.anim-btn:hover:not(:disabled){background:#e9ecef}.anim-btn:disabled{opacity:.3;cursor:default}.anim-scrubber{flex:1;min-width:0;height:4px;accent-color:#2a9d8f}.anim-time{font-size:11px;font-family:monospace;color:#495057;flex-shrink:0;min-width:32px;text-align:right}.menu-content{min-width:160px;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:4px;box-shadow:0 4px 12px #0000001f;z-index:100;animation:menu-fade .12s ease-out}@keyframes menu-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-label{padding:4px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#868e96}.menu-item{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:12px;color:#264653;border-radius:4px;cursor:pointer;outline:none}.menu-item[data-highlighted]{background:#e9ecef}.menu-separator{height:1px;background:#dee2e6;margin:4px 0}.panel-footer{display:flex;align-items:center;justify-content:space-between}.help-link{display:flex;align-items:center;gap:4px;padding:6px 0;font-size:12px;color:#868e96;background:none;border:none;cursor:pointer}.help-link:hover{color:#2a9d8f}.peer-stack{display:flex;align-items:center;flex-direction:row-reverse}.peer-chip{width:26px;height:26px;border-radius:50%;border:2px solid #999;background:#fff;display:flex;align-items:center;justify-content:center;margin-left:-8px;position:relative;transition:transform .15s}.peer-chip:hover{transform:translateY(-2px);z-index:1}.peer-chip:last-child{margin-left:0}.peer-overflow{font-size:10px;font-weight:600;color:#495057;border-color:#ced4da}.tooltip-content{background:#264653e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px}.confirm-overlay{position:fixed;inset:0;background:#0006;z-index:300;animation:help-fade-in .15s ease-out}.confirm-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 48px));background:#fff;border-radius:8px;box-shadow:0 8px 30px #0003;z-index:301;padding:20px 24px;animation:help-slide-in .15s ease-out}.confirm-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#264653}.confirm-desc{margin:0 0 20px;font-size:13px;color:#666;line-height:1.4}.confirm-actions{display:flex;gap:8px;justify-content:flex-end}.confirm-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #ddd;background:#fff;color:#333}.confirm-btn:hover{background:#f5f5f5}.confirm-btn.danger{background:#e63946;color:#fff;border-color:#e63946}.confirm-btn.danger:hover{background:#d62839}.help-overlay{position:fixed;inset:0;background:#0006;z-index:200;animation:help-fade-in .15s ease-out}@keyframes help-fade-in{0%{opacity:0}to{opacity:1}}.help-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 48px));max-height:calc(100vh - 48px);background:#fff;border-radius:8px;box-shadow:0 8px 30px #0003;z-index:201;display:flex;flex-direction:column;animation:help-slide-in .15s ease-out}@keyframes help-slide-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.help-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #dee2e6;flex-shrink:0}.help-title{font-size:15px;font-weight:600;color:#264653;margin:0}.help-body{padding:16px;overflow-y:auto;font-size:13px;line-height:1.6;color:#343a40}.help-body>:first-child{margin-top:0}.help-body h2{font-size:14px;font-weight:600;color:#264653;margin:24px 0 12px}.help-body h3{font-size:13px;font-weight:600;color:#495057;margin:20px 0 10px}.help-body p{margin:10px 0}.help-body code{font-family:monospace;font-size:12px;background:#f1f3f5;padding:1px 4px;border-radius:3px}.help-body pre{background:#f1f3f5;border-radius:4px;padding:8px 10px;overflow-x:auto;margin:12px 0}.help-body pre code{background:none;padding:0}.help-body ul,.help-body ol{padding-left:24px;margin:10px 0;list-style:revert}.help-body li{margin:6px 0}.help-body table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.help-body th,.help-body td{text-align:left;padding:5px 8px;border:1px solid #dee2e6}.help-body th{background:#f1f3f5;font-weight:600;color:#495057}