.hotel-page{--hotel-orange:#b94916;--hotel-wash:#f5ede1}.dark .hotel-page{--hotel-orange:#ffad77;--hotel-wash:#29241e}.hotel-page .page{max-width:1240px}.hotel-page .nav{padding-inline:40px}.hotel-page .hotel-kicker{color:var(--hotel-orange);letter-spacing:.14em;font-size:10px;font-weight:800}.hotel-page h1{letter-spacing:-.055em;margin:9px 0 12px;font-family:Inter,sans-serif;font-size:clamp(40px,4.5vw,54px);font-weight:800;line-height:1.05}.hotel-page h1 em{color:var(--hotel-orange)}.hotel-page .hotel-heading>.hotel-intro{color:var(--muted-foreground);max-width:700px;font-size:16px;line-height:1.6}.hotel-page .hotel-heading>.generation-cost-note{margin-top:14px;font-size:14px;line-height:1.55}.hotel-page .photo-privacy-note{margin:4px 0 10px;font-size:11px}.hotel-page .hotel-create-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:start;gap:36px;display:grid}.hotel-page .hotel-showcase{min-width:0;padding-top:4px}.hotel-page .hotel-showcase-heading{letter-spacing:.07em;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:9px;font-weight:800;display:flex}.hotel-page .hotel-showcase-heading span:first-child,.hotel-page .hotel-perks span{align-items:center;gap:6px;display:flex}.hotel-page .hotel-preview-board{border:1px solid color-mix(in srgb, var(--hotel-orange) 18%, var(--line));background:var(--hotel-wash);border-radius:18px;grid-template-columns:minmax(80px,108px) 30px minmax(0,260px);justify-content:center;align-items:center;gap:14px;padding:18px;display:grid}.hotel-page .hotel-input-photos{gap:18px;display:grid}.hotel-page .hotel-input-photos>p{color:var(--muted);text-align:center;font-size:11px;font-weight:700}.hotel-page .hotel-input-photos figure{background:var(--surface);border-radius:7px;padding:5px 5px 0;box-shadow:0 3px 8px #2e211013}.hotel-page .hotel-input-photos figure:first-of-type{transform:rotate(-4deg)}.hotel-page .hotel-input-photos figure:nth-of-type(2){transform:rotate(3deg)}.hotel-page .hotel-input-photos img{border-radius:4px;width:100%;height:auto;display:block}.hotel-page .hotel-input-photos figcaption{text-align:center;letter-spacing:.12em;padding:6px 0;font-size:9px;font-weight:800}.hotel-page .hotel-transform-arrow{color:var(--hotel-orange)}.hotel-page .hotel-result{background:#bc5119;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 6px 20px #52250d26}.hotel-page .hotel-result>img,.hotel-page .hotel-result>video{aspect-ratio:9/16;object-fit:cover;width:100%;height:auto;display:block}.hotel-page .hotel-preview-label{color:#fff;pointer-events:none;background:#2c1b13cc;border-radius:5px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px;right:10px}.hotel-page .hotel-showcase-caption{margin-top:18px}.hotel-page .hotel-showcase-caption strong{letter-spacing:-.03em;font-size:18px}.hotel-page .hotel-showcase-caption p{color:var(--muted);margin-top:4px;font-size:12px}.hotel-page .hotel-perks{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:11px;display:flex}.hotel-page .generator{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-area:auto;max-width:none;padding:20px;box-shadow:0 6px 24px #18210005}.hotel-page .hotel-form-intro{margin-bottom:14px}.hotel-page .hotel-form-intro h2{letter-spacing:-.04em;margin:4px 0;font-family:Inter,sans-serif;font-size:24px;font-weight:800;line-height:1.2}.hotel-page .hotel-form-intro>p:last-child{color:var(--muted);font-size:13px}.hotel-page .toggle{background:var(--bg);margin-bottom:12px}.hotel-page .tog{min-height:38px;font-size:12px}.hotel-page .slot{border-color:color-mix(in srgb, var(--muted) 45%, transparent);background:var(--bg);gap:12px;min-height:112px;padding:12px 8px}.hotel-page .slot:hover{border-color:var(--rap-link);background:var(--accent-soft)}.hotel-page .slot .plus{background:var(--surface);border:1px solid var(--line);width:32px;height:32px;color:var(--text);border-radius:50%}.hotel-page .slot-name{text-align:center;font-size:11px;font-weight:600}.hotel-page .slot-name small{color:var(--rap-link);margin-top:3px;font-size:11px;display:block}.hotel-page .slot[data-filled=true] .slot-name{margin-top:70px}.hotel-page .photo-help{text-align:center;margin:8px 0 12px;font-size:10px}.hotel-page .slot-hint{text-align:center;margin:4px 0 14px;font-size:11px}.hotel-page .stage-selector{margin-block:0 12px}.hotel-page .stage-selector>p{display:none}.hotel-page .stage-selector-current{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:10px;margin:0;padding:9px}.hotel-page .stage-selector-current>img{width:44px;height:44px}.hotel-page .stage-selector-current strong{font-size:12px;display:block}.hotel-page .stage-selector-current p{font-size:10px}.hotel-page .stage-selector-current>button{min-height:38px;padding:8px;font-size:11px}.hotel-page .optional-topic{border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.hotel-page .optional-topic summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:700;list-style:none;display:flex}.hotel-page .optional-topic summary::-webkit-details-marker{display:none}.hotel-page .optional-topic summary:focus-visible{outline:2px solid var(--rap-link);outline-offset:3px}.hotel-page .topic-preview{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:11px;font-weight:400;overflow:hidden}.hotel-page .topic-chevron{font-size:16px}.hotel-page .optional-topic[open] .topic-chevron{transform:rotate(180deg)}.hotel-page .optional-topic .field,.hotel-page .optional-topic .idea-label,.hotel-page .optional-topic .chips{margin-inline:12px}.hotel-page .optional-topic .field input{height:44px;font-size:16px}.hotel-page .optional-topic .field-helper{font-size:11px}.hotel-page .chip{min-height:36px;padding:6px 10px;font-size:11px}.hotel-page .hotel-format{text-align:center;color:var(--muted);margin-bottom:9px;font-size:11px}.hotel-page .consent{text-align:center;margin-bottom:12px;font-size:10px}.hotel-page .cta{min-height:48px;font-size:14px}.hotel-page .cta:disabled{background:var(--rap-soft);color:var(--muted)}.hotel-page .hotel-price{text-align:center;color:var(--muted);margin-top:13px;font-size:10px;line-height:1.6}.hotel-page .hotel-price p:first-child{margin-bottom:2px;font-size:12px}.hotel-page .hotel-price strong{color:var(--text)}.hotel-page .draft-status{text-align:center;font-size:10px;line-height:1.5}.hotel-page .below{border-top:1px solid var(--line);padding:0 40px}.hotel-page .section{margin-bottom:0;padding:40px 0}.hotel-page .section h2{letter-spacing:-.04em;margin-top:10px;font-family:Inter,sans-serif;font-size:30px;font-weight:700}.hotel-page .duo-number{color:var(--hotel-orange)}.hotel-page .faq-item{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:18px}@media (width<=1000px){.hotel-page .nav,.hotel-page .hotel-hero{padding-inline:24px}.hotel-page .hotel-create-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px}.hotel-page .hotel-preview-board{grid-template-columns:76px 20px minmax(0,1fr);gap:10px;padding:14px}.hotel-page .hotel-transform-arrow{width:20px}.hotel-page .hotel-showcase-heading span:last-child{display:none}.hotel-page .generator{padding:18px}.hotel-page .below{padding-inline:24px}}@media (width<=760px){.hotel-page .hotel-create-grid{grid-template-columns:minmax(0,1fr);gap:24px}.hotel-page .hotel-hero{padding:24px 16px 32px}.hotel-page .hotel-heading{margin-bottom:24px}.hotel-page .hotel-heading>.hotel-intro{font-size:14px}.hotel-page .hotel-showcase{width:100%;max-width:500px;margin:auto}.hotel-page .hotel-showcase-heading{display:none}.hotel-page .hotel-preview-board{grid-template-columns:64px 24px 128px;justify-content:center;gap:20px;padding:14px 24px}.hotel-page .hotel-input-photos{gap:8px}.hotel-page .hotel-input-photos>p{white-space:nowrap;font-size:10px}.hotel-page .hotel-input-photos figcaption{padding-block:4px;font-size:8px}.hotel-page .hotel-result{justify-self:center;max-width:128px}.hotel-page .hotel-showcase-caption{display:none}.hotel-page .hotel-showcase-caption strong{font-size:16px}.hotel-page .hotel-perks{display:none}.hotel-page .generator{width:100%;max-width:500px;margin:auto}.hotel-page .nav{padding:10px 16px}.hotel-page .below{padding-inline:20px}.hotel-page .stage-selector-current>img{width:36px;height:42px}.hotel-page .stage-selector-current strong{font-size:11px}}@media (width<=380px){.hotel-page .hotel-preview-board{gap:12px;padding-inline:16px}.hotel-page .generator{padding:14px}.hotel-page .nav-links{gap:10px}}.hotel-page .page{max-width:1120px;padding-inline:24px}.hotel-page .hotel-hero{padding:12px 0 32px}.hotel-page .hotel-heading{text-align:left;max-width:920px;margin:0 0 22px}.hotel-page h1{font-size:clamp(30px,3.8vw,44px)}.hotel-page .hotel-preview-board{background:0 0;border:0;flex-direction:column;padding:0;display:flex}.hotel-page .hotel-result{order:0;width:min(100%,280px)}.hotel-page .hotel-input-photos{background:var(--surface);border-radius:10px;order:1;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.hotel-page .hotel-input-photos>p{margin-right:auto}.hotel-page .hotel-input-photos figure{box-shadow:none;background:0 0;align-items:center;gap:6px;padding:0;display:flex;transform:none}.hotel-page .hotel-input-photos img{object-fit:cover;width:34px;height:44px}.hotel-page .hotel-transform-arrow,.hotel-page .hotel-showcase-heading{display:none}.hotel-page .hotel-showcase-caption{text-align:center}.hotel-page .below{padding-inline:0}@media (width<=767px){.hotel-page .page{padding-inline:16px}.hotel-page .hotel-create-grid{gap:16px}.hotel-page .hotel-create-grid>.topic-mobile-start{min-height:46px;color:var(--rap-accent-ink);justify-content:center;align-items:center;margin:0;display:flex}.hotel-page .hotel-heading{margin-bottom:20px}.hotel-page .hotel-heading>.generation-cost-note{margin-top:12px;font-size:13px}.hotel-page .hotel-result{width:min(100%,340px);max-width:none}.hotel-page .hotel-result video{object-fit:cover;object-position:50% 25%;height:330px}.hotel-page .hotel-heading>.hotel-intro{font-size:14px;line-height:1.65}.hotel-page .hotel-showcase-caption,.hotel-page .hotel-perks{display:none}}
