.real-lab{padding-bottom:110px}.real-lab-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.real-preview-column{position:sticky;top:115px;scroll-margin-top:110px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b69dce;padding:0 0 15px;font-size:8px;letter-spacing:.1em}.preview-toolbar>button{background:none;border:0;font-size:10px;color:#715984}.real-hand-frame{position:relative;border-radius:160px 160px 20px 20px;overflow:hidden;background:#b2a1ca;aspect-ratio:3/4;margin-top:24px;isolation:isolate}.real-hand-photo{position:absolute;inset:0;background-image:url('hand-lookbook-v4.png');background-size:400% 300%;background-position:0 0;background-repeat:no-repeat;transition:opacity .3s}.real-hand-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-corner{position:absolute;z-index:1;color:#fff;font:20px monospace}.photo-corner.top-left{top:30px;left:30px}.photo-corner.bottom-right{bottom:25px;right:25px}.preview-description{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px}.preview-description>h3{font:500 28px 'Playfair Display',serif;letter-spacing:-.04em}.preview-description>span{font-size:10px;text-align:right;max-width:120px;color:#705d80}.real-preview-column>.micro{font-size:9px;line-height:1.8;margin-top:12px;max-width:450px}.look-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.look-actions>.pill-button{font-size:10px}.look-actions>a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.preview-feedback{font-size:11px;margin-top:20px;line-height:1.8}.real-controls{display:flex;flex-direction:column;gap:20px}.lab-panel{background:#f4edfb;border-radius:22px;padding:30px}.control-index{font-size:8px;letter-spacing:.13em;display:block;margin-bottom:18px;color:#8a6f9e}.lab-panel>h3{font:500 26px/1.2 'Playfair Display',serif;letter-spacing:-.04em;margin-bottom:24px}.skin-tones{display:flex;gap:12px}.skin-tones>button{width:48px;height:48px;border:1px solid transparent;padding:5px;background:none;border-radius:50%}.skin-tones>button>span{display:block;width:100%;height:100%;background:var(--tone);border-radius:50%;box-shadow:inset -3px -3px 5px #0002}.skin-tones>button[aria-pressed=true]{border-color:#7646ac}.lab-panel>p{font-size:11px;color:#80688f;margin-top:14px}.preset-looks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preset-looks>button{background:none;border:1px solid #dbcce7;border-radius:15px;padding:17px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.preset-looks>button[aria-pressed=true]{border-color:#7c4eb1;background:#e8daf6}.preset-looks i{width:26px;height:39px;border-radius:50% 50% 35% 35%;display:grid;place-items:center;font-style:normal;box-shadow:inset -3px 0 5px #0002}.french-chip{background:linear-gradient(#fff 22%,#e4bbaa 22%)}.cherry-chip{background:#bd1632}.daisy-chip{background:#b49ade;color:#fff;font-size:18px}.preset-looks strong{font-size:10px;font-weight:500;line-height:1.4}.preset-looks small{font-size:8px;line-height:1.5;color:#8c739c}.custom-design-panel{background:#302238;color:#f3eaf9;padding:35px;border-radius:24px}.custom-design-panel>.control-index{color:#b9a0cc}.custom-design-panel>h3{font:500 38px/1.05 'Playfair Display',serif;letter-spacing:-.04em;margin-bottom:28px}.custom-design-panel h3 em{color:#d9ed65}.custom-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px}.custom-settings label{font-size:10px;line-height:1.7;color:#cebada}.custom-settings select{display:block;background:#48344f;border:1px solid #765f80;color:#f5edfb;width:100%;padding:12px;font-size:11px;border-radius:8px;margin-top:7px}.custom-color{display:flex;align-items:center;gap:10px;background:#48344f;border:1px solid #765f80;border-radius:8px;padding:9px;margin-top:7px;font-size:10px}.custom-color input{padding:0;border:0;cursor:pointer;width:27px;height:26px;background:none}.custom-color input::-webkit-color-swatch-wrapper{padding:0}.custom-color input::-webkit-color-swatch{border:0;border-radius:4px}.idea-label{font-size:11px;display:block;margin:28px 0 10px}.custom-design-panel textarea{width:100%;resize:vertical;min-height:130px;border-radius:12px;border:1px solid #7b6483;background:#48344f;color:#fff;padding:15px;font:12px/1.8 'DM Sans',sans-serif}.custom-design-panel textarea::placeholder{color:#b29abc}.idea-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.idea-chips button{background:transparent;color:#decce9;border:1px solid #765c82;border-radius:30px;padding:9px 11px;font-size:9px}.idea-chips button:hover,.idea-chips button[aria-pressed=true]{background:#6b4881;color:#fff}.custom-design-panel>.micro{color:#a88db7;font-size:8px;line-height:1.8;margin-top:20px}.custom-design-panel>.pill-button{margin-top:25px;width:100%;background:#d9ed65;color:#29212f;border-color:#d9ed65;font-size:11px}.ai-status{font-size:11px;line-height:1.8;color:#e0cde9;margin-top:16px}.ai-status:empty{display:none}.ai-working{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;background:#e7dbf1eb;backdrop-filter:blur(10px);z-index:5;color:#4d3260}.ai-orbit{font-size:60px;animation:slow-turn 7s linear infinite;margin-bottom:25px}.ai-working strong{font:500 28px/1.2 'Playfair Display',serif}.ai-working p{font-size:12px;line-height:1.8;margin-top:20px}.petal-collage .sticker,.petal-collage .spark{translate:0 var(--depth-y,0px);will-change:translate}.petal-scroll-story{height:270vh;background:#d9ed65;position:relative;--story-progress:0}.petal-story-pin{position:sticky;top:85px;height:calc(100svh - 85px);min-height:620px;overflow:hidden;isolation:isolate}.story-bigtype{position:absolute;top:10%;left:7%;font:700 clamp(80px,11vw,180px)/.85 'DM Sans',sans-serif;letter-spacing:-.085em;z-index:0;transform:translateX(calc(var(--story-progress)*-100px)) translateY(calc(var(--story-progress)*-40px));color:#5a307b}.story-bigtype em{font-family:'Playfair Display',serif;font-weight:500;color:#7643a4;letter-spacing:-.06em}.story-photo-card{position:absolute;width:30%;height:65%;max-width:440px;border:10px solid #f5f0fb;border-bottom-width:30px;background:#ceb7e1;overflow:hidden;box-shadow:0 25px 50px #44215535}.story-photo-card img{width:100%;height:100%;object-fit:cover}.story-photo-card>span{position:absolute;bottom:10px;left:10px;font-size:8px;background:#f5f0fbdf;padding:5px 7px}.story-photo-a{top:12%;right:18%;transform:translateY(calc(var(--story-progress)*-200px)) rotate(calc(7deg - var(--story-progress)*15deg));z-index:2}.story-photo-b{top:31%;right:-3%;transform:translateX(calc(var(--story-progress)*-230px)) translateY(calc(var(--story-progress)*-160px)) rotate(calc(-7deg + var(--story-progress)*14deg));z-index:3}.story-floating-note{position:absolute;left:12%;bottom:18%;z-index:4;transform:translateY(calc(var(--story-progress)*-35px)) rotate(-8deg);max-width:210px}.story-floating-note>span{color:#7541ad;font-size:70px;display:block;margin-bottom:15px}.story-floating-note>p{font:italic 23px/1.4 'Playfair Display',serif;color:#48315c}.story-floating-note em{color:#7541ad}.story-chapter{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.09em;z-index:5}.story-progress{width:150px;height:2px;background:#75614344}.story-progress>i{display:block;height:100%;background:#7541ad;transform-origin:left;transform:scaleX(var(--story-progress))}.lineage-filmstrip{height:320vh;background:#20271e;color:#d8d6cb;position:relative;--film-progress:0}.film-pin{position:sticky;top:85px;height:calc(100svh - 85px);min-height:600px;overflow:hidden}.film-track{height:100%;display:flex;width:300%;transform:translateX(calc(var(--film-progress)*-66.666667%));will-change:transform}.film-panel{width:33.333333%;height:100%;position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:70px 6% 100px;flex-shrink:0;overflow:hidden}.film-panel>div:not(.finish-emblem){position:relative;z-index:2}.film-panel>div>span{font:9px monospace;letter-spacing:.07em}.film-panel h2{font:900 clamp(60px,7vw,105px)/.9 Impact,sans-serif!important;margin:35px 0;letter-spacing:-.02em}.film-panel h2 em{color:#e44928;font-style:normal}.film-panel>div>p{font-size:13px;line-height:1.8;max-width:280px;color:#aebba4}.film-panel figure{height:90%;max-height:650px;position:relative;overflow:hidden;border:1px solid #78826933;transform:rotate(4deg)}.film-panel figure>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.film-number{position:absolute;right:3%;bottom:4%;font:900 160px/.8 Impact,sans-serif;color:#ffffff0b;letter-spacing:-.05em}.film-panel-two{background:#c8ccba;color:#26301f}.film-panel-two h2 em{color:#e44928}.film-panel-two>div>p{color:#65725a}.film-panel-two figure{transform:rotate(-5deg)}.film-outline{position:absolute;left:-5%;bottom:15%;font:900 280px Impact,sans-serif;color:transparent;-webkit-text-stroke:1px #76856833;letter-spacing:-.05em}.film-panel-three{background:#e44928;color:#182514}.film-panel-three h2 em{color:#d7dacc}.film-panel-three>div>p{color:#542c1e}.film-panel-three .red-button{margin-top:25px;background:#202b19;color:#d9dfd1}.finish-emblem{font:900 clamp(180px,32vw,450px)/1 Impact,sans-serif;color:#26331d;position:relative;rotate:12deg;display:flex;justify-content:center;align-items:center;border:2px solid #26331d;border-radius:50%;aspect-ratio:1/1;max-width:420px;max-height:420px}.finish-emblem>span{position:absolute;right:8%;top:5%;font:700 80px 'DM Sans',sans-serif;color:#d9dfd1}.film-navigation{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font:8px monospace;letter-spacing:.08em;z-index:5;mix-blend-mode:difference;color:#fff}.film-navigation>div{width:200px;background:#ffffff44;height:2px}.film-navigation>div>i{display:block;height:2px;background:#fff;transform-origin:left;transform:scaleX(var(--film-progress))}.lineage-headline h1{transform:translateZ(0)}.lineage-visual{overflow:hidden}.petal-site .real-preview-column>.look-actions .pill-button{padding:15px 19px}.real-controls :focus-visible{outline:2px solid #b7d047;outline-offset:4px}
@media(max-width:1050px){.real-lab-grid{gap:30px}.lab-panel{padding:25px}.custom-design-panel{padding:27px}.skin-tones>button{width:43px;height:43px}.preset-looks{gap:7px}.preset-looks>button{padding:14px 7px}.preset-looks strong{font-size:9px}.preset-looks small{font-size:7px}.custom-design-panel>h3{font-size:33px}.story-photo-card{width:34%;height:60%}.story-photo-a{right:20%}.story-photo-b{right:-8%}.film-panel{padding:55px 6% 100px;gap:6%}.film-panel h2{font-size:65px!important}.finish-emblem{max-height:300px}.finish-emblem>span{font-size:55px}}
@media(max-width:700px){.real-lab{padding:60px 5% 70px}.real-lab-grid{display:flex;flex-direction:column;gap:35px}.real-preview-column{position:relative;top:0;width:100%}.preview-toolbar{padding-bottom:13px;font-size:7px}.real-hand-frame{margin-top:18px;border-radius:110px 110px 16px 16px;max-height:480px;aspect-ratio:3/4}.preview-description{margin-top:20px;gap:15px}.preview-description>h3{font-size:25px}.preview-description>span{font-size:9px;max-width:110px}.real-preview-column>.micro{font-size:8px}.look-actions{margin-top:20px;gap:15px}.look-actions>.pill-button{width:100%;justify-content:center;font-size:10px;padding:15px 10px!important}.look-actions>a{font-size:10px}.real-controls{width:100%;gap:17px}.lab-panel{padding:25px;border-radius:20px}.lab-panel>h3{font-size:25px}.control-index{font-size:7px;margin-bottom:17px}.skin-tones{gap:12px}.skin-tones>button{height:44px;width:44px}.lab-panel>p{font-size:10px}.preset-looks{gap:7px}.preset-looks>button{padding:16px 6px;border-radius:13px;gap:10px}.preset-looks strong{font-size:9px}.preset-looks small{font-size:7px}.custom-design-panel{padding:28px 23px;border-radius:22px}.custom-design-panel>h3{font-size:35px;margin-bottom:25px}.custom-settings{gap:18px 12px}.custom-settings label{font-size:9px}.custom-settings select{font-size:10px;padding:12px 9px}.custom-color{font-size:9px;padding:9px;gap:8px}.idea-label{font-size:10px}.custom-design-panel textarea{font-size:11px;padding:13px;min-height:140px}.idea-chips{gap:7px}.idea-chips button{font-size:8px;padding:9px 10px}.custom-design-panel>.micro{font-size:8px}.custom-design-panel>.pill-button{font-size:10px;gap:12px;padding:15px}.ai-status{font-size:10px}.ai-working strong{font-size:26px}.ai-working p{font-size:11px}.petal-scroll-story{height:220vh}.petal-story-pin{top:75px;min-height:640px;height:calc(100svh - 75px)}.story-bigtype{font-size:90px;top:10%;left:7%}.story-photo-card{width:52%;height:42%;border-width:7px;border-bottom-width:22px}.story-photo-a{top:33%;right:7%;transform:translateY(calc(var(--story-progress)*-80px)) rotate(calc(7deg - var(--story-progress)*15deg))}.story-photo-b{top:52%;right:-22%;transform:translateX(calc(var(--story-progress)*-120px)) translateY(calc(var(--story-progress)*-90px)) rotate(calc(-7deg + var(--story-progress)*14deg))}.story-floating-note{left:6%;bottom:14%;max-width:140px}.story-floating-note>span{font-size:45px;margin-bottom:10px}.story-floating-note>p{font-size:18px}.story-chapter{font-size:6px;gap:13px;bottom:22px;left:5%;right:5%;letter-spacing:.04em}.story-progress{width:65px;flex-shrink:0}.story-chapter>a{max-width:75px;line-height:1.6;text-align:right}.lineage-filmstrip{height:auto}.film-pin{position:relative;top:0;height:auto;min-height:0;overflow:hidden}.film-track{width:100%;display:block;transform:none;will-change:auto}.film-panel{width:100%;min-height:670px;height:auto;padding:60px 7% 70px;display:flex;flex-direction:column;align-items:stretch;gap:35px}.film-panel>div>span{font-size:8px}.film-panel h2{font-size:63px!important;margin:25px 0;line-height:.88}.film-panel>div>p{font-size:12px;line-height:1.8;max-width:280px}.film-panel figure{height:300px;width:83%;align-self:end;border-width:6px;border-color:#48573c;max-height:none}.film-panel-two figure{align-self:start;border-color:#a7b198;height:300px}.film-number{font-size:130px;bottom:30px;right:15px}.film-navigation{display:none}.film-outline{font-size:200px;bottom:10%;left:-15%}.film-panel-three{min-height:620px}.finish-emblem{font-size:200px;max-height:none;max-width:230px;width:230px;height:230px;align-self:center;margin:10px 0}.finish-emblem>span{font-size:48px}.film-panel-three .red-button{margin-top:25px;align-self:start}.petal-collage .sticker,.petal-collage .spark{translate:0 calc(var(--depth-y,0px)*.5)}}
@media(prefers-reduced-motion:reduce){.petal-scroll-story{height:800px}.petal-story-pin{position:relative;top:0;height:800px}.story-bigtype,.story-photo-card,.story-floating-note{transform:none!important}.story-photo-a{right:26%;top:10%}.story-photo-b{right:2%;top:30%}.story-progress>i{transform:scaleX(1)}.lineage-filmstrip{height:auto}.film-pin{position:relative;top:0;height:auto;min-height:0}.film-track{width:100%;display:block;transform:none}.film-panel{width:100%;min-height:650px}.film-navigation{display:none}.ai-orbit{animation:none}.petal-collage .sticker,.petal-collage .spark{translate:none;will-change:auto}} 
.film-panel{padding-left:6vw;padding-right:6vw}.real-hand-frame>img{object-fit:contain;background:#b2a1ca}@media(max-width:700px){.film-panel{padding-left:7%;padding-right:7%}}