.video-effect-duration{margin-top:24px!important;border:0}.hotel-portrait-upload{margin-top:24px}.hotel-portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hotel-portrait-grid label{display:block;margin-bottom:10px;font-size:14px;font-weight:500;line-height:20px}.hotel-portrait-slot{position:relative;overflow:hidden;aspect-ratio:4 / 5;border:1px dashed rgb(255 255 255 / 18%);border-radius:12px;background:#ffffff06}.hotel-portrait-slot.is-dragging{border-color:#f97316;background:#f973161a}.hotel-portrait-slot>img{width:100%;height:100%;object-fit:contain}.hotel-portrait-add{position:absolute;inset:0;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:0;background:transparent;color:#c2c3cb;font-size:14px;font-weight:500}.hotel-portrait-add>span:first-child{position:relative;color:#ffffff59;transition:color .2s}.hotel-portrait-add:hover>span:first-child{color:#ea580c}.hotel-portrait-plus{position:absolute;right:-4px;bottom:0;display:grid;width:24px;height:24px;place-items:center;border:1px solid rgb(255 255 255 / 15%);border-radius:50%;background:#090a10;color:#ea580c}.hotel-portrait-label{color:#ffffffd9}.hotel-portrait-add:hover{background:#ffffff0b}.hotel-portrait-actions{position:absolute;display:flex;gap:6px;top:8px;right:8px}.hotel-portrait-actions button{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;color:#fff;background:#000000b3}.hotel-portrait-help{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.hotel-portrait-help p{color:#ffffff73;font-size:12px;line-height:16px}.hotel-portrait-help button{display:flex;min-height:44px;align-items:center;gap:6px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#ffffffbf;font-size:12px;font-weight:500}.hotel-portrait-help button:hover{background:#ffffff0d}.hotel-portrait-help button:disabled{opacity:.35}.hotel-examples h2{margin-top:12px;font-size:42px;font-weight:700;line-height:1.08}.hotel-examples-intro{margin-top:20px!important;color:#a9a9b5;max-width:980px;font-size:16px;line-height:32px}.hotel-example-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;margin:20px 0 0;list-style:none;color:#babac4;font-size:14px;line-height:24px}.hotel-example-notes li:before{content:"✓";margin-right:10px;color:#f97316}.hotel-example-gallery{width:min(100%,900px);margin:40px auto 0}.hotel-watch{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:16 / 9;padding:0;border:0;border-radius:12px;background:#000;isolation:isolate}.hotel-watch>video{display:block;width:100%;height:100%;object-fit:contain}.hotel-watch-trigger{position:absolute;z-index:1;inset:0;width:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:#fff}.hotel-watch-pause{position:absolute;z-index:2;bottom:12px;left:12px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgb(255 255 255 / 20%);border-radius:50%;background:#000000a6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hotel-watch-trigger:focus-visible,.hotel-watch-pause:focus-visible{outline:2px solid #fff;outline-offset:-2px}.hotel-watch-label{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:500;line-height:16px}.hotel-example-sources{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.hotel-example-sources>div{display:flex;align-items:center;gap:8px;color:#a3a3af;font-size:12px}.hotel-example-sources img{display:block;width:112px;height:56px;object-fit:contain;border:1px solid rgb(255 255 255 / 15%);border-radius:6px;background:#000}.hotel-example-tabs{display:flex;overflow-x:auto;gap:12px;margin-top:16px;min-width:0;padding:0 0 8px;border:0;overscroll-behavior-x:contain}.hotel-example-tabs button{width:128px;flex-shrink:0;overflow:hidden;padding:0;border:2px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff08;color:#a3a3af;text-align:left}.hotel-example-tabs button[aria-pressed=true]{border-color:#ffffffd9;background:#ffffff1a;color:#fff}.hotel-example-tabs img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:5px}.hotel-example-tabs span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px;padding:8px;font-size:12px;line-height:16px}.hotel-feature .effect-story-figures{width:100%}.hotel-photo-guidance h2{max-width:900px;font-size:42px;font-weight:700;line-height:1.08}.hotel-photo-guidance article>p{max-width:980px;margin-top:20px;color:#a8a9b4;font-size:16px;line-height:32px}.hotel-photo-grid,.hotel-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}.hotel-frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hotel-photo-grid img,.hotel-frame-grid img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:10px}.hotel-photo-grid figcaption,.hotel-frame-grid figcaption{margin-top:16px}.hotel-photo-grid h3,.hotel-frame-grid h3{font-size:16px;font-weight:700;line-height:24px}.hotel-photo-grid p,.hotel-frame-grid p{margin-top:8px;color:#a3a3af;font-size:14px;line-height:24px}.hotel-video-modal{position:fixed;inset:0;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:56px 12px 12px;overflow-y:auto;border:1px solid rgb(255 255 255 / 10%);border-radius:24px;color:#fff;background:linear-gradient(180deg,#0f1018f5,#0a0b12fa);box-shadow:0 30px 100px #0000008c;-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);font-family:ui-sans-serif,system-ui,sans-serif}.hotel-video-modal::backdrop{background:#030509c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hotel-video-modal button{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:grid;width:40px;height:40px;place-items:center;border:1px solid rgb(255 255 255 / 12%);border-radius:50%;background:#0009;color:#fff;cursor:pointer;opacity:.95;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 15px #0000001a}.hotel-video-modal button:hover{background:#000000bf}.hotel-video-modal video{display:block;width:100%;max-height:75dvh;margin-inline:auto;border-radius:8px;background:#000;object-fit:contain}@media(max-width:767px){.hotel-examples h2{font-size:32px}.hotel-example-notes{grid-template-columns:1fr;gap:12px}.hotel-photo-guidance h2{font-size:32px}.hotel-photo-grid,.hotel-frame-grid{grid-template-columns:1fr;gap:28px}}.video-effect-duration legend{margin-bottom:10px;font-size:14px;font-weight:500}.video-effect-duration>div{display:flex;gap:4px;padding:4px;border:1px solid rgb(255 255 255 / 5%);border-radius:12px;background:#2925244d}.video-effect-duration button{flex:1;height:36px;border:0;border-radius:8px;color:#d5d2cf;background:transparent;font-size:14px}.video-effect-duration button[aria-pressed=true]{color:#ea580c;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1a}.video-effect-results{display:flex;flex-direction:column;padding:20px}.video-effect-results>h2{margin-bottom:0;font-size:16px;font-weight:700;line-height:24px}.video-effect-result-stage{display:grid;flex:1;min-height:0;place-items:center;overflow:hidden;padding-block:28px;background:transparent}.video-effect-result-stage .hotel-watch{width:100%;max-width:900px}.hotel-use-cases .hotel-watch{max-width:720px}.hotel-use-cases .effect-story-figures{display:block}.video-effect-result-stage video{display:block;width:100%;height:100%;max-height:calc(100dvh - 240px);object-fit:contain}.video-effect-result-actions{display:flex;min-height:44px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;border:0}.video-effect-result-actions button,.video-effect-result-actions a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;color:#d5d2cf;background:#ffffff0a;font-size:12px}.video-effect-examples h2{margin-top:12px;font-size:42px;font-weight:700;line-height:1.08}.video-effect-how-preview{margin:36px auto 0;max-width:1120px}.video-effect-how-preview .effect-how-media{margin-top:0!important}.video-effect-examples-description{max-width:980px;margin-top:20px!important;font-size:16px;line-height:32px;color:#ffffffad}.video-effect-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.video-effect-example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-effect-example-pair>div{position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;background:#000}.video-effect-example-pair img,.video-effect-example-pair video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain}.video-effect-example-pair span{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:5px;color:#fff;background:#0009;font-size:11px;pointer-events:none}@media(max-width:1199px){.video-effect-examples-grid{grid-template-columns:1fr}}@media(max-width:767px){.video-effect-examples h2{font-size:32px}.video-effect-results{min-height:420px;padding:16px}.video-effect-result-stage{min-height:260px}.video-effect-result-stage video{max-height:400px}}@media(min-width:768px){.hotel-examples-intro,.hotel-photo-guidance article>p,.video-effect-examples-description{font-size:18px}}