@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292724;background:#f3f2ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:0 42px 22px;background:radial-gradient(circle at 76% 10%,#f9f9f5 0,#f3f2ee 40%,#eeece7)}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto}.brand{display:flex;gap:10px;align-items:center;letter-spacing:.17em;font-size:15px;font-weight:800}.brand-accent{color:#b06952}.brand-subtitle{color:#979188;font-size:10px;letter-spacing:.08em;font-weight:500;margin-left:3px}.brand-mark{display:flex;align-items:end;gap:3px;height:22px;margin-right:2px}.brand-mark i{display:block;width:4px;border-radius:5px;background:#b06952;transform:rotate(24deg)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:16px}.topbar-actions{display:flex;align-items:center;gap:26px;font-size:11px;color:#8a857e;letter-spacing:.04em}.live-dot{display:flex;gap:7px;align-items:center}.live-dot i,.asset-status i{width:6px;height:6px;display:inline-block;background:#78aa81;border-radius:50%;box-shadow:0 0 0 3px #78aa8129}.reset-button{border:0;padding:8px 0;color:#776f67;background:transparent;font-size:12px}.reset-button:hover{color:#b06952}.workspace{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:26px}.stage-card,.control-card{border:1px solid rgba(54,48,42,.09);border-radius:20px;background:#fffffda8;box-shadow:0 15px 50px #3b352f0d}.stage-card{min-width:0;overflow:hidden}.stage-heading{height:103px;padding:26px 32px 17px;display:flex;justify-content:space-between;align-items:start}.section-kicker{display:block;color:#aa6b56;font:500 10px DM Mono,monospace;letter-spacing:.16em}.stage-title{margin:9px 0 0;font-size:clamp(20px,2.1vw,29px);line-height:1;letter-spacing:-.05em;font-weight:700}.stage-heading em{color:#a86551;font-style:normal}.asset-status{display:flex;gap:8px;align-items:center;color:#a7a099;font:10px DM Mono,monospace;letter-spacing:.07em;padding-top:6px}.canvas-wrap{height:min(65vh,640px);min-height:410px;position:relative;background:linear-gradient(148deg,#f0efeb,#e7e5e0)}.canvas-wrap canvas{display:block}.canvas-loading{height:100%;display:grid;place-items:center;color:#938c84;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.canvas-hint{position:absolute;bottom:17px;left:50%;transform:translate(-50%);color:#46433e78;font-size:10px;letter-spacing:.05em;pointer-events:none;white-space:nowrap}.stage-footer{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 28px 0 32px;border-top:1px solid rgba(54,48,42,.08)}.view-controls{display:flex;align-items:center;gap:19px}.view-label{font:500 10px DM Mono,monospace;color:#aaa39b;letter-spacing:.1em}.view-buttons{display:flex;gap:6px}.view-buttons button{border:0;border-radius:7px;background:transparent;color:#8d8881;padding:7px 8px;font-size:11px;display:flex;gap:5px;align-items:center}.view-buttons button span{font-size:15px;line-height:1;color:#aaa39b}.view-buttons button:hover,.view-buttons button.active{color:#a7624e;background:#f3e5df}.view-buttons button.active span{color:#a7624e}.screenshot-button{border:1px solid #d8ccc4;color:#8f6455;background:#fffaf7;border-radius:7px;padding:9px 13px;font-size:11px}.screenshot-button:hover{border-color:#b06952;background:#f5e6df}.screenshot-button span{font-size:16px;vertical-align:-1px;margin-right:4px}.side-panel{min-width:0;position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px)}.control-card{max-height:calc(100vh - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:29px 28px 27px}.control-card::-webkit-scrollbar{width:6px}.control-card::-webkit-scrollbar-thumb{background:#d8ccc4;border-radius:8px}.control-card::-webkit-scrollbar-track{background:transparent}.control-card h2{margin:10px 0 7px;font-size:22px;letter-spacing:-.04em}.section-description{color:#aaa39c;font-size:11px;margin:0 0 23px}.model-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.model-switch button{border:1px solid #e5e1dc;color:#a09a92;background:#faf9f6;border-radius:8px;height:40px;font-size:12px}.model-switch button.selected{color:#a7624e;border-color:#d5afa0;background:#f8ebe6;box-shadow:inset 0 -2px #b06952}.model-icon{font-size:17px;margin-right:6px;vertical-align:-1px}.profile-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:9px;background:#f1eeea;margin:20px 0 12px}.profile-switch button{height:32px;border:0;border-radius:6px;color:#958d85;background:transparent;font-size:11px}.profile-switch button.selected{color:#875b4c;background:#fffdfb;box-shadow:0 1px 4px #463a321f;font-weight:700}.copy-profile-button{width:100%;border:0;border-radius:7px;background:#f8eee9;color:#9a6250;font-size:10px;padding:8px 10px;margin:-2px 0 4px}.copy-profile-button:hover{background:#f0ded5}.controls-divider{height:1px;background:#e9e5e0;margin:27px 0 23px}.range-control{display:block;margin-bottom:27px}.range-heading{display:flex;justify-content:space-between;align-items:center;color:#5e5852;font-size:12px}.range-heading strong{color:#3c3834;font-size:16px;font-weight:700}.range-heading small{color:#9a938c;font-size:10px;font-weight:500;margin-left:2px}.range-control input{display:block;width:100%;margin:14px 0 8px;accent-color:#ad6b54;height:3px}.range-limits{display:flex;justify-content:space-between;color:#b2ada6;font:9px DM Mono,monospace}.measurements-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px dashed #d9c7bd;border-radius:8px;background:#fffaf7;color:#895f51;padding:11px 12px;margin:-2px 0 15px;font-size:11px;text-align:left}.measurements-toggle b{color:#ae6c56;font-size:16px;line-height:0;margin-right:5px;font-weight:500}.measurements-toggle small{color:#aaa099;font-size:9px}.measurements-toggle:hover,.measurements-toggle.open{border-style:solid;border-color:#d2aa9a;background:#f9eee9}.measurements-toggle.open b{display:inline-block;transform:rotate(45deg)}.measurements-panel{margin:-5px 0 20px;padding:16px 14px 1px;border-radius:9px;background:#f8f5f2;border:1px solid #eee5df}.measurements-panel>p{margin:0 0 17px;color:#aa9f97;font-size:9px}.measurements-panel .range-control{margin-bottom:20px}.measurements-panel .range-heading strong{color:#a7624e}.bmi-panel{background:#f6f2ee;border:1px solid #eee4dc;border-radius:10px;padding:16px 15px;display:flex;justify-content:space-between;align-items:center}.bmi-label{display:block;color:#726b63;font-size:11px}.bmi-note{display:block;color:#afa79f;font-size:9px;margin-top:5px}.bmi-value{text-align:right}.bmi-value strong{display:block;color:#a7624e;font-size:25px;line-height:.95;letter-spacing:-.05em}.bmi-value span{color:#a39b93;font-size:10px;margin-top:6px;display:block}.fat-trend-card{margin-top:11px;padding:14px 15px 12px;border:1px solid #eadfd8;border-radius:10px;background:linear-gradient(135deg,#fbf5f0,#f7efea)}.fat-trend-heading{display:flex;justify-content:space-between;align-items:center}.fat-trend-heading>strong{color:#b56f54;font-size:22px;letter-spacing:-.05em}.fat-trend-heading>strong small{color:#b09a8e;font-size:9px;font-weight:500;letter-spacing:0}.fat-meter{height:5px;margin:13px 0 11px;border-radius:10px;background:linear-gradient(90deg,#e3c6a9,#dc966a,#a95b4b);overflow:hidden}.fat-meter i{display:block;height:100%;border-radius:inherit;background:#ffffff8c;transition:width .25s ease}.fat-trend-footer{display:flex;justify-content:space-between;align-items:center;color:#a18d82;font-size:9px}.fat-trend-footer button{border:1px solid #d9b9aa;border-radius:5px;padding:5px 7px;color:#a86550;background:#fffaf7;font-size:9px}.fat-trend-footer button.enabled{color:#fff;border-color:#ae6b54;background:#ae6b54}.disclaimer{max-width:1400px;margin:15px auto 0;color:#aaa49d;font-size:10px;line-height:1.5;text-align:center}.disclaimer span{color:#bc8d79;margin-right:5px}.seo-intro,.seo-content,.faq-section{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.seo-intro{padding:58px 0 16px}.seo-intro h1{margin:0;color:#292724;font-size:clamp(30px,4vw,48px);letter-spacing:-.06em;line-height:1}.seo-intro p{max-width:620px;margin:15px 0 0;color:#756e67;font-size:15px;line-height:1.7}.seo-content{padding:16px 0 22px}.seo-content article,.faq-section{border:1px solid rgba(54,48,42,.09);border-radius:18px;background:#fffffda8;box-shadow:0 15px 50px #3b352f0a}.seo-content article{padding:36px clamp(22px,5vw,60px)}.seo-content h2,.faq-section h2{margin:36px 0 12px;color:#403b36;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.04em}.seo-content h2:first-child{margin-top:0}.seo-content p,.seo-content li,.faq-section p{color:#6b645d;font-size:14px;line-height:1.85}.seo-content ol{padding-left:22px}.faq-section{margin-top:22px;margin-bottom:26px;padding:28px clamp(22px,5vw,60px)}.faq-section h2{margin-top:0}.faq-section details{border-top:1px solid #e7e1dc;padding:15px 0}.faq-section summary{color:#514a44;cursor:pointer;font-weight:700;font-size:14px}.faq-section p{margin:10px 0 0}@media(max-width:900px){.app-shell{padding:0 18px 18px}.topbar{height:70px}.workspace{grid-template-columns:1fr}.side-panel{order:-1;position:static;max-height:none}.control-card{max-height:none;overflow:visible;padding:22px}.stage-heading{height:88px;padding:22px}.canvas-wrap{min-height:390px;height:58vh}.stage-footer{padding:0 18px}.view-controls{gap:7px}.view-label{display:none}.seo-intro,.seo-content,.faq-section{width:calc(100% - 36px)}.seo-intro,.seo-content{padding-left:0;padding-right:0}.faq-section{margin-left:auto;margin-right:auto}}@media(max-width:520px){.brand-subtitle,.live-dot{display:none}.topbar-actions{gap:0}.stage-heading{padding:19px 17px}.asset-status{font-size:8px}.stage-heading h1{font-size:21px}.canvas-wrap{min-height:340px}.stage-footer{height:auto;padding:13px 14px;gap:7px;align-items:stretch;flex-direction:column}.view-controls{justify-content:space-between}.view-buttons{justify-content:space-between;flex:1}.view-buttons button{padding:6px 7px}.screenshot-button{width:100%}.disclaimer{text-align:left}.app-shell{padding-left:12px;padding-right:12px}}