.trip-builder{grid-template-columns:1fr;gap:20px;padding:4px 0 60px;display:grid}@media (width>=900px){.trip-builder{grid-template-columns:380px 1fr;align-items:start}}.trip-panel{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;padding:20px}.trip-mode-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.trip-mode-btn{border:1px solid var(--border);background:var(--panel-bg);min-width:100px;color:var(--muted);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:12px 8px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.trip-mode-btn svg{width:18px;height:18px}.trip-mode-btn.is-active{background:var(--primary);color:#fff;border-color:#0000}.trip-mode-panel.is-hidden{display:none}.trip-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.trip-field label{color:var(--muted);font-size:13px;font-weight:700}.trip-field-hint-inline{text-transform:none;font-weight:500}.trip-field input,.trip-field select{border:1px solid var(--border);background:var(--input-bg);color:var(--ink);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:14.5px}.trip-field select:disabled{opacity:.6;cursor:not-allowed}.trip-fixed-value{background:var(--panel-bg);color:var(--ink);border-radius:10px;padding:11px 12px;font-size:14.5px;font-weight:700}.trip-chip-list{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:6px;max-height:190px;margin-top:4px;padding:10px;display:flex;overflow-y:auto}.trip-chip{border:1px solid var(--border);background:var(--panel-bg);color:var(--ink);cursor:pointer;border-radius:100px;padding:6px 12px;font-size:12.5px;font-weight:600}.trip-chip.is-selected{background:var(--primary);color:#fff;border-color:#0000}.trip-chip.is-filtered-out{display:none}.trip-selected-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.trip-selected-tag{color:#0e8a84;background:#eaf7f6;border-radius:100px;align-items:center;gap:6px;padding:5px 6px 5px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.trip-selected-badge{color:#fff;background:#0e8a84;border-radius:50%;flex:none;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:800;display:flex}.trip-selected-tag button{width:18px;height:18px;color:inherit;cursor:pointer;background:#0e8a8426;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.trip-route-toggle{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;gap:6px;padding:4px;display:flex}.trip-route-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 10px;font-size:12.5px;font-weight:700;transition:all .15s}.trip-route-btn.is-active{background:var(--primary);color:#fff}.trip-hint{color:var(--faint);margin:6px 0 0;font-size:11.5px;line-height:1.4}.trip-theme-row{flex-wrap:wrap;gap:10px;display:flex}.trip-theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px;padding:0;transition:transform .15s,border-color .15s;box-shadow:inset 0 0 0 1px #201e2b14}.trip-theme-swatch:hover{transform:scale(1.08)}.trip-theme-swatch.is-active{border-color:var(--primary)}.trip-preview-panel{justify-content:center;align-items:center;min-height:420px;padding:24px;display:flex}.trip-preview-empty{text-align:center;color:var(--faint);flex-direction:column;align-items:center;gap:12px;max-width:280px;display:flex}.trip-preview-empty svg{opacity:.5;width:40px;height:40px}.trip-preview-empty p{font-size:13.5px;line-height:1.5}.trip-preview-result{width:100%;max-width:460px}.trip-preview-result img{width:100%;box-shadow:var(--shadow-lg);border-radius:14px;display:block}.trip-preview-empty.is-hidden,.trip-preview-result.is-hidden{display:none}