@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-serif-sc-v2-0.ttf) format("truetype")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/noto-serif-sc-v2-1.ttf) format("truetype")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-serif-sc-v2-2.ttf) format("truetype")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/noto-serif-sc-v2-3.ttf) format("truetype")}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#282821;background:#faf8f4;font-synthesis:none;font-weight:400;--accent:#bc4828;--accent-dark:#a4381b;--muted:#939088;--serif:"Noto Serif SC","Songti SC","STSong",serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c96541;outline-offset:4px}button{transition:background .2s,color .2s,transform .2s,box-shadow .2s}button:disabled{cursor:wait;opacity:.7}img{max-width:100%;display:block}svg{flex-shrink:0}button:active{transform:translateY(1px)}.site-shell{max-width:1680px;margin:auto;padding:0 54px}.site-header{height:91px;display:flex;align-items:center;border-bottom:1px solid #e9e5dd;gap:58px}.brand{display:flex;align-items:center;gap:5px}.brand-word{font-family:var(--serif);font-size:36px;font-weight:900;letter-spacing:-3px;line-height:1.2}.brand-seal{writing-mode:vertical-rl;color:#fff;background:var(--accent);font-family:var(--serif);font-size:9px;border-radius:3px;padding:3px 1px;margin:7px 0 0 5px}.desktop-nav{display:flex;gap:38px;height:100%;align-items:stretch}.desktop-nav button{position:relative;font-size:14px;letter-spacing:1px}.desktop-nav button.active{font-weight:600;color:#282821}.desktop-nav button.active:after{content:"";position:absolute;bottom:21px;height:2px;width:19px;left:calc(50% - 9px);background:var(--accent)}.header-right{margin-left:auto;display:flex;align-items:center;gap:27px}.header-note{font-family:var(--serif);font-size:12px;letter-spacing:2px;color:#939088}.profile-button{display:flex;align-items:center;gap:10px}.avatar{height:35px;width:35px;border-radius:50%;background:#e9e7dd;color:#737c67;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 0 0 1px #e6e1d8}.hero{margin-top:24px;position:relative;min-height:460px;border-radius:12px;overflow:hidden;background:#e8e4d8}.photo-panel{background-image:url(/images/travel-panels.png);background-repeat:no-repeat;background-size:400% 100%}.panel-0{background-position:0 50%}.panel-1{background-position:33.333333% 50%}.panel-2{background-position:66.666667% 50%}.panel-3{background-position:100% 50%}.hero-photo{position:absolute;top:0;bottom:0;right:0;width:100%;background-image:url(/images/hero-guilin.png);background-size:cover;background-position:center 44%;filter:saturate(.8)}.hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f4f1e9 0%,#f5f2eb 21%,#f5f2ebee 34%,#f5f2eb9c 47%,#f5f2eb12 65%,transparent 80%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,#383a2422);pointer-events:none}.hero-content{position:relative;z-index:1;padding:48px 42px 55px;max-width:650px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:4px;color:#8b745b;margin-bottom:24px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--accent)}h1,h2,p{margin:0}.hero h1{font-family:var(--serif);font-size:clamp(34px,3.1vw,54px);line-height:1.48;letter-spacing:1px;font-weight:700;color:#1d251d}.title-dot{color:var(--accent);margin-left:-3px}.hero-content>p{font-size:14px;color:#6b6c60;line-height:1.9;letter-spacing:1px;margin-top:17px}.primary{background:var(--accent);color:#fff;min-height:46px;padding:12px 25px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;letter-spacing:1px}.primary:hover{background:var(--accent-dark);box-shadow:0 4px 15px #9c422122}.hero-cta{margin-top:29px;min-width:185px;border-radius:30px}.hero-caption{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#969183;margin-top:24px}.tiny-line{height:1px;width:23px;background:#aaa08c}.ai-label{position:absolute;right:19px;top:18px;display:flex;align-items:center;gap:5px;color:#fff;font-size:10px;letter-spacing:1px;border:1px solid #ffffff77;border-radius:4px;padding:5px 8px;background:#33382f38;z-index:1}.hero-play{position:absolute;right:25%;top:46%;width:65px;height:65px;display:grid;place-items:center;padding-left:9px;background:#ffffff16;color:#fff;border:1px solid #ffffffbb;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.hero-play:hover{background:#fff4;transform:scale(1.06)}.hero-location{position:absolute;bottom:26px;right:30px;color:#fff;z-index:1;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px}.hero-location>span:last-child{font-size:8px;opacity:.7;margin-left:8px;letter-spacing:1px}.location-dot{height:4px;width:4px;border:1px solid #fff;transform:rotate(45deg)}.hero-pagination{display:flex;gap:6px;position:absolute;bottom:29px;left:50%;z-index:1}.hero-pagination span{width:5px;height:5px;background:#fff7;border-radius:50%}.hero-pagination .current{width:20px;background:#fff;border-radius:5px}.steps{position:relative;display:flex;align-items:center;justify-content:space-around;gap:24px;padding:25px 35px;background:#fffdf9;border:1px solid #eeebe4;border-radius:10px;margin:19px 0 40px;box-shadow:0 7px 20px #312c1f03}.step{display:flex;align-items:center;gap:16px}.step-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#915b3c;background:#f6ede2}.step h2{font-family:var(--serif);font-size:16px;font-weight:600}.step h2>span{font-family:Inter,sans-serif;font-size:13px;letter-spacing:1px;font-weight:400;color:var(--accent);margin-right:9px}.step p{margin-top:7px;font-size:11px;color:#969086;letter-spacing:.4px}.step-arrow{color:#beb6a9}.discovery-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.section-kicker{display:block;font-size:9px;letter-spacing:2.5px;color:#a1947f;margin-bottom:9px}.section-heading h2{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:.5px}.section-heading h2>span{font-family:Inter,sans-serif;color:var(--accent);font-size:22px;margin-left:13px;font-weight:400}.template-count{font-size:10px;color:#9b958a;white-space:nowrap;padding-bottom:4px}.filters{display:flex;gap:8px;margin:20px 0 18px;flex-wrap:wrap}.filters>button{padding:7px 16px;border-radius:24px;background:#f0ede7;font-size:11px;color:#837e74;white-space:nowrap}.filters>button:hover{background:#e9e2d8}.filters>button.selected{background:var(--accent);color:#fff}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.template-card{position:relative;min-width:0;aspect-ratio:.61;border-radius:9px;transition:transform .3s,box-shadow .3s}.template-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #30221222}.template-card.is-selected{box-shadow:0 0 0 2px #faf8f4,0 0 0 3.5px #bc4828}.card-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;text-align:left;overflow:hidden;border-radius:9px;color:#fff}.card-image{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .7s;filter:saturate(.85)}.template-card:hover .card-image{transform:scale(1.04)}.card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000017,transparent 30%,#10170e22 50%,#10170ed9 100%)}.card-tag{position:absolute;left:10px;top:12px;font-size:9px;padding:4px 7px;border:1px solid #ffffff66;background:#2a332833;border-radius:3px;letter-spacing:.7px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.selection-mark{position:absolute;right:9px;top:12px;width:21px;height:21px;border-radius:50%;background:var(--accent);display:grid;place-items:center}.card-copy{position:absolute;left:13px;right:13px;bottom:14px;display:flex;flex-direction:column;gap:7px}.card-location{font-size:8px;letter-spacing:1px;color:#e7e2d4;opacity:.8}.card-copy>strong{font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:1px}.card-subtitle{font-size:9px;line-height:1.6;color:#e7e2d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:9px}.card-bottom>span{display:flex;align-items:center;gap:5px}.card-bottom>span:first-child>svg{border:1px solid #fff;border-radius:50%;width:16px;height:16px;padding:3px}.card-use{padding:6px 8px;background:#fffcf2;color:#9e4a2e;border-radius:20px;font-size:9px}.card-preview{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;width:43px;height:43px;padding-left:9px;border:1px solid #ffffffaa;border-radius:50%;background:#ffffff20;opacity:0;transition:opacity .2s,background .2s}.template-card:hover .card-preview,.card-preview:focus-visible{opacity:1}.card-preview:hover{background:#fff4}.below-cards{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;color:#9d978b;font-size:10px}.below-cards>span{display:flex;align-items:center;gap:7px}.below-cards>span:first-child>svg{color:#a68163}.creator-panel{background:#fffdf9;border:1px solid #eae4db;border-radius:10px;padding:17px 16px;scroll-margin-top:25px;box-shadow:0 4px 20px #41312003}.creator-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.creator-heading h2{font-family:var(--serif);font-size:19px;font-weight:600}.creator-heading>span{font-size:9px;color:#a29a8e}.selected-preview{height:130px;position:relative;border-radius:5px;overflow:hidden}.selected-preview>.photo-panel{position:absolute;top:0;right:0;bottom:0;left:0;background-size:400% auto;background-position-y:39%}.selected-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 30%,#1e251cac)}.selected-preview>strong{position:absolute;bottom:12px;left:12px;font-size:16px;font-family:var(--serif);color:#fff;font-weight:500}.duration{position:absolute;right:10px;bottom:12px;color:#fff;display:flex;gap:4px;align-items:center;font-size:9px;border:1px solid #ffffff77;border-radius:13px;padding:3px 6px}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;min-height:149px;background:#fbf9f5;border:1px dashed #d5ccbe;border-radius:5px;margin-top:12px;padding:14px 8px;gap:7px}.upload-zone:hover{border-color:var(--accent);background:#faf1e8}.upload-symbol{position:relative;display:block;color:#b7b3a9;margin-bottom:3px}.upload-symbol>span{position:absolute;bottom:1px;right:-5px;width:15px;height:15px;background:#b7b3a9;border-radius:50%;border:2px solid #fbf9f5;color:#fff;display:grid;place-items:center}.upload-zone>strong{font-size:12px;font-weight:400;letter-spacing:.7px}.upload-zone>span:not(.upload-symbol){font-size:9px;color:#a49e94}.upload-zone>small{font-size:8px;color:#aaa297;margin-top:2px}.photo-tip{font-size:8px;color:#a49e94;line-height:1.7;margin:9px 0 11px;text-align:center}.consent{display:flex;align-items:center;gap:7px;font-size:9px;color:#8f897f;cursor:pointer}.consent input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border:1px solid #c7bdaf;border-radius:2px;margin:0;flex-shrink:0;cursor:pointer;display:grid;place-items:center}.consent input:checked{background:var(--accent);border-color:var(--accent)}.consent input:checked:after{content:"✓";color:#fff;font-size:10px}.generate-button{width:100%;margin-top:12px;gap:10px;min-height:42px;font-size:12px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px;color:#aaa296;margin-top:10px}.form-error{font-size:11px;color:#a3361f;line-height:1.6;margin-top:10px}.uploaded-photo{position:relative;margin-top:12px;border-radius:5px;overflow:hidden;height:149px;background:#eee8de}.uploaded-photo>img{width:100%;height:100%;object-fit:contain}.uploaded-photo>span{position:absolute;bottom:0;left:0;right:0;background:#0008;color:#fff;font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:7px}.uploaded-photo>button:not(.replace-photo){position:absolute;top:5px;right:5px;color:#fff;border-radius:50%;background:#0006;height:23px;width:23px;display:grid;place-items:center}.replace-photo{position:absolute;top:7px;left:7px;background:#fffc;color:#4b453a;font-size:9px;padding:4px 6px;border-radius:3px}.closing-note{display:flex;justify-content:center;align-items:center;gap:26px;margin:57px auto 45px;max-width:620px;color:#a69b86}.closing-note>svg{display:none}.closing-line{height:1px;background:linear-gradient(90deg,transparent,#dcd4c6);flex:1}.closing-line:last-child{transform:rotate(180deg)}.closing-note p{font-family:var(--serif);font-size:12px;text-align:center;line-height:2.1;letter-spacing:2px}.closing-note strong{font-weight:400;color:#7c7769}.site-footer{border-top:1px solid #e5dfd3;padding:22px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a49c8d;font-size:9px;letter-spacing:.3px}.footer-brand{font-family:var(--serif);font-size:17px;font-weight:600;color:#585547;margin-right:12px}.mobile-nav,.mobile-only{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#fffdf7;color:#433c2f;border:1px solid #e7d9c7;border-radius:8px;box-shadow:0 6px 40px #39290e25;z-index:100;width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:13px;padding:17px 19px;font-size:13px;line-height:1.7}.toast-message>span{color:var(--accent)}.toast-message>button{padding:3px;display:grid;place-items:center;color:#8f897f}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.works-page{min-height:72vh;padding-top:54px}.works-heading>h1{font-size:34px;font-family:var(--serif);font-weight:600}.works-heading>p{font-size:13px;color:#969080;margin-top:15px}.empty-state{padding:80px 20px;text-align:center}.empty-illustration{position:relative;margin:0 auto 25px;width:100px;height:100px;background:#f1eadd;border-radius:50%;color:#a28c6f;display:grid;place-items:center}.empty-illustration>svg:last-child{position:absolute;right:10px;top:18px;color:var(--accent);background:#f1eadd}.empty-state>h2{font-family:var(--serif);font-size:23px;font-weight:500}.empty-state>p{color:#989182;font-size:12px;line-height:1.8;margin:15px 0 25px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#171e1bc4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:25px}.preview-modal{position:relative;width:660px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;background:#fcf9f1;border-radius:14px;overflow:hidden;box-shadow:0 20px 80px #0004}.modal-close{position:absolute;top:12px;right:12px;color:#7b7365;z-index:2;padding:5px;border-radius:50%;background:#fff9;display:grid;place-items:center}.modal-photo{min-height:430px;position:relative}.modal-photo .ai-label{left:15px;right:auto;font-size:9px}.modal-content{padding:55px 28px 28px;display:flex;flex-direction:column;align-items:flex-start}.modal-content h2{font-family:var(--serif);font-size:30px;margin-bottom:18px;font-weight:500}.modal-content>p:not(.preview-note){font-size:13px;color:#8a806c;line-height:2}.modal-facts{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.modal-facts>span{font-size:10px;background:#eee8dd;padding:6px 9px;border-radius:3px;color:#80725d}.preview-note{font-size:10px;color:#a49883;line-height:1.8;margin-bottom:18px;margin-top:auto}.modal-content>.primary{width:100%;padding:12px;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero{min-height:510px}.hero-content{padding:57px 55px}.template-card{aspect-ratio:.66}.discovery-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.creator-panel{padding:20px}.selected-preview{height:146px}.upload-zone,.uploaded-photo{min-height:161px}.card-copy>strong{font-size:25px}.card-subtitle{font-size:11px}.card-copy{left:16px;right:16px;bottom:18px}.steps{padding:28px 40px}}@media(max-width:1150px){.site-shell{padding:0 30px}.site-header{gap:40px;height:80px}.header-note{display:none}.hero{min-height:410px}.hero-content{padding:42px 30px}.hero h1{font-size:37px}.hero-content>p{font-size:12px}.hero-photo{width:100%}.hero-wash{background:linear-gradient(90deg,#f4f1e9 0%,#f5f2ebf0 25%,#f5f2eb9c 46%,#f5f2eb12 68%,transparent 85%)}.steps{padding:22px 20px;gap:16px;margin-bottom:30px}.step{gap:12px}.step p{font-size:10px}.step h2{font-size:14px}.step-icon{width:40px;height:40px}.discovery-layout{grid-template-columns:minmax(0,1fr) 245px;gap:21px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.template-card{aspect-ratio:.8}.creator-panel{align-self:start}.card-copy>strong{font-size:24px}.template-count{display:none}.filters{gap:6px}.filters>button{padding:7px 12px}.section-heading h2{font-size:24px}.below-cards>span:last-child{display:none}.site-footer>span:nth-child(2){display:none}.hero-play{right:22%;top:45%}}@media(max-width:760px){.site-shell{padding:0 20px}.site-header{height:72px;gap:30px}.brand-word{font-size:31px}.desktop-nav{gap:22px}.desktop-nav button{font-size:12px;letter-spacing:0}.desktop-nav button.active:after{bottom:16px}.header-right{gap:0}.hero{margin-top:16px;min-height:375px}.hero-content{padding:32px 23px}.hero h1{font-size:32px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:19px}.hero-content>p{max-width:220px;font-size:11px;line-height:2}.hero-cta{min-width:150px;margin-top:23px;min-height:40px;font-size:12px}.hero-caption{font-size:8px;letter-spacing:1px;margin-top:18px}.hero-play{right:15%;height:48px;width:48px}.hero-photo{width:100%}.hero-location{font-size:9px;right:18px;bottom:19px}.hero-location>span:last-child{display:none}.hero-pagination{display:none}.steps{padding:18px 14px;gap:9px}.step{gap:8px}.step-icon{width:32px;height:32px}.step-icon svg{width:17px}.step h2{font-size:12px}.step h2>span{font-size:10px;margin-right:5px}.step p{font-size:8px;max-width:104px;line-height:1.6}.step-arrow{width:12px}.discovery-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.template-grid{gap:14px}.template-card{aspect-ratio:.66}.section-heading h2{font-size:21px}.section-heading h2>span{font-size:18px;margin-left:8px}.section-kicker{font-size:8px;letter-spacing:1.5px}.filters{gap:5px;margin:16px 0}.filters>button{font-size:10px;padding:6px 10px}.card-copy{left:10px;right:10px;gap:5px}.card-copy>strong{font-size:19px}.card-subtitle{font-size:8px}.card-location{font-size:7px}.card-bottom{font-size:8px}.card-use{font-size:8px;padding:5px 6px}.card-tag{font-size:8px;left:8px;top:9px}.selection-mark{right:8px;top:9px;width:18px;height:18px}.creator-panel{padding:14px 12px}.creator-heading h2{font-size:17px}.creator-heading>span{font-size:8px}.closing-note{margin:40px auto 30px}}@media(max-width:600px){.site-shell{padding:0 18px 65px}.site-header{height:68px;border:0;gap:20px}.brand-word{font-size:30px}.brand-seal{font-size:8px}.desktop-nav{display:none}.profile-button{padding-right:0}.avatar{width:31px;height:31px}.profile-button>svg{display:none}.header-right:before{content:"把远方，变成你的故事";color:#9c9181;font-family:var(--serif);font-size:9px;letter-spacing:1px;margin-right:13px}.hero{margin:0 -18px;border-radius:0;min-height:530px;background:#eeede2}.hero-photo{top:158px;left:0;right:0;bottom:0;width:100%;background-position:65% center}.hero-wash{background:linear-gradient(180deg,#f6f3ea 0%,#f6f3ea 26%,#f6f3eae0 32%,#f6f3ea44 48%,transparent 66%)}.hero:after{height:120px;background:linear-gradient(transparent,#17221c88)}.hero-content{padding:23px 24px 0}.eyebrow{font-size:8px;margin-bottom:14px;letter-spacing:2.5px}.hero h1{font-size:34px;line-height:1.4;letter-spacing:1px}.hero h1 br,.title-dot{display:none}.hero h1{max-width:310px}.hero-content>p{font-size:11px;line-height:1.8;margin-top:12px;max-width:none;letter-spacing:.6px}.mobile-only{display:none}.hero-cta{position:absolute;top:425px;left:24px;margin:0;min-height:45px;min-width:168px;z-index:3}.hero-caption{position:absolute;top:485px;left:25px;color:#f4eee1;font-size:8px;margin:0}.hero-caption .tiny-line{background:#d3c4a7}.hero-play{right:36px;top:330px;width:48px;height:48px}.hero-play>svg{width:21px}.ai-label{top:auto;bottom:127px;right:17px;font-size:8px;padding:4px 6px}.hero-location{bottom:30px;right:20px;letter-spacing:1px}.steps{padding:20px 0 19px;box-shadow:none;border:0;border-bottom:1px solid #e9e2d7;border-radius:0;background:transparent;margin:0 0 29px;gap:9px;justify-content:space-between}.step{flex-direction:column;align-items:center;gap:8px;text-align:center;flex:1}.step-icon{height:35px;width:35px}.step h2{font-size:12px}.step h2>span{font-size:9px;letter-spacing:.3px}.step p{font-size:8px;margin-top:5px;white-space:nowrap;max-width:none;letter-spacing:0}.step-arrow{height:14px;align-self:flex-start;margin-top:12px;width:14px}.discovery-layout{display:flex;flex-direction:column;gap:30px}.section-kicker{font-size:8px;letter-spacing:2px;margin-bottom:8px}.section-heading h2{font-size:24px}.section-heading h2>span{font-size:22px}.filters{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;margin:18px -18px 19px;padding:0 18px;gap:7px}.filters::-webkit-scrollbar{display:none}.filters>button{font-size:10px;padding:8px 13px;flex-shrink:0}.template-grid{gap:17px 13px;grid-template-columns:repeat(2,minmax(0,1fr))}.template-card{aspect-ratio:.65}.card-copy{bottom:13px;left:11px;right:11px;gap:6px}.card-copy>strong{font-size:22px;letter-spacing:1px}.card-location{font-size:7px}.card-subtitle{font-size:8px}.card-bottom{margin-top:5px}.card-use{font-size:8px;padding:5px 7px}.card-tag{font-size:8px;top:10px;left:10px}.card-preview{opacity:1;width:34px;height:34px;top:39%;background:#ffffff15}.card-preview>svg{width:14px}.selection-mark{width:19px;height:19px;right:8px;top:10px}.below-cards{margin-top:20px;justify-content:center;font-size:9px}.creator-panel{padding:21px 20px;scroll-margin-top:18px}.creator-heading h2{font-size:23px}.creator-heading>span{font-size:10px}.selected-preview{height:155px}.selected-preview>.photo-panel{background-position-y:35%}.selected-preview>strong{font-size:20px;bottom:15px;left:15px}.duration{font-size:10px}.upload-zone,.uploaded-photo{height:178px;margin-top:15px}.upload-zone>strong{font-size:14px}.upload-zone>span:not(.upload-symbol){font-size:10px}.upload-zone>small{font-size:9px}.upload-symbol{margin-bottom:5px}.photo-tip{font-size:10px;margin:11px 0 15px}.consent{font-size:11px;gap:8px}.consent input{height:15px;width:15px}.generate-button{min-height:47px;font-size:14px;margin-top:17px}.privacy-note{font-size:9px;margin-top:12px}.closing-note{margin:34px auto 30px;gap:15px}.closing-note p{font-size:11px}.site-footer{flex-direction:column;padding:20px 0;gap:12px;font-size:8px;text-align:center}.footer-brand{font-size:16px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;padding:9px 18px max(9px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:space-around;background:#fffdf9f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #eae4da}.mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#9b9385;min-width:65px;min-height:40px}.mobile-nav>button.active{color:var(--accent)}.create-nav-icon{height:23px;width:23px;display:grid;place-items:center;border:1px solid #a99d89;border-radius:50%}.toast-message{bottom:85px;font-size:12px;width:calc(100% - 30px);padding:15px 13px;gap:9px}.works-page{padding-top:26px;min-height:75vh}.works-heading>h1{font-size:30px}.works-heading>p{font-size:12px}.empty-state{padding:65px 0}.empty-state>h2{font-size:20px}.empty-state>p{font-size:11px}.preview-modal{grid-template-columns:1fr;max-width:360px;max-height:calc(100dvh - 40px);overflow-y:auto}.modal-photo{min-height:260px;background-size:400% auto;background-position-y:35%}.modal-photo .ai-label{top:15px;bottom:auto}.modal-content{padding:24px}.modal-content h2{font-size:26px;margin-bottom:12px}.modal-content>p:not(.preview-note){font-size:12px}.modal-facts{margin:15px 0}.modal-content>.primary{min-height:43px}.modal-close{color:#fff;background:#0006}.preview-note{font-size:10px}.modal-backdrop{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.discovery-layout{display:block}.creation-page{max-width:1120px;margin:0 auto;padding:45px 0 55px;min-height:78vh}.creation-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.creation-heading h1{font-family:var(--serif);font-weight:600;font-size:32px}.creation-heading p{color:#969080;font-size:12px;margin-top:13px;letter-spacing:.7px}.back-to-discover{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a7963}.back-to-discover:hover{color:var(--accent)}.creation-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:45px;align-items:start}.creation-template-photo{height:475px;border-radius:12px;overflow:hidden;position:relative;background:#e4dfd3}.creation-template-photo>.photo-panel{position:absolute;top:0;right:0;bottom:0;left:0}.creation-photo-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#14201bd9)}.creation-template-copy{position:absolute;bottom:27px;left:28px;right:20px;color:#fff}.creation-template-copy>span{font-size:10px;letter-spacing:2px;color:#e0dbce}.creation-template-copy h2{font-family:var(--serif);font-size:32px;font-weight:500;margin:12px 0 10px;letter-spacing:2px}.creation-template-copy p{font-size:12px;letter-spacing:1px;color:#e0dbce}.creation-template-copy>div{display:flex;align-items:center;gap:10px;margin-top:22px}.creation-template-copy>div>span{padding:5px 9px;border:1px solid #ffffff44;border-radius:3px;font-size:9px;background:#ffffff0d}.creation-template-photo .ai-label{top:18px;bottom:auto}.creation-play{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;padding-left:9px;width:59px;height:59px;border:1px solid #ffffffaa;border-radius:50%;color:#fff;background:#ffffff20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.creation-play:hover{background:#fff4}.creation-template-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.creation-template-options>button{position:relative;min-width:0;padding:0;border:1px solid #e6dfd3;border-radius:6px;overflow:hidden;background:#fffdf9}.creation-template-options>button.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.creation-template-options .photo-panel{display:block;width:100%;height:70px;background-size:400% auto;background-position-y:32%}.creation-template-options strong{display:block;font-size:10px;font-weight:400;padding:10px 0}.creation-template-options button>svg{position:absolute;top:5px;right:5px;border-radius:50%;padding:2px;width:17px;height:17px;background:var(--accent);color:#fff}.creation-template-options>button.selected>strong{color:var(--accent)}.creation-form{padding:28px}.creation-form .creator-heading{margin-bottom:22px}.creation-form .creator-heading h2{font-size:23px}.creation-form .creator-heading>span{font-size:10px}.creation-selected{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f0e7;border-radius:6px}.creation-selected>.photo-panel{display:block;width:44px;height:54px;border-radius:4px}.creation-selected>div{display:flex;flex-direction:column;gap:7px}.creation-selected small{font-size:9px;color:#a29683}.creation-selected strong{font-size:14px;font-family:var(--serif);font-weight:500}.creation-selected button{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:10px;color:#9d7d60}.creation-form .upload-zone,.creation-form .uploaded-photo{min-height:255px;height:255px;margin-top:20px}.creation-form .upload-zone{gap:10px}.creation-form .upload-symbol>svg{height:43px;width:43px}.creation-form .upload-zone>strong{font-size:15px}.creation-form .upload-zone>span:not(.upload-symbol){font-size:11px}.creation-form .upload-zone>small{font-size:10px}.creation-form .photo-tip{font-size:10px;margin:15px 0 20px}.creation-form .consent{font-size:11px}.creation-form .consent input{height:15px;width:15px}.creation-form .generate-button{min-height:48px;font-size:14px;margin-top:20px}.creation-form .privacy-note{font-size:9px;margin-top:14px}.mobile-nav>button.active .create-nav-icon{border-color:var(--accent)}@media(max-width:1000px){.creation-layout{gap:25px}.creation-form{padding:20px}.creation-form .creator-heading{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.creation-heading h1{font-size:27px}.creation-heading p{font-size:11px}.creation-layout{gap:20px}.creation-form{padding:18px}.creation-selected{gap:8px;padding:9px}.creation-selected button{font-size:9px;gap:3px}.creation-selected strong{font-size:12px}.creation-template-photo{height:465px}.creation-template-copy{left:20px}.creation-template-copy h2{font-size:28px}.creation-template-copy>div{gap:5px;flex-wrap:wrap}}@media(max-width:600px){.creation-page{padding:20px 0 30px}.creation-heading{margin-bottom:24px;align-items:flex-start}.creation-heading h1{font-size:26px}.creation-heading p{font-size:11px;letter-spacing:0}.creation-heading .back-to-discover{font-size:9px;gap:3px;margin-top:27px;white-space:nowrap;padding:0}.creation-heading .back-to-discover svg{width:13px}.creation-layout{display:flex;flex-direction:column;gap:24px}.creation-template,.creation-form{width:100%}.creation-template-photo{height:290px}.creation-template-photo>.photo-panel{background-size:400% auto;background-position-y:32%}.creation-template-copy{bottom:20px;left:21px}.creation-template-copy h2{font-size:27px;margin:9px 0}.creation-template-copy>div{margin-top:15px}.creation-template-copy p{font-size:11px}.creation-template-photo .ai-label{font-size:8px;top:14px;right:14px}.creation-play{width:43px;height:43px;top:36%}.creation-play svg{width:18px}.creation-template-options{margin-top:13px;gap:9px}.creation-template-options .photo-panel{height:59px}.creation-template-options strong{font-size:9px;padding:9px 0}.creation-form{padding:21px 20px}.creation-form .creator-heading{flex-direction:row;align-items:center;margin-bottom:19px}.creation-form .creator-heading h2{font-size:21px}.creation-form .creator-heading>span{font-size:9px}.creation-form .upload-zone,.creation-form .uploaded-photo{min-height:205px;height:205px;margin-top:17px}.creation-selected button{font-size:10px}.creation-selected strong{font-size:14px}}@media(max-width:360px){.creation-heading{flex-direction:column;gap:12px}.creation-heading .back-to-discover{margin-top:0}.creation-form .creator-heading{flex-direction:column;align-items:flex-start;gap:9px}}.connection-banner{margin:18px 0;padding:14px 18px;border:1px solid #e6c9b7;border-radius:8px;background:#fff3e9;font-size:13px;line-height:1.7}.connection-banner button,.api-state button,.task-actions button,.task-actions a,.refresh-works,.load-more{color:var(--accent);text-decoration:underline;text-underline-offset:4px;padding:8px}.api-state{padding:55px 24px;text-align:center;color:#837663;background:#f3efe7;border-radius:10px;line-height:1.9;font-size:14px}.template-media{display:grid;place-items:center;background-color:#c8c8b5;background-image:linear-gradient(145deg,#dedccb,#91a79b);background-position:center;background-size:cover;color:#faf8f4}.card-image.template-media{position:absolute;top:0;right:0;bottom:0;left:0}.creation-template-photo>.template-media{position:absolute;top:0;right:0;bottom:0;left:0}.creation-template-options .template-media{width:100%;height:70px}.creation-selected>.template-media{width:44px;height:54px;border-radius:4px;flex-shrink:0}.creation-selected>.template-media svg{width:24px}.consent{align-items:flex-start;line-height:1.7}.consent input{flex-shrink:0;margin-top:3px}.submission-note{padding:12px;background:#f5efe3;font-size:12px;line-height:1.8;border-radius:6px}.task-status{border-top:1px solid #e4ddce;margin-top:22px;padding-top:20px}.task-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.task-heading strong{color:var(--accent);font-size:17px}.task-heading>span{color:#8a8172;font-size:11px}.task-status>p{font-size:12px;line-height:1.9;color:#857968}.task-steps{display:flex;flex-wrap:wrap;padding:0;list-style:none;gap:8px;margin:16px 0}.task-steps li{font-size:10px;padding:6px 8px;border-radius:4px;color:#a6a093;background:#eeeae1}.task-steps li.reached{color:#805b3d;background:#e9dfcd}.task-steps li.current{color:#fff;background:var(--accent)}.task-actions{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:12px;font-size:12px}.task-status video{display:block;width:100%;max-height:450px;border-radius:8px;margin-top:16px;background:#212821}.modal-photo.template-media{min-width:0;overflow:hidden}.modal-photo.template-media video{width:100%;height:100%;object-fit:contain;background:#1f2822;max-height:70vh}.modal-photo.template-media>span{padding:30px;line-height:1.8;font-size:13px}.works-heading{position:relative}.refresh-works{font-size:12px;margin-top:15px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.work-card{position:relative;padding:25px;border:1px solid #e6dfd2;border-radius:10px;background:#fffdf8;min-width:0}.work-icon{color:#9b987b;margin-bottom:25px}.work-card h2{font-family:var(--serif);font-weight:500;font-size:21px}.work-card p{color:#8d8273;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.work-card>button{display:flex;align-items:center;gap:9px;padding:10px 0;color:var(--accent);font-size:12px}.work-status{position:absolute;top:25px;right:20px;padding:5px 9px;border-radius:4px;font-size:10px;background:#f1e7d6;color:#9d713e}.work-status.completed{background:#e0ede1;color:#4c7654}.work-status.failed{background:#f3e1da;color:#ae533b}.load-more{display:block;margin:20px auto}@media(max-width:760px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.works-grid{grid-template-columns:1fr;gap:15px}.api-state{padding:35px 18px;font-size:12px}.connection-banner{font-size:12px}.creation-template-options{grid-template-columns:repeat(4,minmax(75px,1fr));overflow-x:auto;padding:2px}.creation-template-options .template-media{height:59px}}