html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}body{color:#1f1f1f;background:#f6f4ef;margin:0;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer;border:none}.app{min-height:100vh}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e5e0d8;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.logo{text-transform:lowercase;font-size:24px;font-weight:700}.topbar-actions{gap:12px;display:flex}.primary-btn,.secondary-btn,.add-btn,.stop-actions button{border-radius:10px;padding:10px 14px}.primary-btn{color:#fff;background:#1f1f1f}.secondary-btn{color:#1f1f1f;background:#ece7de}.layout{height:calc(100vh - 72px);display:flex}.sidebar{background:#fcfaf6;border-right:1px solid #e5e0d8;width:40%;min-width:360px;padding:12px 24px;overflow-y:auto}.sidebar-header h1{margin:0 0 8px;font-size:32px}.sidebar-header p{color:#5f5a52;margin:0 0 20px;line-height:1.5}.move-title-input{color:#1f1f1f;background:0 0;border:none;outline:none;width:100%;margin:0 0 8px;padding:0;font-size:32px;font-style:normal;font-weight:700}.move-title-input::placeholder{color:#9a948b;font-style:italic}.stop-name-input{color:#1f1f1f;background:0 0;border:none;outline:none;width:100%;margin:0 0 6px;padding:0;font-size:18px;font-weight:600}.stop-name-input::placeholder{color:#9a948b;font-style:italic}.event-card{align-items:flex-start}.event-title-input{color:#1f1f1f;background:0 0;border:none;outline:none;width:100%;margin:0 0 10px;padding:0;font-size:18px;font-weight:700}.event-title-input::placeholder{color:#9a948b;font-style:italic}.event-field-input{color:#1f1f1f;background:#faf8f4;border:1px solid #e5e0d8;border-radius:10px;width:100%;margin-bottom:10px;padding:10px 12px;font-size:14px}.event-field-input::placeholder{color:#9a948b}.event-details-input{color:#1f1f1f;resize:vertical;background:#faf8f4;border:1px solid #e5e0d8;border-radius:10px;width:100%;padding:10px 12px;font-family:Arial,sans-serif;font-size:14px}.event-details-input::placeholder{color:#9a948b}.empty-state{text-align:center;color:#6a645c;padding:60px 20px}.empty-subtext{color:#9a948b;margin-top:8px;font-size:14px}.drag-handle{cursor:grab;opacity:.55;flex-shrink:0;grid-template-rows:repeat(3,4px);grid-template-columns:repeat(2,4px);align-self:center;gap:4px;width:18px;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle span{background:#7c756d;border-radius:999px;width:4px;height:4px}.add-btn{color:#174a7a;background:#d9ecff;width:100%;margin-top:2px;margin-bottom:20px;font-weight:600}.stop-list{flex-direction:column;gap:8px;display:flex}.stop-number{color:#fff;background:#1f1f1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.stop-content{flex:1}.stop-content h3{margin:0 0 6px;font-size:18px}.stop-content p{color:#6c665d;margin:0}.stop-actions{gap:8px;display:flex}.stop-actions button{color:#3d3935;background:#f2eee8}.map-panel{background:#f3efe8;flex:1;padding:24px}.map-placeholder{text-align:center;background:linear-gradient(#f7f4ee 0%,#efe8dc 100%);border:2px dashed #cfc7ba;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.map-placeholder h2{margin:0 0 8px;font-size:32px}.map-placeholder p{color:#6a645c;max-width:420px;margin:0;line-height:1.6}.event-card-actions{gap:8px;margin-top:12px;display:flex}.save-event-btn,.edit-event-btn,.delete-event-btn{border-radius:10px;padding:8px 12px;font-size:14px}.save-event-btn{color:#fff;background:#1f1f1f}.edit-event-btn{color:#1f1f1f;background:#ece7de}.delete-event-btn{color:#7a2e24;background:#f3dfdc}.saved-event{width:100%}.saved-event h3{margin:0 0 6px;font-size:18px}.saved-event-meta{color:#6c665d;margin:0;font-size:14px}.saved-event-details{color:#3d3935;margin:8px 0 0;font-size:14px;line-height:1.4}.stop-card{background:#fff;border:1px solid #e5e0d8;border-radius:16px;align-items:center;gap:14px;padding:16px;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s,padding .18s;display:flex}.stop-card.drag-over{border-color:#7ab8ff;box-shadow:0 0 0 3px #7ab8ff40}.drag-handle:hover{opacity:1}.editing-event,.collapsed-event{animation:.35s cardModeFade}@keyframes cardModeFade{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.field-error{margin:-4px 0 10px;font-size:13px;line-height:1.3;color:#e53935!important}.stop-card{background:#fff;border:1px solid #e5e0d8;border-radius:16px;align-items:center;gap:14px;padding:16px;transition:transform .2s,opacity .2s,border-color .2s,box-shadow .2s,background-color .2s;animation:.25s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stop-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.stop-card.dragging{opacity:.4;transform:scale(.98)}.stop-card.drag-over{border-color:#7ab8ff;transform:translateY(2px);box-shadow:0 0 0 3px #7ab8ff40}.saved-event{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.timeline-content{flex:1}.timeline-content h3{margin:0 0 4px;font-size:18px}.timeline-location{color:#6c665d;margin:0;font-size:14px}.timeline-details{color:#3d3935;margin:6px 0 0;font-size:14px;line-height:1.4}.timeline-time-right{background:#eef6ff;border-radius:10px;padding:6px 10px}.time-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.time-select{margin-bottom:0}.time-separator{color:#6c665d;font-size:14px}.travel-select,.travel-duration-input{color:#1f1f1f;background:#faf8f4;border:1px solid #e5e0d8;border-radius:999px;height:44px;padding:10px 14px;font-size:14px}.travel-select{width:130px}.travel-duration-input{width:120px}.travel-duration-input::placeholder{color:#9a948b}.map-container{width:100%;height:100%}.map-panel{height:100%;padding:0}.layout{height:calc(100vh - 64px)}.travel-segment-hovered{background:#fff1e8;transform:translate(6px)}.travel-segment-hovered .travel-select,.travel-segment-hovered .travel-duration,.event-card-selected{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b352e}.time-mode-toggle{gap:8px;margin-bottom:10px;display:flex}.time-mode-toggle button{color:#6c665d;background:#f2eee8;border-radius:999px;flex:1;padding:9px 10px;font-size:13px;font-weight:600}.time-mode-toggle .time-mode-active{color:#fff;background:#1f1f1f}.auto-label{color:#174a7a;background:#eef6ff;border-radius:999px;margin-right:6px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.travel-segment{color:#6c665d;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin:10px 0 10px 70px;padding:6px 10px;transition:background-color .15s,transform .15s;display:flex}.travel-line{background:#f2eee8;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.travel-duration{color:#1f1f1f;white-space:nowrap;background:#faf8f4;border:1px solid #e5e0d8;border-radius:999px;padding:10px 14px;font-size:14px}.schedule-warning{color:#e53935;margin:8px 0 0;font-size:13px;font-weight:600}.creator-row{color:#6c665d;align-items:center;gap:6px;min-height:24px;margin-top:2px;margin-bottom:10px;display:flex}.creator-input{color:#1f1f1f;background:#faf8f4;border:1px solid #e5e0d8;border-radius:999px;outline:none;min-width:160px;padding:8px 12px;font-size:14px}.creator-input::placeholder{color:#b0a99f;font-style:italic}.creator-preview{color:#6c665d;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;font-weight:700}.move-title-display{text-align:left;color:#1f1f1f;cursor:pointer;background:0 0;border:none;width:100%;margin:0 0 4px;padding:0;font-size:32px;font-weight:700;display:block}.creator-preview:hover,.move-title-display:hover{opacity:.75}.loading-screen{color:#6c665d;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.app.preview-mode .sidebar{background:#fcfaf6}.app.preview-mode .stop-card{cursor:default}.app.preview-mode .travel-select{appearance:none;pointer-events:none;color:#1f1f1f}.copy-btn{width:140px;position:relative}.copy-text,.copied-text{justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.copy-text.hidden,.copied-text{opacity:0}.copied-text.visible{opacity:1}.secondary-btn.copied{color:#2e7d32;background:#e6f4ea}.marker-preview{max-width:180px;font-family:Arial,sans-serif}.marker-preview strong{margin-bottom:4px;font-size:14px;display:block}.marker-preview p{color:#6c665d;margin:0;font-size:12px}.preview-mode .sidebar{background:#fafafa}.preview-mode .sidebar-header{border-bottom:1px solid #e5e5e5;padding-bottom:18px}.preview-mode .move-title-display,.preview-mode .creator-preview{cursor:default;pointer-events:none}.preview-mode .stop-card{cursor:default}.preview-mode .event-card:hover{transform:none}.preview-mode .travel-select{appearance:none;pointer-events:none;background:0 0;border:none;font-weight:600}.preview-mode .travel-segment{opacity:.85}.preview-mode .timeline-details{color:#555;line-height:1.4}.preview-mode .map-panel{filter:saturate(.95)}