/* MotoCircleX public trip workspace: existing bright palette and original transparent artwork. */
.trip-launch{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:1.5rem;background:#fbf8f1;border:1px solid #e5d9ca}.trip-launch h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.13;max-width:18ch;margin-block:.4rem 1rem}.trip-launch>img{max-width:100%;height:auto;filter:drop-shadow(0 18px 18px #886d4b12)}.trip-kicker{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#675572}.trip-launch .primary{background:#63417f;color:#fff;border:1px solid #63417f;padding:.85rem 1.4rem;border-radius:12px;font-weight:700}.trip-launch-limit{font-size:.85rem;color:#645b68;max-width:62ch}.trip-launch [data-planner-host],.trip-launch [data-trip-error]{grid-column:1/-1}.trip-launch [data-trip-error]:empty{display:none}
.planner-dialog.planner-experience{--trip-ink:#2d2636;--trip-muted:#655c6c;--trip-brand:#63417f;--trip-line:#ded6e5;--trip-paper:#fffefa;color:var(--trip-ink);background:var(--trip-paper);inline-size:min(1120px,calc(100vw - 40px));max-inline-size:none;max-block-size:calc(100dvh - 40px);border:1px solid #ddd4e6;border-radius:24px;padding:0;box-shadow:0 28px 100px #30213c30;overscroll-behavior:contain}
.planner-experience::backdrop{background:#30243d80;backdrop-filter:blur(5px)}.planner-experience .dialog-content{display:block;padding:clamp(1rem,3vw,2rem)}.planner-experience .trip-editor-header{display:flex;align-items:flex-start;gap:1.5rem;justify-content:space-between}.planner-experience h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15;margin:.5rem 0}.planner-experience h3{font-size:1.1rem;margin-block:0 1rem}.planner-experience .trip-intro{color:var(--trip-muted);max-width:60ch;margin-block:0 .6rem;line-height:1.6}.planner-experience [data-close]{flex-shrink:0;background:transparent;border-color:var(--trip-line)}
.planner-experience button{margin:0;min-block-size:46px;font:inherit;font-weight:600;border-radius:10px;cursor:pointer;padding:.6rem 1rem;line-height:1.4}.planner-experience button.primary{background:var(--trip-brand);border-color:var(--trip-brand);color:white}.planner-experience button.secondary{background:white;border-color:var(--trip-line);color:var(--trip-ink)}.planner-experience button:disabled{opacity:1;color:#77717b;background:#efebf0;border-color:#ddd7e0;cursor:not-allowed}.planner-experience button:hover:not(:disabled){box-shadow:0 3px 8px #5a3c7510;border-color:#9172aa}.planner-experience :focus-visible{outline:3px solid #765493;outline-offset:3px}.planner-experience input,.planner-experience select,.planner-experience textarea{inline-size:100%;box-sizing:border-box;border:1px solid #bcb0c8;min-inline-size:0;border-radius:10px;padding:.7rem;background:white}.planner-experience input[type=checkbox],.planner-experience input[type=radio]{inline-size:22px;min-block-size:22px;accent-color:var(--trip-brand)}
.planner-experience .trip-stage-nav{display:flex;gap:.5rem;margin-block:1.25rem .8rem;border-block-end:1px solid var(--trip-line);padding-block-end:.8rem}.planner-experience .trip-stage-nav button{background:transparent;border-color:transparent;color:var(--trip-muted)}.planner-experience .trip-stage-nav button[aria-current=step]{color:var(--trip-brand);background:#efe8f5;border-color:#d3c2df}.planner-experience .trip-release-notice{font-size:.82rem;line-height:1.55;color:var(--trip-muted);margin-block:.8rem 1.5rem;padding-inline-start:.8rem;border-inline-start:3px solid #c4ac8c}
.planner-experience .ride-moods{border:0;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.planner-experience .ride-moods legend{font-weight:700;padding:0;margin-block-end:.75rem}.planner-experience .ride-mood{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;min-width:0;margin:0;padding:1rem .5rem;background:#f9f6fc;border:2px solid transparent;border-radius:18px;cursor:pointer}.planner-experience .ride-mood:nth-of-type(2n){background:#f8f4e9}.planner-experience .ride-mood:has(input:checked){background:#f1e9f8;border-color:var(--trip-brand)}.planner-experience .ride-mood input{position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem;margin:0}.planner-experience .ride-mood img{width:112px;max-width:100%;height:auto;object-fit:contain;transition:transform .18s ease}.planner-experience .ride-mood:hover img{transform:translateY(-3px)}.planner-experience .ride-mood span{font-weight:700;text-align:center;overflow-wrap:anywhere}.planner-experience .trip-style-stage>label{max-width:32rem}.planner-experience .trip-next{margin-block:1rem;min-width:13rem}
.planner-experience .trip-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem}.planner-experience .trip-stop-editor{min-width:0}.planner-experience .trip-map-workspace{min-width:0;background:#f3f5f1;border:1px solid #d7ded1;border-radius:18px;padding:1.2rem;align-self:start}.planner-experience .trip-map-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:250px;padding:1rem}.planner-experience .trip-map-empty img{max-width:150px;height:auto}.planner-experience .trip-map-empty p{font-size:.9rem;line-height:1.6;max-width:38ch;color:var(--trip-muted)}.planner-experience .planner-locations{counter-reset:stop}.planner-experience .location-row{counter-increment:stop;padding:1rem 1rem 1rem 2.7rem;background:white;border:1px solid var(--trip-line);border-radius:14px;position:relative;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.planner-experience[dir=rtl] .location-row{padding:1rem 2.7rem 1rem 1rem}.planner-experience .location-row::before{content:counter(stop);position:absolute;inset-inline-start:.65rem;inset-block-start:1.05rem;display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;background:#eee6f5;color:#63417f;border-radius:50%;font-size:.8rem;font-weight:700}.planner-experience .location-row label{width:100%;margin:0}.planner-experience .location-status{font-size:.8rem;width:100%;margin:0;color:var(--trip-muted)}.planner-experience .location-results{width:100%}.planner-experience .location-row button{font-size:.8rem;padding:.5rem .65rem}.planner-experience .location-row [data-search]:disabled{display:none}.planner-experience [data-add]{width:100%;border:1px dashed #b7a4c7;background:#faf7fd}.planner-experience .trip-advanced{margin-block:1.2rem;border-block:1px solid var(--trip-line);padding-block:.7rem}.planner-experience summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}.planner-experience .planner-preferences{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.planner-experience fieldset{border:1px solid var(--trip-line);border-radius:10px;min-inline-size:0}.planner-experience fieldset:not(.ride-moods) label{display:flex;flex-direction:row;align-items:center;font-size:.9rem}.planner-experience .planner-actions{margin-block:1rem}.planner-experience .planner-actions [data-plan]{width:100%}
.planner-experience .trip-gpx{border-block-start:1px solid #d7ded1}.planner-experience .trip-gpx h3{display:none}.planner-experience .trip-gpx p{font-size:.82rem;line-height:1.5}.planner-experience .trip-gpx input[type=file]{font-size:.85rem;padding:.6rem;max-width:100%}.planner-experience .trip-gpx label:has(input[type=checkbox]){display:flex;align-items:flex-start;font-size:.82rem}.planner-experience .trip-gpx input[type=checkbox]{flex:0 0 22px}.planner-experience .trip-coverage{font-size:.75rem;line-height:1.5;color:var(--trip-muted);margin-block:1rem 0}.planner-experience .track-coordinate-map{display:block;width:100%;height:auto;background-color:#fff;background-image:linear-gradient(#e8eee3 1px,transparent 1px),linear-gradient(90deg,#e8eee3 1px,transparent 1px);background-size:32px 32px;border:1px solid #d7ded1;border-radius:10px}.planner-experience .track-controls{display:flex;flex-wrap:wrap;gap:.4rem;margin-block:.7rem}.planner-experience .track-controls button{font-size:.8rem}.planner-experience .track-caption{font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
.planner-experience .trip-editor-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-block-start:1px solid var(--trip-line);margin-block-start:1.5rem;padding-block-start:1rem}.planner-experience .trip-save-actions{display:flex;flex-wrap:wrap;gap:.5rem}.planner-experience .trip-save-actions button{font-size:.85rem}.planner-experience .trip-save-state{font-size:.8rem;color:var(--trip-muted);margin:0}.planner-experience .trip-editor-status{font-size:.9rem;color:#4e3266;margin:.7rem 0;min-height:1.4em}.planner-experience .trip-storage-help{font-size:.78rem;color:var(--trip-muted)}.planner-experience .trip-storage-help summary{font-weight:400}.planner-experience [hidden]{display:none!important}
@media(max-width:760px){.trip-launch{grid-template-columns:1fr 140px;gap:.5rem}.planner-dialog.planner-experience{inline-size:calc(100vw - 16px);max-block-size:calc(100dvh - 16px);border-radius:18px}.planner-experience .dialog-content{padding:1rem}.planner-experience .trip-editor-header{gap:.75rem}.planner-experience .trip-editor-header [data-close]{font-size:.8rem;padding:.5rem .6rem}.planner-experience .trip-intro{font-size:.9rem}.planner-experience .ride-moods{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.planner-experience .ride-mood{padding:.75rem .3rem .6rem}.planner-experience .ride-mood img{width:92px}.planner-experience .ride-mood span{font-size:.85rem}.planner-experience .trip-workspace{grid-template-columns:1fr}.planner-experience .trip-map-workspace{padding:1rem}.planner-experience .trip-map-empty{min-height:200px}.planner-experience .trip-editor-footer{align-items:stretch}.planner-experience .trip-save-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.planner-experience .trip-save-actions [data-draft=save]{grid-column:1/-1}.planner-experience .trip-next{width:100%}.planner-experience .planner-preferences{grid-template-columns:1fr}.planner-experience .trip-stage-nav button{flex:1;font-size:.85rem;padding:.5rem}.planner-experience .trip-stage-nav{gap:.2rem}.planner-experience .trip-release-notice{margin-block:.7rem 1rem}}
@media(max-width:400px){.trip-launch{grid-template-columns:1fr}.trip-launch>img{display:none}.planner-experience .ride-mood img{width:76px}.planner-experience .ride-mood{padding-block-start:1.3rem}}
@media(prefers-reduced-motion:reduce){.planner-experience .ride-mood img{transition:none}.planner-experience .ride-mood:hover img{transform:none}}
.planner-experience .trip-editor-header h2{max-width:none}.planner-experience[data-planning-disabled] .location-status{display:none}.planner-experience .location-row .location-results:empty{display:none}.planner-experience .trip-map-jump{display:none}@media(max-width:760px){.planner-experience .trip-map-jump{display:inline-flex;margin-block:0 .6rem}.planner-experience .trip-stop-editor>h3{display:inline;margin-inline-end:.8rem}}