*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#202720;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a,label.upload{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:100px;border-bottom:1px solid #daddd2;margin:0 5%;display:flex;align-items:center;gap:24px}.brand{font-size:49px;letter-spacing:-4px;font-weight:800;text-decoration:none;color:#202720}.brand span{font-size:48px;color:#71884c;margin-left:6px}.studio{font-size:10px;letter-spacing:2px;border-left:1px solid #c9cebf;padding:10px 24px}.quiet{background:none;border:0;color:#34432b;font-size:13px}header button{margin-left:auto}main{max-width:1320px;margin:54px auto 0;padding:0 5%}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;gap:16px}.eyebrow{font-size:10px;letter-spacing:2px;color:#717b66;font-weight:700}h1{font-size:clamp(30px,3.1vw,46px);letter-spacing:-1.9px;font-weight:500;margin:15px 0}h1 span{color:#849c4c}.heading p{font-size:14px;color:#7a8074}.pill{white-space:nowrap;font-size:9px;letter-spacing:1px;background:#e9eddf;color:#677b40;padding:12px 14px;border-radius:20px}.workspace{display:grid;grid-template-columns:440px 1fr;gap:24px}.config{background:#fff;border:1px solid #e2e5da;border-radius:18px;padding:26px}.section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e7;padding-bottom:20px}.section-title h2{margin:0;font-size:17px;font-weight:500}.section-title span{font-size:10px;color:#92988b}.step{margin-top:25px}.stephead{display:flex;align-items:center;gap:12px;margin-bottom:16px}.number{background:#f0f2e9;border-radius:50%;font-size:11px;padding:9px;color:#60713c}.stephead h3{margin:0;font-size:14px;font-weight:500}.stephead p{font-size:11px;color:#8b9085;margin:6px 0 0}.upload{display:flex;position:relative;flex-direction:column;align-items:center;gap:10px;border:1px dashed #cbd3be;border-radius:11px;background:#fafbf6;padding:24px;cursor:pointer;overflow:hidden}.upload:hover{background:#f0f5e4;border-color:#82945f}.upload input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.upload:focus-within{outline:2px solid #82945f}.upload strong{font-size:12px;font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.upload small{font-size:10px;color:#959b8d;display:block}.uploadicon{font-size:25px;color:#758655}.compact{flex-direction:row;padding:18px;gap:16px}.compact small{margin-top:7px}.plus{margin-left:auto;color:#778661}.hint{font-size:10px;color:#8c9381;margin-top:10px}.options{display:flex;gap:25px;font-size:11px;margin:24px 0;color:#66705d}.options label{display:flex;align-items:center;gap:5px}input[type=checkbox]{accent-color:#526935}.primary{width:100%;background:#d5e9a4;border:0;padding:17px 20px;border-radius:9px;color:#2e421a;font-size:13px;display:flex;justify-content:space-between}.primary:disabled{opacity:.5;cursor:not-allowed}.launch p{font-size:11px;text-align:center;color:#7f8873;line-height:1.5;min-height:17px}.privacy{border-top:1px solid #edf0e7;padding-top:15px;text-align:center;font-size:10px;line-height:1.8;color:#737d66}.privacy span{font-size:9px;color:#969d8e}.preview{background:#e9eddf;border-radius:18px;overflow:hidden;position:relative;min-width:0;display:flex;flex-direction:column}.previewtop{display:flex;justify-content:space-between;padding:24px 26px;font-size:9px;letter-spacing:1.6px;color:#6c785c}.previewtop i{display:inline-block;background:#799150;width:6px;height:6px;border-radius:50%;margin-right:6px}.scene{position:relative;flex:1;min-height:365px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#f7f8ec,#e9eddf 65%)}.grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(#cbd3bc 1px,transparent 1px),linear-gradient(90deg,#cbd3bc 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.art{width:235px;aspect-ratio:3/4;position:relative;transform:rotate(-7deg);box-shadow:18px 27px 40px #53643b35;transition:transform .6s}.art:has(video:not([hidden])){transform:rotate(0)}.poster{height:100%;padding:20px;background:#172a24;color:#f0f1d6;overflow:hidden;position:relative}.poster-top{font-size:7px;letter-spacing:1.5px;line-height:1.5}.orb{position:absolute;width:185px;height:185px;left:58px;top:38px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#f0ffb9,#b5ce70 23%,#577f57 52%,#193c30 72%);box-shadow:inset -13px -10px 25px #0e241c;transform:rotate(-25deg)}.orb:after{content:'';position:absolute;inset:-15px;border:1px solid #cedc8d70;border-radius:50%;transform:scaleY(.45) rotate(-35deg)}.poster-bottom{position:absolute;bottom:23px;font-family:Georgia,serif;font-size:30px;line-height:1.05}.poster-bottom em{font-weight:400}.poster-bottom span{display:block;font-family:Arial;font-size:6px;letter-spacing:1.7px;margin-top:18px}.corner{position:absolute;width:20px;height:20px;border:2px solid #8ca85b}.tl{top:-10px;left:-10px;border-right:0;border-bottom:0}.tr{top:-10px;right:-10px;border-left:0;border-bottom:0}.bl{bottom:-10px;left:-10px;border-right:0;border-top:0}.br{bottom:-10px;right:-10px;border-left:0;border-top:0}#targetpreview,#clip{width:100%;height:100%;object-fit:fill;background:#172a24}#clip{position:absolute;inset:0}.floating{position:absolute;bottom:24px;right:20px;background:#ffffffd9;border:1px solid #fff;border-radius:8px;padding:12px 16px;font-size:10px;box-shadow:0 6px 20px #40502410}.floating span{color:#6e8745;margin-right:7px}.previewbottom{padding:22px 28px 8px;display:flex;align-items:center;justify-content:space-between}.previewbottom strong{font-size:17px;font-weight:500}.previewbottom p{font-size:11px;color:#7c876c;line-height:1.5}.round{border:1px solid #bbc8a3;background:transparent;border-radius:50%;width:38px;height:38px;color:#52683b}.round:disabled{opacity:.35;cursor:not-allowed}.footnote{font-size:9px;color:#8a957a;padding:0 28px 22px;line-height:1.5}.bottom{display:flex;justify-content:space-around;font-size:10px;color:#8b9480;padding:26px 0}footer{margin:20px 5% 0;border-top:1px solid #daddd2;display:flex;justify-content:space-between;padding:24px 0;color:#8e9683;font-size:10px}dialog{max-width:510px;border:1px solid #daddd2;border-radius:20px;padding:28px;background:#f8f9f2;color:#33412b}dialog::backdrop{background:#13230bb0}dialog .quiet{float:right}dialog h2{clear:both;padding-top:20px;font-weight:500}dialog li,dialog p{font-size:13px;line-height:1.8}dialog li{margin-bottom:12px}#arview{position:fixed;inset:0;z-index:100;background:#000}#camera{position:absolute;inset:0;overflow:hidden}.arcontrols{position:absolute;z-index:110;top:20px;left:15px;right:15px;display:flex;justify-content:space-between;gap:8px;align-items:center}.arcontrols span,.arcontrols button{border:0;background:#fffdf0ed;color:#26351b;padding:14px;border-radius:20px;font-size:12px}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:380px 1fr}.pill{display:none}.art{width:210px}.floating{font-size:9px;right:10px}}@media(max-width:730px){header{height:80px}.studio{font-size:8px;padding-left:16px}main{margin-top:32px}.workspace{grid-template-columns:1fr}.config{padding:22px}.heading{margin-bottom:25px}.heading h1{font-size:34px}.heading p{line-height:1.5}.preview{min-height:500px}.bottom{gap:15px;line-height:1.7;font-size:9px}.scene{min-height:340px}footer{font-size:9px}.art{width:210px}}
