.preview-page { padding-top: 66px; }
.preview-page [hidden]{display:none!important}
.preview-bar { position: fixed; z-index: 30; inset: 0 0 auto; height: 66px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(20px,calc((100% - 1160px)/2)); background: var(--ink); color: white; }
.preview-bar > div { display: flex; align-items: center; gap: 11px; }
.preview-bar span { font-weight: 900; }
.preview-bar small { color: #d3dfdb; font-size: 12px; }
.preview-bar a, .preview-bar button, .reference-card a { border: 0; border-radius: 999px; padding: 9px 14px; background: white; color: var(--ink); font-size: 12px; font-weight: 900; cursor: pointer; }
.preview-bar button { background: var(--accent); color: white; }
.preview-hero { padding-top: 55px; }
.preview-cover { min-height: 500px; display: grid; place-items: center; border-radius: 28px; background: linear-gradient(145deg,#dbece4,#f4e6d8); box-shadow: var(--shadow); }
.preview-cover{overflow:hidden}.preview-cover>img{width:100%;height:500px;object-fit:cover}.preview-spot-photo{width:40%;min-height:220px}.preview-spot-photo img{width:100%;height:100%;min-height:220px;object-fit:cover}.spot-card:not(.no-photo){display:flex}.spot-card:not(.no-photo) .spot-copy{flex:1}@media(max-width:700px){.spot-card:not(.no-photo){display:block}.preview-spot-photo{width:100%;min-height:190px}.preview-spot-photo img{min-height:190px;max-height:300px}}
.preview-cover > div { text-align: center; color: var(--muted); }
.preview-cover span { display: block; color: var(--ink); font-size: 24px; font-weight: 900; }
.preview-cover small { font-size: 12px; }
.preview-author { display: flex; gap: 10px; align-items: center; padding-top: 18px; border-top: 1px solid var(--line); }
.preview-author-copy { display: flex; flex: 1; flex-direction: column; }
.preview-author span { color: var(--muted); font-size: 12px; }
.preview-author-copy a{color:var(--ink);font-weight:850;text-decoration:underline;text-decoration-color:#c8d5cf;text-underline-offset:3px}
.remote-comment-head a{color:inherit;text-decoration:underline;text-decoration-color:#c8d5cf;text-underline-offset:3px}
.author-follow{border:1px solid #b8cbc1;border-radius:999px;padding:8px 14px;background:#fff;color:#245e4d;font-size:12px;font-weight:850;cursor:pointer}.author-follow.selected{background:#e7f4ec}.author-follow:disabled{opacity:.55;cursor:wait}
.preview-layout { padding-bottom: 80px; }
.reference-card a { display: block; margin-top: 15px; text-align: center; background: var(--accent); color: white; }
.preview-empty { padding: 35px; background: var(--cream); border-radius: 16px; color: var(--muted); text-align: center; }
@media(max-width:580px){.preview-page{padding-top:82px}.preview-bar{height:82px;padding:10px 12px}.preview-bar small{display:none}.preview-bar a,.preview-bar button{padding:8px 10px}.preview-cover{min-height:310px}.preview-cover>img{height:310px}.preview-hero{padding-top:28px}}
.preview-source-plan{display:flex;gap:8px;align-items:center;margin:15px 0;padding:12px 14px;border-radius:12px;background:#f1f5f2;color:#48564f;font-size:13px}.preview-source-plan strong{color:#26352e}.visit-status{font-size:11px!important;border-radius:999px;padding:4px 8px!important}.visit-status.visited{background:#e3f4eb!important;color:#176a42!important}.visit-status.skipped{background:#ecefed!important;color:#59645f!important}.timeline-item.spot.skipped{opacity:.7}
.preview-bar #createActualFromPlan{border:1px solid #a9cbb8;background:transparent;color:#e6f3ea;font-weight:700}.comparison-view-toggle{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:0 0 18px;padding:5px;border:1px solid #d7e3dc;border-radius:999px;background:#f5f8f6}.comparison-view-toggle span{padding:0 9px;color:#63746b;font-size:11px}.comparison-view-toggle button{border:0;border-radius:999px;padding:8px 12px;background:transparent;color:#39584a;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.comparison-view-toggle button.active{background:#244d3d;color:#fff}.comparison-before{display:grid;gap:4px;margin:0 0 9px;padding:10px 12px;border-left:3px solid #91ad9e;border-radius:0 9px 9px 0;background:#f2f6f3;color:#44584d;font-size:12px}.comparison-before small{color:#597164;font-weight:800}.comparison-before em{font-style:normal;color:#996048}.move-copy .comparison-before{margin-bottom:8px}
@media(max-width:580px){.preview-bar #createActualFromPlan{font-size:10px;padding:6px 8px}.comparison-view-toggle{width:100%}.comparison-view-toggle button{flex:1}}
@media(max-width:600px){.preview-source-plan{display:grid}.spot-head{flex-wrap:wrap}.spot-time{width:100%}}
.preview-share-toolbar{width:min(1180px,calc(100% - 32px));margin:18px auto 0}.preview-share-toolbar .share-buttons button:first-child{background:#8a958f;border-color:#8a958f}
.spot-rating{color:#bd6c16!important;background:#fff4d9!important;letter-spacing:.08em}
.remote-social-actions button.selected{background:#e86452;color:#fff}.remote-social-actions button:disabled{opacity:.55;cursor:wait}.remote-save-control{display:flex;gap:5px;align-items:center}.remote-save-control>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.remote-save-control select{max-width:150px;border:1px solid #d3ddd7;border-radius:999px;padding:8px 27px 8px 10px;background:#fff;color:#44534c;font:inherit;font-size:12px}.remote-action-status{margin:10px 0 0;color:#35614b;font-size:13px;font-weight:700;line-height:1.5}.remote-action-status.error{color:#a63f34}.remote-comments{padding-bottom:20px}.remote-comments form{display:grid;gap:9px;margin-top:22px;padding:18px;border:1px solid #dce4df;border-radius:16px;background:#fff}.remote-comments label{font-weight:800}.remote-comments textarea{width:100%;resize:vertical;border:1px solid #cbd7d0;border-radius:12px;padding:12px;font:inherit;line-height:1.6}.remote-comments form>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.remote-comments form small{color:#52615a;font-size:12px}.remote-comments form button{border:0;border-radius:999px;background:#e86452;color:#fff;padding:10px 16px;font-weight:850;cursor:pointer}.remote-comments form button:disabled{opacity:.55}.remote-comment-list{display:grid;gap:10px;margin-top:18px}.remote-comment{padding:15px 17px;border-radius:14px;background:#f5f7f5}.remote-comment.reply{margin-left:28px}.remote-comment-head{display:flex;align-items:center;gap:9px}.remote-comment-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-comment-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:#dcebe4;color:#285f4b;font-size:12px;font-weight:900}.remote-comment-avatar img{display:block;width:100%;height:100%;object-fit:cover}.remote-comment time{margin-left:auto;color:#5b6862;font-size:12px}.remote-comment p{margin:8px 0 0;white-space:pre-wrap;line-height:1.7}.reference-card a[aria-disabled=true]{pointer-events:none;opacity:.55}
.remote-safety-card{margin-top:15px;padding:17px;border:1px solid #dce4df;border-radius:16px;background:#fff}.remote-safety-card>span{color:#52615a;font-size:12px;font-weight:850}.remote-safety-card>p{margin:7px 0 13px;color:#52615a;font-size:12px;line-height:1.6}.remote-safety-card>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.remote-safety-card button{border:1px solid #d8dfdb;border-radius:10px;padding:9px;background:#fff;color:#44534c;font-size:11px;font-weight:800;cursor:pointer}.remote-safety-card button:last-child{color:#9b4338}.remote-safety-card button:disabled{opacity:.55}.report-dialog{width:min(510px,calc(100% - 28px));border:0;border-radius:20px;padding:0;box-shadow:var(--shadow)}.report-dialog::backdrop{background:rgba(15,31,28,.5)}.report-dialog form{display:grid;gap:8px;padding:25px}.report-dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:4px}.report-dialog-head span{color:#a34a3c;font-size:11px;font-weight:900;letter-spacing:.12em}.report-dialog-head h2{margin:2px 0 0}.report-dialog-head button{width:36px;height:36px;border:0;border-radius:50%;background:#f1f3f1;font-size:20px;cursor:pointer}.report-dialog label{margin-top:7px;font-size:13px;font-weight:850}.report-dialog select,.report-dialog textarea{width:100%;border:1px solid #cbd7d0;border-radius:11px;padding:11px;background:#fff;font:inherit}.report-dialog textarea{resize:vertical;line-height:1.6}.report-dialog form>p{margin:3px 0;color:#52615a;font-size:12px}.report-dialog-actions{display:flex;justify-content:end;gap:8px;margin-top:8px}.report-dialog-actions button{border:0;border-radius:10px;padding:10px 14px;background:#eef1ef;font-weight:850;cursor:pointer}.report-dialog-actions button:last-child{background:#a84a3e;color:#fff}.report-dialog-actions button:disabled{opacity:.55}
@media(max-width:600px){.remote-comments form>div{align-items:stretch;flex-direction:column}.remote-comments form button{width:100%}.remote-comment.reply{margin-left:14px}.remote-safety-card>div{grid-template-columns:1fr}.report-dialog-actions{display:grid;grid-template-columns:1fr 1fr}}
@media print{.preview-bar,.preview-share-toolbar,.preview-page .detail-aside,.preview-page .toast{display:none!important}.preview-page{padding-top:0!important}.preview-hero{margin-top:0!important}.preview-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact}.preview-source-plan{break-inside:avoid}}