.travel-promo{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--card)}.travel-promo h2{font-size:clamp(25px,3vw,40px);line-height:1.18;margin:14px 0}.travel-promo p{color:var(--muted);line-height:1.65}.travel-fine{font-size:12px;line-height:1.6;color:var(--muted)}.travel-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.travel-theme{position:relative;overflow:hidden;border:1px solid #ffffff28;border-radius:13px;aspect-ratio:4/5;background:#06152a;padding:0;cursor:pointer;color:white}.travel-theme img{width:100%;height:100%;object-fit:cover;display:block}.travel-theme:hover{outline:2px solid #668bea;outline-offset:2px}.travel-mini-phone{position:absolute;left:10%;top:21%;width:43%;height:63%;border:2px solid #8492a2;border-radius:9px;background:linear-gradient(135deg,#102540,#030b18);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.travel-mini-phone b{background:#7348d7;border-radius:4px;padding:1px 4px;font-size:10px}.travel-mini-phone strong{font-size:23px;color:#74def1}.travel-mini-phone small{font-size:5px}.travel-theme-label{position:absolute;bottom:0;left:0;right:0;background:#031021df;padding:7px;font-size:12px;font-weight:700}#travelCardDialog{width:min(940px,94vw);max-height:90dvh;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--text);padding:24px;overflow:auto}#travelCardDialog::backdrop{background:#020817c9}.travel-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:inherit;font-size:30px;cursor:pointer}.travel-card-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.travel-canvas-wrap{background:#051020;border-radius:14px;overflow:hidden;align-self:start}.travel-canvas-wrap canvas{display:block;width:100%;height:auto}.travel-card-settings{display:flex;flex-direction:column;gap:12px}.travel-card-settings select{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);width:100%;font:inherit}.travel-card-settings button:disabled{opacity:.45;cursor:not-allowed}#travelCardMessage{font-size:14px;line-height:1.6}@media(max-width:760px){.travel-promo{grid-template-columns:1fr;padding:22px}.travel-card-layout{grid-template-columns:1fr}.travel-canvas-wrap{max-width:340px;margin:auto;width:100%}.travel-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#travelCardDialog{padding:20px}.travel-card-settings{gap:9px}}
/* An opaque dialog keeps the preview and controls readable in both themes. */
 #travelCardDialog .travel-card-settings .btn{background:#265fbd;color:#fff;border:1px solid #265fbd}#travelCardDialog .travel-card-settings .btn-start{background:#007f85;border-color:#007f85}#travelCardDialog .travel-card-settings button:disabled{background:var(--bg,#18263a);color:var(--muted,#9aa8bd);border-color:var(--line,#596574);opacity:1}
dialog#travelCardDialog{background:var(--surface,#111827);color:var(--text,#f5f7fb)}


.share-travel-option{display:flex;gap:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg);margin:18px 0}.share-travel-option h4{margin:0}.share-travel-option p{font-size:13px;margin:8px 0 14px}.share-travel-thumbs{display:flex;align-items:center;min-width:130px}.share-travel-thumbs img{width:55px;height:90px;object-fit:cover;border-radius:8px;border:2px solid var(--surface);margin-right:-15px}.share-classic-title{border-top:1px solid var(--line);padding-top:18px}.travel-back{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:0 35px 12px 0;cursor:pointer}@media(max-width:480px){.share-travel-option{flex-direction:column}.share-travel-thumbs img{width:65px;height:75px;margin-right:6px}}

.feedback-entry{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.feedback-entry small{color:var(--muted);font-size:12px}.feedback-entry .btn-feedback{background:#4338ca;color:#fff;border:1px solid #4338ca;padding:10px 18px}.feedback-entry .btn-feedback:hover{background:#3730a3}.feedback-example{display:flex;align-items:center;gap:14px;margin:18px 0}.feedback-example img{width:120px;height:90px;object-fit:cover;border-radius:10px}.feedback-example figcaption{font-size:13px;color:var(--muted)}#shareSpeedDialog .share-image-actions .btn,#shareSpeedDialog #copyShareBtn,#shareSpeedDialog #nativeShareBtn{background:#265fbd;color:#fff;border:1px solid #265fbd}#shareSpeedDialog .btn-start,.story-submit .btn-start{background:#007f85;color:#fff;border:1px solid #007f85}#shareSpeedDialog button:disabled{background:var(--bg);color:var(--muted);border:1px solid var(--line);opacity:1}.story-card .story-pair:not(:has(img)){min-height:45px;height:45px}a.btn-feedback:focus-visible{outline:3px solid #849dff;outline-offset:3px}

#shareSpeedDialog #shareResult[hidden]{display:none!important}#shareSpeedDialog #downloadShareImageBtn,#shareSpeedDialog #shareImageBtn,#shareSpeedDialog #copyShareBtn,#shareSpeedDialog #nativeShareBtn{background:#265fbd!important;color:#fff!important;border:1px solid #265fbd!important;opacity:1}#shareSpeedDialog #downloadShareImageBtn:hover,#shareSpeedDialog #shareImageBtn:hover{background:#194c9e!important}#shareSpeedDialog #downloadShareImageBtn:disabled,#shareSpeedDialog #shareImageBtn:disabled{background:#dce3ed!important;color:#56667d!important;border-color:#c8d2df!important;cursor:not-allowed}