:root{--designer-bg:#f3efe6;--designer-paper:#fffdfa;--designer-ink:#071d38;--designer-gold:#b98a2c;--designer-line:#d9d1c2;--designer-muted:#6e747b}
.journey-designer{background:var(--designer-bg);color:var(--designer-ink);min-height:100vh}
.designer-hero{padding:clamp(3rem,7vw,7rem) clamp(1.25rem,7vw,8rem) 2.5rem;border-bottom:1px solid var(--designer-line);background:linear-gradient(135deg,#faf8f2 0%,#efe9dd 100%)}
.designer-hero h1{font:400 clamp(3.1rem,7vw,7.8rem)/.9 var(--serif);max-width:1000px;margin:.3rem 0 1.2rem;letter-spacing:-.045em}
.designer-hero>p:not(.eyebrow){max-width:780px;color:var(--designer-muted);line-height:1.75;font-size:clamp(.92rem,1.3vw,1.08rem)}
.designer-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-top:2.5rem;border:1px solid var(--designer-line);background:rgba(255,255,255,.68)}
.designer-mode-tabs button{display:grid;grid-template-columns:42px 1fr;gap:.15rem 1rem;text-align:left;padding:1.25rem 1.4rem;border:0;background:transparent;color:var(--designer-ink);position:relative}
.designer-mode-tabs button+button{border-left:1px solid var(--designer-line)}
.designer-mode-tabs button.active{background:var(--designer-ink);color:white}
.designer-mode-tabs span{grid-row:1/3;color:var(--designer-gold);font:700 .7rem var(--sans);letter-spacing:.12em;padding-top:.16rem}.designer-mode-tabs b{font:500 1.25rem var(--serif)}.designer-mode-tabs small{opacity:.72;font-size:.7rem}
.designer-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.75fr);align-items:start;max-width:1720px;margin:auto}
.designer-controls{padding:clamp(1.3rem,4vw,4.5rem)}
.designer-panel{display:grid;gap:1px;background:var(--designer-line);border:1px solid var(--designer-line)}
.designer-panel[hidden]{display:none!important}
.designer-step{display:grid;grid-template-columns:48px 1fr;gap:1.1rem;background:var(--designer-paper);padding:1.35rem}
.designer-step>span{font:700 .65rem var(--sans);letter-spacing:.12em;color:var(--designer-gold);padding-top:.3rem}.designer-step p,.designer-step label{font-weight:750;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;margin:0 0 .75rem}.designer-step small{display:block;color:var(--designer-muted);line-height:1.5;margin:-.35rem 0 .8rem}
.designer-step select{width:min(100%,150px);border:1px solid var(--designer-line);background:white;color:var(--designer-ink);padding:.72rem .8rem;font:600 .82rem var(--sans)}
.choice-row{display:flex;flex-wrap:wrap;gap:.55rem}.choice-row button{border:1px solid var(--designer-line);background:white;color:var(--designer-ink);padding:.72rem .95rem;min-width:100px}.choice-row button.active{background:var(--designer-ink);border-color:var(--designer-ink);color:white;box-shadow:inset 0 -3px 0 var(--designer-gold)}
.country-choice button{min-width:145px;font:500 1.2rem var(--serif)}
.designer-city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}
.designer-city-card{min-height:206px;position:relative;overflow:hidden;border:1px solid var(--designer-line);background:#132943;color:white;text-align:left;padding:0;background-size:cover;background-position:center}
.designer-city-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,21,41,.05),rgba(4,21,41,.88))}
.city-card-main{position:absolute;inset:0;border:0;background:transparent;color:white;text-align:left;padding:0;z-index:1}.city-card-main>div{position:absolute;left:1rem;right:1rem;bottom:1rem}.designer-city-card.selected .city-card-main>div{bottom:4.25rem}.designer-city-card b{display:block;font:500 1.55rem var(--serif)}.designer-city-card small{color:rgba(255,255,255,.8);margin:.15rem 0 0}.designer-city-card.selected{outline:3px solid var(--designer-gold);outline-offset:-3px}.city-select-toggle{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:1px solid rgba(255,255,255,.78);display:grid;place-items:center;background:rgba(5,27,52,.62);color:white;z-index:3}.designer-city-card.selected .city-select-toggle{background:var(--designer-gold);border-color:var(--designer-gold)}
.city-day-control{position:absolute;z-index:3;left:.8rem;right:.8rem;bottom:.65rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:rgba(4,21,41,.88);border:1px solid rgba(255,255,255,.2);padding:.48rem .58rem}.city-day-control>small{margin:0;font-size:.56rem;color:#d7dee7}.city-day-control>div{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.city-day-control button,.summary-day-stepper button{width:25px;height:25px;border:1px solid rgba(255,255,255,.35);background:transparent;color:white;padding:0}.city-day-control b{font:700 .82rem var(--sans)}.city-day-control span{font-size:.58rem;color:#d7dee7}
.attraction-step{display:none}.attraction-step.open{display:grid}.attraction-step-head{display:flex;justify-content:space-between;gap:1rem}.attraction-step-head button{border:1px solid var(--designer-line);background:white;width:34px;height:34px}
.designer-attractions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.designer-attraction{display:grid;grid-template-columns:72px 1fr auto;gap:.75rem;align-items:center;border:1px solid var(--designer-line);background:#fff;padding:.55rem;text-align:left;color:var(--designer-ink)}.designer-attraction img{width:72px;height:58px;object-fit:cover}.designer-attraction b{font-size:.76rem;line-height:1.3}.designer-attraction small{margin:.2rem 0 0;font-size:.62rem}.designer-attraction i{font-style:normal;width:26px;height:26px;border:1px solid var(--designer-line);display:grid;place-items:center}.designer-attraction.selected{border-color:var(--designer-gold);background:#fff9e9}.designer-attraction.selected i{background:var(--designer-gold);color:white;border-color:var(--designer-gold)}
.designer-notes{position:relative;margin-top:1rem;padding:1.35rem;background:var(--designer-paper);border:1px solid var(--designer-line)}.designer-notes label{display:block;font:750 .68rem var(--sans);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.designer-notes textarea{width:100%;min-height:125px;resize:vertical;border:1px solid var(--designer-line);background:white;padding:1rem;color:var(--designer-ink);line-height:1.55}.designer-notes>small{position:absolute;right:2rem;bottom:1.8rem;color:var(--designer-muted);font-size:.65rem}
.designer-summary{position:sticky;top:82px;min-height:calc(100vh - 82px);background:linear-gradient(145deg,#061a34,#0c3d67);color:white;padding:clamp(2rem,4vw,4.5rem);overflow:auto;max-height:calc(100vh - 82px)}
.summary-heading{display:flex;justify-content:space-between;gap:1.2rem;align-items:flex-start}.summary-heading h2{font:400 clamp(2rem,3.6vw,4rem)/1 var(--serif);margin:.35rem 0 0}.summary-heading>b{border:1px solid rgba(255,255,255,.28);padding:.7rem;color:var(--gold2);font:600 1.1rem var(--serif);white-space:nowrap}.summary-heading>b:after{content:" " attr(data-label);font:700 .55rem var(--sans);text-transform:uppercase;letter-spacing:.09em;margin-left:.25rem}
.summary-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.summary-meta span{border:1px solid rgba(255,255,255,.16);padding:.42rem .6rem;font-size:.65rem;color:#c3ced9}
.summary-route{border-top:1px solid rgba(255,255,255,.15)}.summary-city{border-bottom:1px solid rgba(255,255,255,.14);padding:1rem 0}.summary-city-head{display:grid;grid-template-columns:34px 1fr auto auto;gap:.65rem;align-items:center}.summary-city-head>span{color:var(--gold2);font-size:.65rem}.summary-city-head b{font:500 1.2rem var(--serif)}.summary-city-head small{color:var(--gold2)}.summary-city-head>button,.summary-place button{border:0;background:transparent;color:#b8c5d2;padding:.25rem;font-size:.85rem}.summary-city-head>button:hover,.summary-place button:hover{color:white}.summary-day-stepper{display:flex;align-items:center;gap:.28rem}.summary-day-stepper b{font:700 .72rem var(--sans);min-width:1.1rem;text-align:center}.summary-place{display:grid;grid-template-columns:18px 1fr auto;gap:.5rem;margin:.55rem 0 0 2.65rem;color:#b8c5d2;font-size:.68rem}.summary-place>span{color:var(--gold2)}
.summary-empty{display:grid;place-items:center;text-align:center;min-height:210px;color:#9babb9}.summary-empty span{font-size:1.5rem;color:var(--gold2)}.summary-empty p{max-width:270px;line-height:1.6}
.summary-actions{display:grid;gap:.65rem;margin-top:1.4rem}.summary-actions .button{width:100%;justify-content:center;border-radius:0}.quote-button{display:flex;flex-direction:column;gap:.25rem;text-align:center;padding:.9rem;border:1px solid var(--gold);color:white}.quote-button span{font-weight:750}.quote-button small{color:#b8c5d2}.summary-clear{border:0;background:transparent;color:#aebbc8;text-decoration:underline;padding:.5rem}.summary-note{font-size:.65rem;line-height:1.55;color:#8fa0b1;margin-top:1.2rem}
.map-panel{background:var(--designer-paper);padding:clamp(1.2rem,3vw,3rem)}.map-panel-head{display:flex;justify-content:space-between;gap:2rem}.map-panel-head h2{font:400 clamp(2rem,4vw,4rem)/1 var(--serif);margin:.3rem 0 1rem}.map-panel-head>div>p:last-child{color:var(--designer-muted);line-height:1.6}.map-selection-count{width:100px;height:100px;border:1px solid var(--designer-line);display:grid;place-content:center;text-align:center;flex:0 0 auto}.map-selection-count b{font:500 2.2rem var(--serif);color:var(--designer-gold)}.map-selection-count span{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--designer-muted)}
.map-country-choice{margin-top:1.2rem}.map-country-choice button{min-width:120px}
.destination-map{position:relative;min-height:620px;margin:2rem 0;background:radial-gradient(circle at 65% 43%,rgba(183,139,47,.12),transparent 28%),linear-gradient(145deg,#edf1ec,#e5e1d5);overflow:hidden;border:1px solid var(--designer-line)}
.destination-map:after{position:absolute;left:2rem;bottom:1.5rem;font:500 clamp(3rem,7vw,7rem)/1 var(--serif);color:rgba(6,29,56,.08);letter-spacing:.05em}.destination-map.map-china:after{content:"CHINA"}.destination-map.map-greece:after{content:"GREECE"}
.destination-map-base{position:absolute;inset:1rem}.destination-map-base svg{width:100%;height:100%;display:block}.map-regions path{fill:#d9d0bb;stroke:#a99774;stroke-width:1.25;vector-effect:non-scaling-stroke}.map-regions path:hover{fill:#dfd5bd}.china-islands-inset rect{fill:rgba(255,253,250,.45);stroke:#a99774;stroke-dasharray:5 4}.china-islands-inset circle{fill:#a99774}.china-islands-inset text{font:700 9px var(--sans);letter-spacing:.08em;fill:#796c55}.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:#a99774;letter-spacing:.5em}.map-credit{position:absolute;right:.55rem;bottom:.25rem;color:#847c6e;font-size:.5rem}
.map-marker{position:absolute;transform:translate(-50%,-50%);z-index:3;border:0;background:transparent;color:var(--designer-ink);padding:0;display:flex;align-items:center;gap:.35rem}.map-marker i{width:17px;height:17px;border:3px solid white;background:var(--designer-gold);border-radius:50%;box-shadow:0 0 0 1px var(--designer-ink),0 4px 12px rgba(0,0,0,.22)}.map-marker span{background:rgba(255,253,250,.92);border:1px solid rgba(7,29,56,.15);padding:.3rem .45rem;font:750 .62rem var(--sans);white-space:nowrap}.map-marker.selected i{background:var(--designer-ink);box-shadow:0 0 0 3px var(--designer-gold)}.map-marker.active span{background:var(--designer-ink);color:white}.map-compass{position:absolute;right:1.4rem;bottom:1.2rem;display:grid;place-items:center;color:var(--designer-ink);font-size:.62rem}.map-compass span{display:block;height:42px;width:1px;background:var(--designer-ink);position:relative}.map-compass span:before{content:"";position:absolute;left:-3px;top:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:7px solid var(--designer-ink)}
.map-city-detail{border-top:1px solid var(--designer-line);padding-top:1.3rem}.map-preview-card{display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;border:1px solid var(--designer-line);background:white}.map-preview-card>img{width:100%;height:100%;min-height:360px;object-fit:cover}.map-preview-copy{padding:1.25rem}.map-detail-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.map-detail-head h3{font:500 2rem var(--serif);margin:0}.map-detail-head p{margin:.35rem 0;color:var(--designer-muted);line-height:1.55}.map-detail-head button{border:1px solid var(--designer-ink);background:transparent;color:var(--designer-ink);padding:.65rem .8rem;white-space:nowrap}.map-detail-head button.selected{background:var(--designer-ink);color:white}.map-preview-copy>.city-day-control{position:static;margin-top:1rem;background:var(--designer-ink)}.map-attractions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.map-attraction-row{display:grid;grid-template-columns:64px 1fr auto;gap:.65rem;align-items:center;border:1px solid var(--designer-line);padding:.45rem;background:#fff}.map-attraction-row.selected{border-color:var(--designer-gold);background:#fff9e9}.map-attraction-row img{width:64px;height:54px;object-fit:cover}.map-attraction-row b{display:block;font-size:.7rem;line-height:1.3}.map-attraction-row a{display:inline-block;margin-top:.2rem;color:#92701f;font-size:.6rem;font-weight:750}.map-attraction-row>button{width:28px;height:28px;border:1px solid var(--designer-line);background:white;color:var(--designer-ink)}.map-attraction-row.selected>button{background:var(--designer-gold);border-color:var(--designer-gold);color:white}
@media(max-width:1100px){.designer-workspace{grid-template-columns:1fr}.designer-summary{position:relative;top:auto;max-height:none;min-height:auto}.destination-map{min-height:540px}}
@media(max-width:720px){.designer-hero{padding-top:2.2rem}.designer-mode-tabs{grid-template-columns:1fr}.designer-mode-tabs button+button{border-left:0;border-top:1px solid var(--designer-line)}.designer-controls{padding:1rem}.designer-step{grid-template-columns:32px 1fr;padding:1rem}.designer-city-grid,.designer-attractions,.map-attractions{grid-template-columns:1fr}.map-panel-head{display:block}.map-selection-count{width:auto;height:auto;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.7rem}.destination-map{min-height:470px;margin-inline:-.5rem}.destination-map-base{inset:.3rem}.map-marker span{font-size:.52rem}.map-preview-card{grid-template-columns:1fr}.map-preview-card>img{min-height:220px;max-height:260px}.map-detail-head{display:block}.map-detail-head button{margin-top:.7rem}.summary-heading{display:block}.summary-heading>b{display:inline-block;margin-top:1rem}.summary-city-head{grid-template-columns:28px 1fr auto}.summary-day-stepper{grid-column:2}.summary-city-head>button{grid-column:3;grid-row:1}}
.summary-empty[hidden]{display:none!important}