.vertical-timeline-wrapper{flex-direction:column;gap:16px;display:flex}.vertical-timeline-container{background-color:#0f172a;width:100%;height:70vh;min-height:400px;max-height:600px;position:relative;overflow:hidden}.timeline-fixed-line{z-index:2;background-color:#3b82f680;width:2px;position:absolute;top:0;bottom:0;left:56px}.timeline-center-marker{z-index:3;background-color:#0000;width:56px;height:1px;position:absolute;top:50%;left:0}.timeline-center-marker:after{content:"";z-index:3;background-color:red;width:4px;height:1px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.center-time-label{color:red;white-space:nowrap;z-index:4;background-color:#0000;padding:2px 0 2px 4px;font-family:monospace;font-size:.8rem;position:absolute;top:50%;left:28px;transform:translate(-50%,-50%)}.timeline-scrolling-layer{will-change:transform;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-event{box-sizing:border-box;align-items:center;width:100%;height:150px;padding-left:60px;display:flex;position:absolute;left:0}.timeline-event.is-light-bg{background-color:#e0e0e0}.timeline-event.is-dark-bg{background-color:#0000001a}.timeline-event .event-connector{left:56px}.event-content{margin-left:56px}.event-connector{background:linear-gradient(90deg,#3b82f6e6,#3b82f633);width:28px;height:2px;position:absolute;top:0;left:0;transform:translateY(0)}.event-connector:before{content:attr(data-time);color:#60a5fa;white-space:nowrap;margin-right:0;font-family:monospace;font-size:.8rem;font-weight:400;position:absolute;top:50%;left:-28px;transform:translate(-50%,-50%)}.event-content{align-items:center;gap:12px;width:100%;margin-left:56px;display:flex}.event-image{object-fit:cover;border:1px solid #3b82f64d;border-radius:6px;flex-shrink:0;width:72px;height:72px}.event-text{color:#60a5fa;flex-direction:column;justify-content:center;display:flex}.event-title{color:#60a5fa;font-weight:600}.event-description{margin:4px 0;font-size:.9rem}.event-time{color:#60a5fa;font-family:monospace;font-size:.8rem}.timeline-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px;display:flex}.control-btn{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:8px 16px;transition:all .2s}.control-btn:hover{background:#334155;border-color:#64748b}.time-input-group{background:#1e293b;border:1px solid #475569;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.time-input-group .native-select{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:6px;min-width:90px;padding:4px 6px}.controls-light .time-input-group .native-select{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.sign-toggle{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a;border:1px solid #475569;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-family:monospace;display:inline-flex}.sign-toggle:hover{background:#334155;border-color:#64748b}.sign-toggle:focus{outline-offset:2px;outline:2px solid #3b82f6}.nudge-group{gap:6px;display:inline-flex}.nudge-btn{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #475569;border-radius:4px;height:28px;padding:0 8px;font-family:monospace}.timeline-time-row{justify-content:center;align-items:center;padding:8px;display:flex}.controls-light .time-input-group{background:#f8fafc;border:1px solid #cbd5e1}.controls-light .time-input{color:#0f172a}.controls-light .sign-toggle,.controls-light .nudge-btn,.controls-light .control-btn{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}.controls-light .sign-toggle:hover,.controls-light .nudge-btn:hover,.controls-light .control-btn:hover{background:#e2e8f0;border-color:#94a3b8}.nudge-btn:hover{background:#334155;border-color:#64748b}.nudge-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.time-input{color:#e2e8f0;text-align:right;background:0 0;border:none;width:60px;font-family:monospace}.time-input:focus{outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.timeline-current-row{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.timeline-current-row .timeline-current-time{align-items:center;margin-top:0;display:flex}@media (max-width:640px){.timeline-event{grid-auto-rows:1fr;align-items:stretch;row-gap:4px;padding-left:60px;display:grid}.timeline-event>.event-content{min-height:0}.event-content{text-align:center;flex-direction:column;align-items:center;gap:4px}.event-image{border-radius:6px;width:40px;height:40px}.event-title{font-size:.8rem;line-height:1.1}.event-description{margin:2px 0;font-size:.75rem}.event-content{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:8px;margin-left:0;display:flex}.event-image{width:56px;height:56px}.event-text{text-align:center;align-items:center}.event-title{text-align:center}}.timeline-current-time{text-align:center;color:#e2e8f0;margin-top:8px;font-family:monospace;font-size:.95rem}@media (max-width:640px){.timeline-event{flex-direction:row;align-items:center;column-gap:8px;display:flex}.timeline-event>.event-content{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;margin-left:0;display:flex}.event-image{width:40px;height:40px}.event-title{font-size:.8rem;line-height:1.1}}.resource-panel{background:#0f172a;border:1px solid #475569;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;padding:16px;display:grid}.resource-presets-row{justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.preset-btn{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #475569;border-radius:999px;padding:4px 10px;font-size:.8rem;transition:all .15s}.preset-btn.is-active{color:#0f172a;background:#3b82f6;border-color:#60a5fa}.preset-btn:hover{background:#1e293b}.resource-stop-row{color:#e2e8f0;justify-content:center;align-items:center;gap:4px;margin-top:6px;font-size:.8rem;display:flex}.resource-stop-input{color:#e2e8f0;text-align:center;background:#0f172a;border:1px solid #475569;border-radius:6px;width:56px;height:24px;padding:0 4px}.resource-stop-unit{opacity:.8}.resource-card{background:#111827;border:1px solid #374151;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex;position:relative}.resource-card.is-disabled{opacity:.5}.resource-toggle{position:absolute;top:8px;right:8px}.resource-toggle input{cursor:pointer;width:16px;height:16px}.resource-image{object-fit:cover;border:1px solid #3b82f64d;border-radius:6px;width:72px;height:72px}.resource-name{color:#e2e8f0;text-align:center;font-size:.95rem}.resource-qty-row{grid-template-columns:32px 1fr auto 1fr 32px;align-items:center;gap:6px;width:100%;display:grid}.resource-qty-row .qty-input{margin-left:auto;margin-right:auto}.resource-qty-col{flex-direction:column;align-items:center;gap:6px;display:flex}.qty-input{color:#e2e8f0;text-align:center;background:#0f172a;border:1px solid #475569;border-radius:6px;flex:0 0 64px;width:64px;height:32px;padding:0 6px}.qty-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;width:32px;height:32px;font-weight:700}@media (max-width:640px){.qty-input{flex-basis:52px;width:52px}}.qty-clear{background:#ef4444}.qty-plus{background:#22c55e}.qty-plus-placeholder,.qty-clear-placeholder{visibility:hidden;pointer-events:none}@media (max-width:1024px){.resource-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.resource-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.resource-panel{grid-template-columns:repeat(1,minmax(0,1fr))}}