@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#252925;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f5f0;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #90a5ff}button{transition:background .18s,transform .18s}button:active{transform:translateY(1px)}a{color:inherit}button svg{flex-shrink:0}input{min-width:0}::selection{background:#d9e0ff}.app-shell{min-height:100dvh;display:flex}main{flex:1;min-width:0;margin-left:86px;padding:0 42px}header{justify-content:space-between;align-items:center;height:106px;display:flex}.wordmark{letter-spacing:5px;align-items:center;gap:22px;font-size:21px;font-weight:700;display:flex}.wordmark span{letter-spacing:1.8px;color:#83877e;font-size:8px;font-weight:550}.header-right{align-items:center;gap:25px;display:flex}.avatar{background:#e6e7dc;border-radius:50%;width:34px;height:34px;font-family:Instrument Serif,serif;font-size:20px}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:48px;max-width:1500px;margin:auto;display:grid}.camera-stage{color:#fff;isolation:isolate;background:#4b5544;border-radius:23px;min-height:720px;position:relative;overflow:hidden}.scene{object-fit:cover;object-position:55% center;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.live-video{z-index:-2}.camera-shade{z-index:-1;background:linear-gradient(#121b1830,#17201612 35%,#14231b9c);position:absolute;inset:0}.welcome{position:absolute;bottom:116px;left:42px;right:30px}.eyebrow{letter-spacing:1.6px;font-size:9px;font-weight:600}.welcome .eyebrow{color:#f0eee2c9}.welcome h1{letter-spacing:-1.2px;margin:23px 0;font-family:Instrument Serif,serif;font-size:clamp(43px,4.25vw,69px);font-weight:400;line-height:1.02}.welcome h1 em{color:#e8ecb8;font-weight:400}.welcome p{color:#f8f6edcc;font-size:13px;line-height:1.8}.companion{flex-direction:column;min-width:0;padding:13px 0 5px;display:flex}.companion>h2{letter-spacing:-1px;margin:27px 0 15px;font-family:Instrument Serif,serif;font-size:57px;font-weight:400;line-height:1.02}.companion>h2 em{color:#737f66}.quick-prompts{flex-direction:column;gap:9px;margin:22px 0;display:flex}.quick-prompts>button{text-align:left;color:#48513f;background:#fafaf6;border:1px solid #e4e6dd;border-radius:12px;align-items:center;gap:12px;padding:13px;display:flex}.quick-prompts>button:hover{background:#fff;border-color:#b8c4a8}.quick-prompts>button>span:nth-child(2){flex:1}.quick-prompts strong{font-size:11px;font-weight:550;display:block}.quick-prompts small{color:#919588;margin-top:5px;font-size:9px;display:block}.prompt-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.lavender{color:#777195;background:#eae8f6}.peach{color:#aa825e;background:#f2e4d7}.sage{color:#6c7f56;background:#e5eadc}footer{letter-spacing:1.3px;color:#969d8b;justify-content:space-between;max-width:1500px;margin:24px auto;font-size:7px;display:flex}footer span:nth-child(2){letter-spacing:.2px;gap:10px;display:flex}.primary{color:#fffef3;background:#435b37;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:15px 18px;font-size:12px;font-weight:500;display:flex}.primary:hover{background:#344b28}.dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#1a231985;position:fixed;inset:0}.dialog-content{z-index:31;background:#f6f5ed;border-radius:20px;width:min(480px,100% - 32px);max-height:85dvh;padding:32px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-content h2{margin:0 20px 15px 0;font-family:Instrument Serif,serif;font-size:35px;font-weight:400}.dialog-content>p{color:#78816b;font-size:12px;line-height:1.7}.dialog-close{color:#667657;background:0 0;place-items:center;min-width:36px;min-height:36px;display:grid;position:absolute;top:15px;right:15px}.library-item{text-align:left;color:#4b5b3e;background:#e9ecdf;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:12px;padding:16px;font-size:12px;display:flex}.library-item>span{flex:1}.library-item small{color:#859176;margin-top:5px;font-size:9px;display:block}.saved-title{overflow-wrap:anywhere;align-items:center;gap:9px;margin-top:15px;font-size:12px;display:flex}.saved-title small{color:#8b9381;margin-left:auto;font-size:8px}@media (width>=1550px){main{padding:0 65px}.workspace{gap:65px}.camera-stage{min-height:790px}.companion{padding-top:30px}.companion>h2{font-size:72px}.quick-prompts{gap:14px;margin:30px 0}.quick-prompts>button{padding:18px}.quick-prompts strong{font-size:13px}.quick-prompts small{font-size:11px}}@media (width<=1100px){main{padding:0 25px}.workspace{grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr);gap:25px}.wordmark span{display:none}.welcome{left:28px}.welcome h1{font-size:47px}.companion>h2{font-size:50px}}@media (width<=760px){main{margin:0;padding:0 18px}header{height:76px}.wordmark{font-size:19px}.header-right{gap:12px}.avatar{width:30px;height:30px}.workspace{flex-direction:column;gap:0;display:flex}.camera-stage{border-radius:18px;min-height:540px}.welcome{bottom:85px;left:28px}.welcome h1{font-size:42px}.welcome .eyebrow{font-size:7px}.welcome p{font-size:12px}.companion{padding:27px 5px}.companion>h2{margin:17px 0 12px;font-size:45px}.companion>h2 br{display:none}.companion>h2 em{margin-left:8px}.quick-prompts{margin:18px 0 0}.quick-prompts strong{font-size:12px}.quick-prompts small{font-size:10px}.quick-prompts>button{min-height:67px}.primary{min-height:48px;font-size:13px}footer{gap:15px;margin-top:0;font-size:6px}footer span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body{background:#e7e9e2}.app-shell{justify-content:center;align-items:center;min-height:100dvh;padding:24px}main{background:#f6f5f0;border:8px solid #252b24;border-radius:43px;flex-direction:column;flex:none;width:414px;height:min(896px,100dvh - 48px);min-height:640px;margin:0;padding:0 14px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #25331d25,0 2px 8px #25331d20}header{height:57px;min-height:57px;padding:0 6px}.wordmark span{display:none}.header-right{gap:10px}.avatar{width:27px;height:27px;font-size:17px}.workspace{flex-direction:column;flex:1;gap:0;width:100%;min-height:0;margin:0;display:flex}.camera-stage{border-radius:19px;flex-shrink:0;height:49%;min-height:0!important}.welcome{bottom:47px;left:24px;right:20px}.welcome .eyebrow{letter-spacing:1px;font-size:6px}.welcome h1{letter-spacing:-.6px;margin:13px 0;font-size:36px;line-height:1.02}.welcome p{display:none}.companion{scrollbar-width:thin;flex:1;min-height:0;padding:12px 4px 0;overflow:auto}.companion>h2{display:none}.quick-prompts{gap:6px;margin:10px 0}.quick-prompts>button{border-radius:10px;gap:10px;min-height:45px;padding:8px 10px}.quick-prompts small{margin-top:3px;font-size:8px}.prompt-icon{border-radius:8px;width:29px;height:29px}.prompt-icon svg{width:17px;height:17px}footer{display:none}.primary{min-height:39px;padding:10px 13px;font-size:11px}@media (width<=480px){.app-shell{min-height:100dvh;padding:0}main{width:100%;height:100dvh;min-height:600px;padding:0 13px max(10px, env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0}header{height:61px;min-height:61px}.camera-stage{border-radius:19px}.welcome h1{font-size:38px}.quick-prompts>button{min-height:47px}}.header-library{color:#78856c;background:0 0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.header-library:hover{background:#e4e8db}.session-mic{color:#fff;background:#435b37;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.session-mic.listening{background:#a64c3d}.end-session{color:#895a48;background:#eadfd8;border-radius:22px;min-height:44px;padding:0 13px;font-size:10px}.in-session main{isolation:isolate;background:#20281e;padding:0}.in-session header,.in-session .companion,.in-session footer{display:none}.in-session .workspace{flex:1;height:100%;position:relative}.in-session .camera-stage{border-radius:0;flex:1;width:100%;height:100%!important;min-height:0!important}.in-session .camera-shade{background:linear-gradient(#0c140b8c,#0000 40% 60%,#0c140b99)}.current-step{color:#fff;pointer-events:none;text-shadow:0 1px 12px #0009;position:absolute;top:48px;left:25px;right:65px}.current-step>span{letter-spacing:1.7px;color:#f5f5e8b8;margin-bottom:10px;font-size:10px;font-weight:600;display:block}.current-step h2{letter-spacing:-.5px;margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:24px;font-weight:550;line-height:1.2}.current-step p{color:#fffef1de;max-width:290px;margin:0;font-size:12px;line-height:1.6}.in-video-ui{pointer-events:none;position:absolute;inset:0}.in-video-ui button{pointer-events:auto}.caption-toggle{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14221166;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:15px}.caption-toggle.enabled{color:#3b4c30;background:#f4f5e5}.video-session-controls{bottom:max(27px, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;left:0;right:0}.video-session-controls .session-mic{color:#35462b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f7eccf;border:1px solid #fff5;width:53px;height:53px}.video-session-controls .session-mic.listening{color:#fff;background:#435b37}.video-session-controls .end-session{color:#fff4ef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7f3d35e6;height:49px;padding:0 22px;font-size:12px}.video-captions{text-align:center;color:#fff;text-shadow:0 1px 4px #000;position:absolute;bottom:107px;left:22px;right:22px}.video-captions p{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#0d160bcc;border-radius:5px;padding:6px 9px;font-size:13px;line-height:2;display:inline}.video-captions span{letter-spacing:.6px;color:#ffffffa6;margin-top:9px;font-size:7px;display:block}.in-session .camera-stage{overflow:hidden}@media (width<=480px){.in-session main{padding:0}.current-step{top:max(37px, env(safe-area-inset-top));left:23px}.caption-toggle{top:max(20px, env(safe-area-inset-top))}.video-session-controls{bottom:max(25px, env(safe-area-inset-bottom))}}.phone-status-bar{color:#30372c;letter-spacing:.3px;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:25px;min-height:25px;padding:6px 15px 0;font-size:10px;font-weight:650;display:flex}.phone-status-bar>div{align-items:center;gap:4px;display:flex}header{height:47px;min-height:47px}.in-session .phone-status-bar{color:#fff;z-index:5;pointer-events:none;height:30px;padding:9px 23px 0;position:absolute;top:0;left:0;right:0}@media (width<=480px){.phone-status-bar{height:28px;min-height:28px;padding-top:7px}header{height:48px;min-height:48px}.in-session .phone-status-bar{padding-top:max(9px, env(safe-area-inset-top));height:33px}.in-session .current-step{top:70px}.in-session .caption-toggle{top:43px}}.home-voice{flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding:14px 0 8px;display:flex}.home-record{color:#fffbed;background:#435b37;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 0 7px #e5e9dc}.home-record:hover{background:#344a2a}.record-label{color:#67745b;margin-top:7px;font-size:10px}.companion:has(.home-voice){padding-top:5px}.companion:has(.home-voice) .quick-prompts{margin-top:8px}@keyframes listening-wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.home-voice{gap:5px;padding-top:4px;position:relative}.app-shell:not(.in-session) .welcome{bottom:30px}.in-session .video-session-controls{animation:.5s both controls-enter}.in-session .video-session-controls .session-mic{color:#fffbed;background:#435b37;box-shadow:0 0 0 5px #ffffff14}.in-session .end-session{animation:.5s .18s both end-enter}@keyframes controls-enter{0%{opacity:.7}to{opacity:1}}@keyframes end-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes step-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.camera-stage{will-change:auto}@keyframes session-fade-in{0%{opacity:0}to{opacity:1}}.app-shell{gap:36px}.debug-panel{color:#3c4d32;background:#f5f6f0;border:1px solid #d4dbcb;border-radius:20px;flex-shrink:0;align-self:center;width:290px;padding:25px;font-size:12px}.debug-eyebrow{letter-spacing:1.6px;color:#849078;font-size:8px}.debug-panel h2{letter-spacing:-.5px;margin:14px 0 9px;font-size:21px;font-weight:550}.debug-panel>p{color:#839077;margin-bottom:23px;font-size:11px;line-height:1.6}.debug-panel>label:not(.debug-toggle){flex-direction:column;gap:8px;font-size:10px;display:flex}.debug-panel select{color:#46583a;width:100%;font:inherit;background:#fffef8;border:1px solid #d5ddcc;border-radius:8px;padding:10px}.debug-step-buttons{gap:8px;margin-bottom:18px;display:flex}.debug-step-buttons button{color:#4f643e;background:#e2e8d9;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:10px 8px;font-size:10px;display:flex}.debug-toggle{align-items:center;gap:9px;margin:13px 0;font-size:11px;display:flex}.debug-toggle input{accent-color:#526b41}.debug-reset{color:#fffef0;background:#435b37;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:11px;padding:12px;font-size:11px;display:flex}.debug-panel>small{color:#8d9883;margin-top:19px;font-size:9px;line-height:1.7;display:block}.wardrobe-page{flex:1;padding:14px 9px 22px;overflow:auto}.page-nav{color:#78866a;letter-spacing:1px;align-items:center;gap:9px;font-size:8px;display:flex}.page-nav button{color:#536c42;background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.page-nav>span:last-child{letter-spacing:0;margin-left:auto;font-size:9px}.wardrobe-page h1{letter-spacing:-1px;margin:25px 0 12px;font-family:Instrument Serif,Georgia,serif;font-size:41px;font-weight:400}.wardrobe-page>p{color:#89947b;font-size:12px;line-height:1.8}.wordmark{letter-spacing:0;font-size:25px}.app-shell.in-session .camera-stage,.scene.live-video{background:#050805}.app-shell.in-session .camera-shade{pointer-events:none}.in-session .camera-stage{animation:none}.debug-panel{animation:none!important}.welcome h1{font-size:33px;line-height:1.1}.record-label{font-size:10px}.quick-prompts strong{font-size:11px}.quick-prompts small{font-size:9px}.video-session-controls .end-session{font-size:12px}.current-step{right:60px}.current-step h2{font-size:23px}.current-step p{font-size:12px;line-height:1.7}@media (width<=840px) and (width>=481px){.app-shell{gap:18px;padding:20px}.debug-panel{width:235px;padding:18px}}@media (width<=650px){.app-shell{flex-direction:column;gap:24px}.debug-panel{width:min(414px,100% - 24px);margin-bottom:25px}.in-session main{flex:none}}.category-filters{scrollbar-width:none;gap:7px;padding:8px 0 18px;display:flex;overflow-x:auto}.category-filters button{color:#7b896c;background:#e9ecdf;border-radius:20px;flex-shrink:0;min-height:35px;padding:9px 13px;font-size:10px}.category-filters button[aria-pressed=true]{color:#fffdf0;background:#435b37}.garment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;display:grid}.garment-card{min-width:0}.garment-photo{aspect-ratio:4/5;color:#a2ad94;background:#e9e8de;border-radius:13px;place-items:center;display:grid;position:relative;overflow:hidden}.garment-photo>img{object-fit:cover;width:100%;height:100%}.remove-piece{color:#6e7a60;background:#fffdf0d9;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:7px;right:7px}.replace-photo{color:#5c704b;cursor:pointer;background:#fffdf0e6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:7px;right:7px}.replace-photo input,.new-photo input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.replace-photo:focus-within,.new-photo:focus-within{outline-offset:3px;outline:3px solid #90a5ff}.garment-name{color:#4c603d;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px solid #0000;width:100%;padding:10px 1px 6px;font-size:12px;font-weight:500}.garment-name:focus{border-bottom-color:#adba9d}.garment-card>select{color:#939f84;background:0 0;border:0;width:100%;min-height:28px;padding:3px 0;font-size:10px}.wardrobe-page .add-garment{border-top:1px solid #dce2d1;flex-direction:column;gap:12px;margin-top:30px;padding-top:22px;display:flex}.add-garment h2{color:#455a36;margin:0 0 2px;font-family:Instrument Serif,Georgia,serif;font-size:27px;font-weight:400}.new-photo{color:#859675;cursor:pointer;background:#ecefe3;border:1px dashed #b7c4a7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:114px;font-size:11px;display:flex;position:relative;overflow:hidden}.new-photo>img{object-fit:contain;width:100%;height:160px}.add-garment>label:not(.new-photo){color:#7d8b6d;flex-direction:column;gap:7px;font-size:10px;display:flex}.add-garment>label>input:not([type=file]),.add-garment>label>select{color:#4f6441;background:#fffef8;border:1px solid #d6dfc9;border-radius:8px;width:100%;padding:12px;font-size:12px}.clear-photo{text-align:right;color:#8c7860;background:0 0;align-self:flex-end;padding:2px;font-size:10px}.wardrobe-empty{color:#879776;padding:20px 0;font-size:12px;line-height:1.7}.wardrobe-error{color:#9b5a45;background:#f1e5da;border-radius:8px;padding:10px;font-size:11px;line-height:1.7;position:sticky;bottom:0}.wardrobe-page .primary{min-height:43px}@media (width<=480px){.garment-name,.add-garment>label>input:not([type=file]),.add-garment>label>select{font-size:16px}.remove-piece,.replace-photo{width:36px;height:36px}}.wardrobe-app-page{flex-direction:column;min-height:0;padding:10px 9px 0;display:flex;overflow:hidden}.wardrobe-app-page>.page-nav{flex-shrink:0;min-height:42px}.wardrobe-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:0 1px 20px;overflow:hidden auto}.wardrobe-scroll>p{color:#89947b;font-size:12px;line-height:1.8}.wardrobe-action-bar{padding:12px 0 max(7px, env(safe-area-inset-bottom));background:#f6f5f0;border-top:1px solid #dce2d1;flex-shrink:0}.wardrobe-action-bar .primary{min-height:48px;font-size:13px}.add-piece-page .add-garment{border:0;gap:18px;margin:18px 0 0;padding:0}.add-piece-page .add-garment h2{margin-bottom:5px;font-size:36px}.add-piece-page .new-photo{border-style:dashed;min-height:225px}.add-piece-page .new-photo>img{height:225px}.add-piece-page .add-garment>label:not(.new-photo){font-size:12px}.add-piece-page .add-garment>label>input:not([type=file]),.add-piece-page .add-garment>label>select{min-height:46px;font-size:14px}.add-piece-page .wardrobe-error{position:static}@media (width<=480px){.add-piece-page .add-garment>label>input:not([type=file]),.add-piece-page .add-garment>label>select{font-size:16px}}.companion:has(.home-voice){padding-top:10px;overflow:visible}.companion:has(.home-voice) .quick-prompts>button{flex:1;min-height:44px;max-height:60px;padding:8px 10px}.home-voice{flex-shrink:0;margin-top:0;padding:4px 0 8px}.home-record{width:54px;height:54px}.app-shell:not(.in-session) .camera-stage{height:43%}.companion:has(.home-voice) .quick-prompts strong{font-size:10px}.companion:has(.home-voice) .quick-prompts small{font-size:8px}.companion:has(.home-voice) .prompt-icon{width:28px;height:28px}@media (width<=480px){.app-shell:not(.in-session) .camera-stage{height:40%}.companion:has(.home-voice) .quick-prompts>button{min-height:46px}.companion:has(.home-voice) .quick-prompts strong{font-size:11px}.companion:has(.home-voice) .quick-prompts small{font-size:9px}}.app-shell:not(.in-session) .camera-stage{flex:1;height:auto;min-height:180px!important}.companion:has(.home-voice){flex:none;padding-top:12px}.companion:has(.home-voice) .quick-prompts{flex:none;justify-content:flex-start;gap:7px;margin:0 0 15px}.companion:has(.home-voice) .quick-prompts>button{flex:none;min-height:48px;max-height:none}.home-voice{margin:0;padding:4px 0 8px}.record-label{margin-top:4px}@media (width<=480px){.app-shell:not(.in-session) .camera-stage{height:auto;min-height:160px!important}.companion:has(.home-voice) .quick-prompts>button{min-height:49px}}.debug-view-label{margin-top:15px}.session-processing{color:#fffde8b8;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;top:75px;left:24px}.session-processing svg{animation:1.6s linear infinite process-spin}@keyframes process-spin{to{transform:rotate(360deg)}}.session-preview{color:#33432c;background:#f7f6eef7;border:1px solid #fff9;border-radius:22px;flex-direction:column;max-height:calc(100% - 215px);display:flex;position:absolute;bottom:105px;left:14px;right:14px;overflow:hidden;box-shadow:0 20px 60px #0004}.preview-heading{flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 17px 0;display:flex}.preview-heading>span{letter-spacing:1.5px;color:#7b8b6b;font-size:8px}.preview-heading button{color:#7c8a6d;background:0 0;place-items:center;min-width:34px;min-height:34px;display:grid}.preview-body{min-height:0;padding:0 20px 10px;overflow-y:auto}.preview-body h2{letter-spacing:-.5px;margin:8px 0 18px;font-family:Instrument Serif,Georgia,serif;font-size:33px;font-weight:400;line-height:1.15}.preview-body h3{margin:0 0 13px;font-size:14px;font-weight:550}.preview-body ol{counter-reset:preview-step;margin:0;padding:0;list-style:none}.preview-body li{counter-increment:preview-step;border-top:1px solid #dce3d2;align-items:flex-start;gap:11px;padding:12px 0;display:flex}.preview-body li:before{content:counter(preview-step);color:#6d8459;background:#e4eadb;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.preview-body li p{color:#78866a;margin:0;font-size:11px;line-height:1.75}.preview-title-label{color:#879576;flex-direction:column;gap:6px;margin-bottom:13px;font-size:10px;display:flex}.preview-title-label input,.preview-body textarea{color:#4a613b;width:100%;font:inherit;background:#fffef8;border:1px solid #ccd7c0;border-radius:8px;padding:9px;font-size:12px;line-height:1.6}.preview-body textarea{resize:vertical;min-height:78px}.preview-actions{background:#f7f7ee;border-top:1px solid #dce3d2;flex-shrink:0;gap:9px;padding:13px 16px;display:flex}.preview-actions .primary{flex:1;min-height:43px;font-size:11px}.edit-preview{color:#60764e;background:0 0;border:1px solid #cdd8c0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 12px;font-size:10px;display:flex}.preview-error{color:#9b5741;font-size:11px;line-height:1.7}.session-saved{color:#52733e;background:#f5f7e9eb;border-radius:17px;align-items:center;gap:11px;padding:17px;display:flex;position:absolute;bottom:123px;left:22px;right:22px}.session-saved>div{flex:1}.session-saved strong{font-size:12px;font-weight:550;display:block}.session-saved span{color:#849175;margin-top:5px;font-size:10px;display:block}.session-saved button{color:#7b8c69;background:0 0;min-width:32px;min-height:32px}.tryon-heading{justify-content:space-between;align-items:center;display:flex}.tryon-heading>span{letter-spacing:1.4px;color:#879974;font-size:8px}.tryon-heading button{color:#7c8f6b;background:0 0;place-items:center;min-width:32px;min-height:32px;display:grid}.video-captions.captions-raised{max-height:95px;top:67px;bottom:auto;overflow:auto}.in-session .current-step{animation:none}.debug-panel{scrollbar-width:thin;max-height:calc(100dvh - 48px);overflow-y:auto}.in-session .camera-stage{flex:1;height:100%!important;min-height:0!important}@media (width<=650px){.debug-panel{max-height:none}}@media (width<=480px){.preview-title-label input,.preview-body textarea{font-size:16px}.preview-body textarea{min-height:100px}.session-preview{max-height:calc(100% - 200px)}.preview-actions{padding:12px}.preview-actions .primary{font-size:12px}}.tryon-overlay-layer{pointer-events:none;position:absolute;inset:0}.tryon-overlay-layer section{pointer-events:auto}.outfit-proposal{color:#415537;background:#f8f7eff7;border:1px solid #fff8;border-radius:22px;max-height:calc(100% - 205px);padding:17px;position:absolute;bottom:108px;left:14px;right:14px;overflow-y:auto;box-shadow:0 18px 50px #0003}.outfit-proposal .tryon-heading>span{letter-spacing:1px;font-size:8px}.outfit-proposal h2{margin:9px 0 12px;font-family:Instrument Serif,Georgia,serif;font-size:29px;font-weight:400;line-height:1.1}.outfit-proposal>p{color:#879575;margin:0 0 16px;font-size:11px;line-height:1.7}.outfit-items{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:9px;display:grid}.outfit-items>div{min-width:0}.outfit-items img{object-fit:cover;background:#e8eadf;border-radius:12px;width:100%;height:135px}.outfit-items strong{color:#526746;margin-top:7px;font-size:10px;font-weight:500;line-height:1.5;display:block}.outfit-items span{color:#9aa58b;font-size:8px}.outfit-proposal-actions{gap:8px;margin-top:20px;display:flex}.outfit-proposal-actions .primary{flex:1;min-height:43px;font-size:11px}.voice-approval{text-align:center;color:#8f9e7e;margin-top:12px;font-size:9px;display:block}.compact-tryon{color:#536b42;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7eef2;border:1px solid #ffffff7a;border-radius:17px;flex-wrap:wrap;gap:10px;padding:12px;display:flex;position:absolute;bottom:106px;left:16px;right:16px}.compact-outfit-images{flex-shrink:0;align-items:center;display:flex}.compact-outfit-images img{object-fit:cover;border:1px solid #f8f8ef;border-radius:7px;width:36px;height:46px}.compact-outfit-images img+img{margin-left:-8px;transform:rotate(5deg)}.compact-outfit-copy{flex:1;align-self:center;min-width:0}.compact-outfit-copy>span{letter-spacing:1px;color:#8b9b78;font-size:7px}.compact-outfit-copy>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.browse-outfit{color:#657c51;background:#e6ecdc;border-radius:10px;justify-content:center;align-self:center;align-items:center;gap:5px;min-width:44px;height:40px;display:flex}.compact-tryon-actions{border-top:1px solid #dce3d1;align-items:center;gap:10px;width:100%;padding-top:7px;display:flex}.compact-tryon-actions button{color:#80916c;background:0 0;align-items:center;gap:6px;min-height:27px;padding:3px;font-size:9px;display:flex}.compact-tryon-actions button:last-child{justify-content:center;min-width:28px;margin-left:auto}.tryon-browser{color:#536a42;background:#f7f7effa;border:1px solid #fff9;border-radius:21px;flex-direction:column;display:flex;position:absolute;inset:95px 12px 106px;overflow:hidden;box-shadow:0 10px 40px #0003}.tryon-browser-heading{flex-shrink:0;align-items:center;gap:9px;padding:15px 12px 0;display:flex}.tryon-browser-heading>button{color:#6b8059;background:0 0;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.tryon-browser-heading span{letter-spacing:1.2px;color:#8d9d7b;font-size:7px}.tryon-browser-heading h2{margin:5px 0;font-family:Instrument Serif,Georgia,serif;font-size:25px;font-weight:400}.tryon-browser-scroll{flex:1;min-height:0;padding:0 14px 15px;overflow:auto}.tryon-browser-scroll .category-filters{padding-top:14px}.tryon-picker-grid{grid-template-columns:1fr 1fr;gap:15px 9px;display:grid}.tryon-picker-grid>button{text-align:left;color:#586f47;background:0 0;min-width:0;padding:0}.tryon-picker-grid>button>div{background:#e9ecdf;border:2px solid #0000;border-radius:12px;place-items:center;height:135px;display:grid;position:relative;overflow:hidden}.tryon-picker-grid>button[aria-pressed=true]>div{border-color:#708e56}.tryon-picker-grid img{object-fit:cover;width:100%;height:100%}.picker-check{background:#fffff1b3;border:1px solid #b5c7a1;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:6px;right:6px}.tryon-picker-grid>button[aria-pressed=true] .picker-check{color:#fff;background:#607f46;border-color:#607f46}.tryon-picker-grid strong{margin-top:7px;font-size:10px;font-weight:500;line-height:1.5;display:block}.tryon-picker-grid small{color:#97a689;font-size:8px}.tryon-picker-footer{border-top:1px solid #dbe4d0;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.tryon-picker-footer>span{white-space:nowrap;color:#91a07d;font-size:9px}.tryon-picker-footer .primary{flex:1;min-height:42px;padding:10px;font-size:10px}.debug-speech{flex-direction:column;gap:8px;margin:18px 0;display:flex}.debug-speech>label{color:#7c8e69;font-size:10px}.debug-speech input{color:#526943;background:#fffef8;border:1px solid #d7e0cb;border-radius:8px;width:100%;margin-top:7px;padding:10px;font-size:11px;display:block}.debug-speech>button{color:#617c4c;background:#e1e9d7;border-radius:8px;min-height:35px;font-size:10px}.video-captions.captions-raised{max-height:70px;top:65px;bottom:auto}.in-session:has(.tryon-browser) .captions-raised{max-height:50px;top:37px}@media (width<=480px){.tryon-picker-grid>button>div,.outfit-items img{height:150px}.tryon-picker-footer .primary{font-size:11px}}.session-preview,.outfit-proposal{max-height:calc(100% - 285px);top:108px;bottom:auto}.compact-tryon{top:108px;bottom:auto}.tryon-browser{top:108px;bottom:190px}.video-captions,.video-captions.captions-raised{max-height:70px;top:auto;bottom:105px;overflow-y:auto}.in-session:has(.tryon-browser) .captions-raised{max-height:70px;top:auto;bottom:105px;overflow-y:auto}.session-saved{top:108px;bottom:auto}.session-processing{top:108px}@media (width<=480px){.session-preview{max-height:calc(100% - 285px)}}.in-session .caption-toggle{top:42px}@media (width<=480px){.in-session .current-step{top:88px}.session-preview{max-height:calc(100% - 268px)}}.video-session-controls{grid-template-columns:1fr 1fr 1fr;place-items:center;gap:0;width:auto;display:grid;left:20px;right:20px}.in-session .video-session-controls .caption-toggle{justify-self:center;width:46px;height:46px;position:static;top:auto;right:auto}.video-session-controls .session-mic{justify-self:center}.video-session-controls .end-session{justify-self:center;min-width:82px;padding:0 16px}.session-preview,.outfit-proposal,.compact-tryon,.session-saved,.session-processing,.tryon-browser{top:78px}@media (width<=480px){.in-session .current-step{top:78px}.session-preview{max-height:calc(100% - 255px)}}.video-session-controls .end-session{border-radius:50%;place-items:center;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;display:grid}.in-session .current-step,.session-preview,.outfit-proposal,.compact-tryon,.session-saved,.session-processing,.tryon-browser{top:48px}.session-preview,.outfit-proposal{max-height:calc(100% - 225px)}@media (width<=480px){.in-session .current-step{top:49px}.session-preview{max-height:calc(100% - 225px)}}.tryon-view-toggle{background:#e3e9da;border-radius:20px;gap:2px;min-width:160px;padding:3px;display:flex;position:relative}.compact-tryon-actions .tryon-view-toggle button{color:#859575;border-radius:17px;flex:1;justify-content:center;min-height:30px;margin:0;padding:7px 14px;font-size:10px;transition:background .2s,color .2s}.compact-tryon-actions .tryon-view-toggle button[aria-pressed=true]{color:#fffef2;background:#435b37}.compact-tryon-actions .stop-tryon{justify-content:center;min-width:34px;min-height:34px;margin-left:auto}.compact-tryon-actions{align-items:center;padding-top:8px}.debug-panel h2{margin-bottom:22px}.contextual-controls{align-items:center;margin-top:13px;margin-bottom:0}.contextual-controls>span{white-space:nowrap;color:#879676;font-size:10px}.debug-device-settings{border-top:1px solid #dbe2d1;margin-top:16px;padding-top:15px}.debug-device-settings summary{cursor:pointer;color:#81916e;min-height:25px;font-size:10px}.debug-last-tool{color:#90a07d;overflow-wrap:anywhere;margin-top:14px;font-size:9px;display:block}.debug-panel>small{margin-top:7px;font-size:8px;line-height:1.6}.debug-panel .debug-reset{margin-top:17px}.demo-rail{scrollbar-width:thin;flex-direction:column;flex-shrink:0;align-self:center;gap:14px;max-height:calc(100dvh - 48px);display:flex;overflow-y:auto}.demo-rail .debug-panel{align-self:stretch;max-height:none;overflow:visible}.demo-scripts{color:#3c4d32;background:#fffef8;border:1px solid #d4dbcb;border-radius:20px;width:290px;padding:20px;font-size:12px}.demo-scripts-eyebrow{letter-spacing:1.6px;color:#849078;font-size:8px}.demo-scripts h2{letter-spacing:-.4px;margin:12px 0 8px;font-size:18px;font-weight:550}.demo-scripts>p{color:#839077;margin-bottom:14px;font-size:10px;line-height:1.6}.demo-script-list{flex-direction:column;gap:8px;display:flex}.demo-script-card{text-align:left;color:#43573a;background:#eff2e7;border:1px solid #dbe2d1;border-radius:11px;align-items:flex-start;gap:9px;width:100%;padding:11px 12px;display:flex}.demo-script-card:hover{background:#e6ecda}.demo-script-card svg{color:#6f8459;flex-shrink:0;margin-top:2px}.demo-script-card strong{font-size:11px;font-weight:550;display:block}.demo-script-card small{color:#859276;margin-top:3px;font-size:9px;line-height:1.5;display:block}.demo-scripts-heading{align-items:flex-start;gap:10px;display:flex}.demo-scripts-heading h2{flex:1;margin-top:10px}.demo-close{color:#7c8a6d;background:#eef1e6;border-radius:8px;place-items:center;width:26px;height:26px;margin-top:6px;display:grid}.demo-progress{color:#8b9779;align-items:center;gap:9px;margin-bottom:12px;font-size:9px;display:flex}.demo-progress>div{background:#e4e9db;border-radius:2px;flex:1;height:3px;overflow:hidden}.demo-progress i{background:#6f8459;border-radius:2px;height:100%;transition:width .3s;display:block}.demo-line{background:#f2f4ec;border:1px solid #e1e6d8;border-radius:11px;margin-bottom:9px;padding:10px 12px}.demo-line>span{letter-spacing:1.2px;color:#93a081;margin-bottom:5px;font-size:8px;display:block}.demo-line p{color:#3f5236;font-size:11px;line-height:1.55}.demo-line.is-user{background:#3e5233;border-color:#3e5233}.demo-line.is-user>span{color:#a9bc93}.demo-line.is-user p{color:#f4f7ea;font-size:12px}.demo-line.is-missing p{color:#9aa794;font-style:italic}.demo-note{color:#8b9779;margin:0 0 12px;font-size:9px;line-height:1.6}.demo-controls{gap:8px;display:flex}.demo-controls button{color:#526342;background:#e5eadf;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px;font-size:10px;display:flex}.demo-controls button.primary{color:#fffef0;background:#435b37}.demo-controls button:disabled{opacity:.4}.demo-controls.secondary{align-items:center;margin-top:8px}.demo-controls.secondary button{flex:none;padding:7px 10px}.demo-controls.secondary span{color:#93a081;margin-left:auto;font-size:9px}@media (width<=840px) and (width>=481px){.demo-scripts{width:235px;padding:16px}}@media (width<=650px){.demo-rail{width:min(414px,100% - 24px);max-height:none;margin-bottom:25px;overflow:visible}.demo-scripts{width:100%}.demo-rail .debug-panel{width:100%;margin-bottom:0}}.session-complete{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#f7f9edf2;border-radius:22px;padding:26px 22px 20px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%);box-shadow:0 22px 48px #0d1a0933}.complete-close{color:#7f8e6d;background:0 0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:10px}.session-complete .complete-badge{color:#f7f9ed;background:#5a7444;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 13px;display:grid}.complete-eyebrow{letter-spacing:1.7px;color:#8b9a78;font-size:8px;display:block}.session-complete h2{letter-spacing:-.6px;color:#35492b;margin:7px 0 6px;font-size:24px;font-weight:550}.session-complete p{color:#7d8b6d;margin-bottom:16px;font-size:11px;line-height:1.6}.complete-actions{justify-content:center;gap:8px;display:flex}.complete-actions button{color:#4d6238;white-space:nowrap;background:#e7ecdc;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 16px;font-size:11px;display:flex}.complete-actions button:hover{background:#dde5cd}.complete-actions button.primary{color:#fffef0;background:#435b37;flex:1;max-width:190px}.complete-actions button.primary:hover{background:#3b5130}.step-capture{background:#efeadd;border-radius:10px;flex-shrink:0;align-self:flex-start;width:64px;height:48px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #b9c0ab}.step-capture:after{content:"";pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,#0000 55%,#2b2419 130%),linear-gradient(#0000 60%,#0003 100%);position:absolute;inset:0}.step-capture img{object-fit:cover;object-position:center 40%;filter:sepia(.3)brightness(.93)saturate(1.18)contrast(1.04);transform-origin:50%;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0}.step-capture .capture-time{z-index:1;letter-spacing:.5px;color:#eef3e3;background:#00000059;border-radius:3px;padding:1px 3px;font-size:6.5px;position:absolute;bottom:3px;left:4px}.preview-body li>p,.preview-body li>textarea{flex:1;min-width:0}