body{margin:0;padding:0;font-family:Arial,sans-serif;height:100vh;overflow:hidden}.container{display:flex;flex-direction:column;height:100vh;overflow:hidden}#map{min-height:200px;flex-shrink:0}.bearing-arrow{display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #2c5aa0;margin-left:8px;vertical-align:middle;transform-origin:center bottom}.arrow-icon{z-index:1000}.arrow-icon div{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid #ff4444;transform-origin:center bottom}.resize-handle{height:10px;background-color:#ddd;cursor:row-resize;border-top:1px solid #bbb;border-bottom:1px solid #bbb;position:relative}.resize-handle:hover{background-color:#ccc}.resize-handle:after{content:"⋯";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#888;font-size:12px;letter-spacing:2px}.timeline{width:100%;min-height:40px;max-height:80px;background-color:#f0f0f0;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 10px;box-sizing:border-box;overflow-x:auto;gap:15px;flex-shrink:0}.timeline-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:90px;height:20px;flex-shrink:0;background-color:#add8e6}.timeline-dot{width:8px;height:20px;background-color:#add8e6;border-radius:2px;margin-bottom:5px;transition:all .2s ease}.timeline-item:hover .timeline-dot{background-color:#00008b;transform:scale(1.2)}.timeline-item.selected .timeline-dot{background-color:#f44;transform:scale(1.3)}.resize-handle.resizing{background-color:#bbb}.timeline-label{font-size:10px;color:#000;text-align:center;line-height:1.1;max-width:90px;word-wrap:break-word}