.recreation-page{color:#eef1e8;min-height:100dvh;font-family:var(--font-inter),sans-serif;background:#0d1210}.recreation-container{width:min(1180px,100% - 64px);max-width:none;margin:0 auto;padding:0 0 48px}.recreation-page a{text-decoration:none}.recreation-breadcrumb{color:#8b988c;flex-wrap:wrap;gap:10px;padding:26px 0 12px;font-size:12px;display:flex}.recreation-breadcrumb a{color:inherit}.recreation-hero{padding:32px 0 35px}.recreation-hero>span{color:#d1fe17;font-size:12px;font-weight:600}.recreation-hero h1{letter-spacing:-.045em;margin:12px 0 18px;font-size:clamp(32px,4.3vw,54px);font-weight:550;line-height:1.13}.recreation-hero p{color:#aebaae;max-width:670px;font-size:15px;line-height:1.75}.recreation-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.recreation-preview,.recreation-controls{background:#141a15;border:1px solid #2c352a;border-radius:20px;min-width:0;padding:28px}.recreation-controls{order:1}.recreation-preview{top:calc(100px + var(--broadcast-height,0px));order:2;position:sticky}.recreation-controls h2,.recreation-preview h2{margin:0 0 20px;font-size:18px;font-weight:600}.recreation-preview video{object-fit:contain;background:#101510;border-radius:12px;width:100%;min-height:240px;max-height:500px;display:block}.recreation-preview p,.recreation-controls p{color:#aab69f;font-size:11px;line-height:1.7}.recreation-inputs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.recreation-upload{min-width:0}.recreation-upload>strong{font-size:13px;font-weight:550}.recreation-workspace button,.recreation-workspace select{font:inherit;color:#e8edde;cursor:pointer;background:#101510;border:1px solid #3b4533;border-radius:9px;padding:10px}.recreation-workspace button:disabled{opacity:.55;cursor:default}.recreation-workspace :focus-visible{outline-offset:3px;outline:2px solid #d1fe17}.recreation-page .recreation-upload-target{background:#101510;border:1px dashed #66745a;width:100%;margin-top:10px;padding:10px;display:block}.recreation-upload-target:hover:not(:disabled){background:#172014;border-color:#d1fe17}.recreation-upload-picture{justify-content:center;align-items:center;height:135px;display:flex;overflow:hidden}.recreation-upload-picture img{object-fit:contain;border-radius:6px;width:100%;height:100%}.recreation-upload-picture>span{color:#d1fe17;border:1px solid #46533c;border-radius:50%;place-items:center;width:40px;height:40px;font-size:26px;display:grid}.recreation-upload-name{white-space:nowrap;text-overflow:ellipsis;color:#b6c2a8;margin-top:8px;font-size:11px;display:block;overflow:hidden}.recreation-upload>button:not(.recreation-upload-target){padding:4px 8px;font-size:11px}.recreation-duration{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.recreation-price{color:#b6c2a8;justify-content:space-between;align-items:baseline;gap:10px;margin:20px 0;font-size:12px;display:flex}.recreation-price strong{color:#e1edce;font-size:20px;font-weight:500}.recreation-page .recreation-generate{color:#15200d;background:#d1fe17;border:0;width:100%;min-height:46px;padding:14px 18px;font-size:13px;font-weight:650}.recreation-page .recreation-generate:disabled{color:#15200d;opacity:1;background:#8e9d70}.recreation-controls .recreation-error{color:#f7c59e;overflow-wrap:anywhere;border-radius:8px;padding:12px 0}.recreation-fine a{color:#d1fe17}.recreation-result-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.recreation-result-actions a{color:#d1fe17;font-size:12px}.recreation-scene-picker{border:0;min-width:0;margin:0 0 24px;padding:0}.recreation-scene-picker legend{margin-bottom:12px;font-size:14px;font-weight:550}.recreation-scene-picker>div{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.recreation-scene-picker label{text-align:center;cursor:pointer;border:1px solid #3b4533;border-radius:10px;flex-direction:column;gap:7px;min-width:0;padding:6px 6px 10px;display:flex;position:relative}.recreation-scene-picker label[data-selected=true]{color:#e1f4b5;background:#242e18;border-color:#d1fe17}.recreation-scene-picker input{appearance:none;cursor:pointer;border-radius:10px;width:100%;height:100%;margin:0;position:absolute;inset:0}.recreation-scene-picker img{object-fit:cover;border-radius:6px;width:100%;height:80px}.recreation-scene-picker strong{font-size:12px;font-weight:550}.recreation-scene-picker span{color:#b6c2a8;font-size:11px}.recreation-scene-picker p a{color:#d1fe17}.recreation-scene-picker:disabled{opacity:.65}.recreation-container>section{margin-top:54px}.recreation-container>section>h2{letter-spacing:-.025em;margin-bottom:22px;font-size:24px;font-weight:550;line-height:1.35}.recreation-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.recreation-features article{border-top:1px solid #38432f;padding-top:20px}.recreation-features article>span{color:#d1fe17;font-size:12px}.recreation-features h3{margin:12px 0;font-size:17px;font-weight:550}.recreation-features p{color:#aab69f;font-size:13px;line-height:1.85}.recreation-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.recreation-steps li{border-top:1px solid #38432f;padding-top:18px}.recreation-steps strong{color:#d1fe17;font-size:13px}.recreation-steps p,.recreation-about p,.recreation-container details p{color:#aab69f;white-space:pre-line;font-size:13px;line-height:1.85}.recreation-examples{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.recreation-examples figure{background:#141a15;border:1px solid #2c352a;border-radius:14px;margin:0;padding:16px}.recreation-examples video{border-radius:8px;width:100%;max-height:360px}.recreation-examples img{object-fit:cover;border-radius:8px;width:75px;height:90px;margin-bottom:10px}.recreation-examples figcaption{padding-top:12px;font-size:14px}.recreation-examples figcaption p{color:#aab69f;font-size:12px;line-height:1.7}.recreation-container details{border-bottom:1px solid #35402d;padding:18px 0}.recreation-container summary{cursor:pointer;font-size:14px;line-height:1.6}.recreation-related,.recreation-languages{flex-wrap:wrap;gap:16px;display:flex}.recreation-related a{color:#c6d4b6;border:1px solid #35402d;border-radius:10px;padding:14px;font-size:13px}.recreation-languages{color:#a8b99b;margin-top:42px;font-size:12px}.recreation-languages a{color:inherit}.recreation-languages [aria-current=page]{color:#d1fe17}.recreation-footer{color:#b0bfa3;border-top:1px solid #34402b;gap:24px;width:min(1180px,100% - 64px);margin:auto;padding:26px 0 35px;font-size:12px;display:flex}.recreation-footer a{color:inherit}.recreation-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.recreation-directory article{background:#141a15;border:1px solid #2c352a;border-radius:16px;overflow:hidden}.recreation-directory img{object-fit:cover;width:100%;height:190px}.recreation-directory article div{padding:20px}.recreation-directory p{color:#aab69f;font-size:13px;line-height:1.7}.recreation-directory h3{font-size:18px;font-weight:550}.recreation-directory a{color:#eef1e8;display:block}.recreation-directory strong,.recreation-directory small,.recreation-directory article div>span{margin-top:10px;font-size:12px;display:block}.recreation-directory strong,.recreation-directory article div>span{color:#d1fe17}.recreation-directory small{color:#aab69f}.recreation-empty{color:#aab69f;background:#141a15;border-radius:16px;padding:40px}@media (max-width:760px){.recreation-container,.recreation-footer{width:calc(100% - 32px)}.recreation-workspace{grid-template-columns:1fr;gap:18px}.recreation-preview{position:static}.recreation-preview,.recreation-controls{border-radius:16px;padding:20px}.recreation-preview video{min-height:200px;max-height:360px}.recreation-hero{padding:24px 0}.recreation-hero h1{font-size:34px}.recreation-hero p{font-size:13px}.recreation-steps,.recreation-examples,.recreation-directory,.recreation-features{grid-template-columns:1fr}.recreation-container>section{margin-top:38px}.recreation-footer{flex-wrap:wrap;gap:18px}.recreation-upload-picture{height:112px}}.recreation-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:24px 0 32px;display:grid}.recreation-demo{background:#141a15;border:1px solid #35402d;border-radius:14px;min-width:0;margin:0;padding:12px}.recreation-demo video{object-fit:contain;background:#080c09;border-radius:8px;width:100%;height:280px;display:block}.recreation-demo figcaption{margin-top:10px;font-size:13px;line-height:1.6}.recreation-demo figcaption p{color:#aab69f;margin:6px 0;font-size:12px}.recreation-demo figcaption a,.recreation-demo-create{color:#d1fe17;font-size:13px}.recreation-demo figcaption img{object-fit:cover;border-radius:6px;width:60px;height:70px;margin-right:12px}.recreation-demo-create{margin-top:18px;display:inline-block}#recreation-creation{scroll-margin-top:24px}@media (max-width:760px){.recreation-hero-layout{grid-template-columns:1fr;gap:8px;padding:0 0 24px}.recreation-demo video{height:230px}.recreation-hero-layout .recreation-hero{padding-bottom:12px}}.recreation-upload>details{border:0;padding:10px 0 0}.recreation-upload>details summary{color:#9fac94;font-size:11px}.recreation-upload>details p{font-size:11px;line-height:1.7}.recreation-inputs[data-background-source=person]{grid-template-columns:1fr}.recreation-inputs[data-background-source=person] .recreation-upload-picture{height:190px}.recreation-progress{background:radial-gradient(at 0 0,#d1fe1710,#0000 75%),#101710;border:1px solid #465533;border-radius:14px;margin:0 0 18px;padding:18px;overflow:hidden}.recreation-progress-heading{align-items:center;gap:12px;display:flex}.recreation-progress-symbol{color:#d1fe17;flex:none;width:42px;height:42px}.recreation-progress-symbol svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.recreation-progress-orbit{stroke-dasharray:72 35;transform-origin:20px 20px;animation:3s linear infinite recreation-orbit}.recreation-progress-copy{flex:1;min-width:0}.recreation-progress-copy>span{color:#91a779;letter-spacing:.1em;font-size:9px;display:block}.recreation-progress-copy h3{color:#e5efda;margin:5px 0 0;font-size:14px;font-weight:550;line-height:1.5}.recreation-progress-time{text-align:right;flex:none}.recreation-progress-time>span{color:#aab69f;font-size:9px;display:block}.recreation-progress-time time{color:#d5e5bf;font-variant-numeric:tabular-nums;margin-top:5px;font-size:13px;display:block}.recreation-progress-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0 0;padding:0;list-style:none;display:grid}.recreation-progress-steps li{color:#7e8d75;grid-template-columns:16px 1fr;align-items:center;gap:5px;min-width:0;font-size:10px;line-height:1.5;display:grid}.recreation-progress-steps li>span:first-child{border:1px solid #3b4933;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid}.recreation-progress-steps li>i{background:#2b3726;border-radius:3px;grid-column:1/-1;height:3px;margin-top:4px;position:relative;overflow:hidden}.recreation-progress-steps li[data-state=done]{color:#c6d7ae}.recreation-progress-steps li[data-state=done]>span:first-child{color:#d1fe17;background:#d1fe1714;border-color:#6b813d}.recreation-progress-steps li[data-state=done]>i{background:#a8c954}.recreation-progress-steps li[data-state=active]{color:#d1fe17}.recreation-progress-steps li[data-state=active]>span:first-child{border-color:#d1fe17}.recreation-progress-steps li[data-state=active]>i:after{content:"";background:linear-gradient(90deg,#0000,#d1fe17,#0000);width:50%;animation:2s ease-in-out infinite recreation-shimmer;position:absolute;inset:0}.recreation-controls .recreation-progress-detail{color:#aab69f;margin:13px 0 0;font-size:11px;line-height:1.7}.recreation-progress[data-paused=true] .recreation-progress-orbit,.recreation-progress[data-paused=true] li>i:after{animation:none}.recreation-progress[data-phase=completed]{border-color:#5b7136}.recreation-progress[data-phase=completed] .recreation-progress-orbit,.recreation-progress[data-phase=failed] .recreation-progress-orbit{stroke-dasharray:none;opacity:.35;animation:none}.recreation-progress[data-phase=failed]{border-color:#70533c}.recreation-progress[data-phase=failed] .recreation-progress-symbol{color:#f7c59e}@keyframes recreation-orbit{to{transform:rotate(360deg)}}@keyframes recreation-shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (max-width:760px){.recreation-progress{padding:14px}.recreation-progress-heading{gap:9px}.recreation-progress-copy h3{font-size:13px}.recreation-progress-symbol{width:34px;height:34px}.recreation-progress-steps{gap:5px}.recreation-progress-steps li{gap:4px;font-size:9px}}@media (prefers-reduced-motion:reduce){.recreation-progress-orbit,.recreation-progress-steps li[data-state=active]>i:after{animation:none}.recreation-progress-steps li[data-state=active]>i:after{background:#d1fe17;width:100%}}.recreation-result-dialog{color:#eef1e8;width:min(860px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);font-family:var(--font-inter),sans-serif;background:#141a15;border:1px solid #4b5b39;border-radius:20px;padding:0;overflow:auto;box-shadow:0 24px 100px #0009}.recreation-result-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060b08d9}.recreation-result-panel header{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.recreation-result-panel header span{color:#d1fe17;letter-spacing:.1em;font-size:10px}.recreation-result-panel h2{margin:7px 0 0;font-size:22px;font-weight:550;line-height:1.3}.recreation-result-dialog button{font:inherit;color:#e8edde;cursor:pointer;background:#1a2317;border:1px solid #46533a;border-radius:9px;padding:10px 16px}.recreation-result-dialog button:disabled{opacity:.55;cursor:default}.recreation-result-dialog :focus-visible{outline-offset:3px;outline:2px solid #d1fe17}.recreation-result-dialog .recreation-result-close{color:#b4c0a7;background:#101510;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:24px;display:grid}.recreation-result-player{background:#080c09}.recreation-result-player video{object-fit:contain;background:#080c09;width:100%;min-height:180px;max-height:64dvh;display:block}.recreation-result-notice{color:#cfddbf;border-bottom:1px solid #303e29;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:12px 24px;font-size:12px;display:flex}.recreation-result-notice button{flex:none;font-size:12px}.recreation-result-panel footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.recreation-result-panel footer p{color:#aab69f;margin:0;font-size:12px}.recreation-result-panel footer>div{align-items:center;gap:18px;display:flex}.recreation-result-panel footer a{color:#d1fe17;font-size:12px;text-decoration:none}.recreation-result-dialog .recreation-result-download{color:#15200d;background:#d1fe17;border:0;font-size:13px;font-weight:600}@media (max-width:760px){.recreation-result-dialog{border-radius:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.recreation-result-panel header{padding:18px}.recreation-result-panel h2{font-size:19px}.recreation-result-player video{max-height:58dvh}.recreation-result-panel footer{padding:16px 18px}.recreation-result-notice{padding:12px 18px}}
