@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500&family=Noto+Sans+SC:wght@100;300;500&display=swap";:root{--topbar-height: 84px;--bottom-bar-height: 52px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Montserrat,Arial,sans-serif;font-weight:100}.bilingual-text{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.35}.bilingual-text--inline{flex-direction:row;align-items:baseline;gap:6px}.bilingual-text--center{align-items:center;text-align:center}.bilingual-text--right{align-items:flex-end;text-align:right}.bilingual-text__zh{display:block;font-family:Noto Sans SC,Noto Sans Simplified Chinese,sans-serif;font-weight:400}.bilingual-text__en{display:block;font-family:Montserrat,Arial,sans-serif;font-weight:inherit}.bilingual-text--inline .bilingual-text__zh,.bilingual-text--inline .bilingual-text__en{display:inline-flex;align-items:baseline}.app{display:grid;grid-template-rows:auto 1fr;min-height:100%;position:relative}.app--home{--home-viewport: 100dvh;--bottom-bar-height: calc(var(--home-viewport, 100vh) / 12)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;min-height:var(--topbar-height);padding:0 20px;border-bottom:1px solid #d9b9c6;background:#ead1dc}.topbar--with-measurement{flex-direction:column;align-items:stretch;gap:6px}.topbar-measurement{width:100%;display:none;justify-content:center;align-items:center}.topbar-measurement .measurement-embedded{width:100%}.brand{display:flex;align-items:baseline;gap:10px}.brand .brand-cn{font-size:22px;font-weight:400;color:#3b1a26;font-family:Noto Sans SC,Noto Sans Simplified Chinese,sans-serif}.brand .brand-en{font-size:18px;font-weight:500;color:#5f2a3a;font-family:Montserrat,Arial,sans-serif}.brand-link{border:none;background:transparent;padding:0;margin:0;display:inline-flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:10px;white-space:nowrap;cursor:pointer;color:inherit;font:inherit}.brand-link .brand-cn,.brand-link .brand-en{display:inline-flex;align-items:baseline}.brand-link:focus-visible{outline:2px solid rgba(95,42,58,.6);outline-offset:4px;border-radius:6px}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:20px;justify-content:flex-end;position:relative}.controls{display:flex;align-items:center;gap:10px}.controls label{color:#333;font-size:15px}.input{height:40px;padding:0 10px;border:1px solid #caa6b6;border-radius:8px;background:#fff;width:120px;font-size:15px}.topbar-nav{display:flex;align-items:center;gap:10px}.nav-link{min-height:36px;padding:6px 14px;border-radius:18px;border:1px solid #caa6b6;background:#fff;color:#5f2a3a;font-weight:500;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;white-space:normal}.nav-link.active{background:#5f2a3a;color:#fff}.nav-link--dropdown{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:6px}.nav-caret{font-size:12px;opacity:.7}.nav-dropdown{position:relative}.nav-dropdown.active>.nav-link{background:#5f2a3a;color:#fff}.nav-mobile{position:relative}.nav-mobile-toggle{display:flex;align-items:center;gap:6px;flex-direction:row;justify-content:center;text-align:center}.nav-mobile-menu{position:absolute;top:42px;right:0;width:min(280px,90vw);padding:12px;border-radius:16px;background:#fff;border:1px solid #d9b9c6;box-shadow:0 18px 30px #3b1a262e;display:none;flex-direction:column;gap:16px;z-index:20;max-height:70vh;overflow-y:auto}.nav-mobile-menu--open{display:flex}.nav-sheet{position:fixed;inset:0;background:#11070b99;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,32px);z-index:140}.nav-sheet__panel{width:min(520px,100%);max-height:100vh;background:#fff;border-radius:24px;padding:clamp(16px,4vw,28px);box-shadow:0 30px 60px #11070b66;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.nav-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-sheet__close{width:36px;height:36px;min-height:36px;border-radius:50%;border:1px solid #caa6b6;background:#fff;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.nav-sheet__sections{display:flex;flex-direction:column;gap:16px}.nav-mobile-section{display:flex;flex-direction:column;gap:8px}.nav-mobile-section+.nav-mobile-section{margin-top:12px;padding-top:12px;border-top:1px solid #f2dbe5}.nav-mobile-title{font-size:12px;font-weight:600;letter-spacing:.08em;color:#3b1a2699;text-transform:uppercase}.nav-mobile-item{min-height:36px;padding:6px 12px;border-radius:12px;border:none;background:transparent;color:#3b1a26;text-align:left;font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.nav-mobile-item:hover{background:#f3f3f3}.nav-mobile-item--disabled,.nav-mobile-item--disabled:hover{background:transparent;color:#3b1a2673;cursor:default;pointer-events:none}.nav-dropdown__menu{position:absolute;top:42px;left:0;min-width:180px;padding:8px;border-radius:16px;background:#fff;border:1px solid #d9b9c6;box-shadow:0 12px 28px #3b1a262e;display:none;flex-direction:column;gap:6px;z-index:20}.nav-dropdown__menu--open{display:flex}.nav-dropdown__item{min-height:32px;padding:6px 12px;border-radius:12px;border:none;background:transparent;color:#3b1a26;text-align:left;font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.nav-dropdown__item:hover{background:#f3f3f3}.nav-dropdown__item--disabled,.nav-dropdown__item--disabled:hover{background:transparent;color:#3b1a2673;cursor:default}.topbar,.controls label,.input,.nav-link,.actions,.payment-gate p,.about-page,button{font-family:Montserrat,Arial,sans-serif}.main{min-height:100%;position:relative;padding-bottom:calc(var(--bottom-bar-height) + 24px);padding-bottom:calc(var(--bottom-bar-height) + 24px + env(safe-area-inset-bottom))}.workspace{position:relative;height:100%}.coming-soon{min-height:100%;padding:80px 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbeff4,#f2e6ee 60%,#fff);color:#3b1a26}.coming-soon__panel{width:100%;max-width:640px;padding:48px 36px;border-radius:32px;background:#ffffffeb;box-shadow:0 24px 60px #3b1a2629;text-align:center}.coming-soon__eyebrow{margin:0 0 16px;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#3b1a26b3}.coming-soon__title{margin:0 0 20px;font-size:36px;font-weight:300;color:#5f2a3a}.coming-soon__description{margin:0 auto 20px;font-size:18px;line-height:1.6;color:#3b1a26d9;max-width:520px}.coming-soon__note{margin:0 auto;font-size:15px;color:#3b1a26a6;max-width:480px}.measurement-sidebar{position:absolute;top:calc(var(--topbar-height, 84px) + 16px);bottom:32px;left:32px;width:280px;padding:24px 24px 28px;border-radius:24px;background:#f3f3f3;color:#3b1a26;display:flex;flex-direction:column;gap:24px;box-shadow:0 18px 36px #3b1a2624}.measurement-sidebar__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.measurement-sidebar__titles{flex:1;min-width:0}.measurement-sidebar__header h2{margin:0 0 8px;font-size:22px;font-weight:300}.measurement-sidebar__header p{margin:0;font-size:14px;color:#3b1a26b3}.measurement-sidebar__fields{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:4px}.measurement-sidebar--compact .measurement-sidebar__fields{display:none}.measurement-sidebar__toggle{min-height:32px;padding:6px 10px;font-size:13px;align-self:flex-start}.measurement-sidebar--compact{gap:16px;border:1px solid #e3c7d2;background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 18px #3b1a261f}.measurement-field{display:flex;flex-direction:column;gap:8px}.measurement-field__label{font-size:14px;font-weight:500;color:#5f2a3a;display:inline-flex;flex-direction:column;gap:2px}.measurement-field__input{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.measurement-field__control{width:100%}.measurement-field__unit{font-size:13px;color:#3b1a26b3;min-width:32px;text-align:right;display:flex;justify-content:flex-end;white-space:nowrap}.measurement-unit-inline{white-space:nowrap}.measurement-embedded{width:100%;padding:0;border:none;background:transparent;box-shadow:none;display:flex;flex-direction:column;gap:clamp(2px,1vw,6px);align-items:center}.measurement-embedded .measurement-sidebar__header{width:100%;flex-direction:column;align-items:center;gap:clamp(0px,.5vw,4px)}.measurement-embedded .measurement-sidebar__titles{width:100%;text-align:center}.measurement-embedded .measurement-sidebar__titles h2{margin-bottom:0;font-size:clamp(12px,4vw,16px)}.measurement-embedded .measurement-sidebar__titles p{margin:0;font-size:clamp(9px,3vw,12px)}.measurement-embedded .measurement-sidebar__toggle{width:100%;max-width:180px;text-align:center;border-radius:14px;min-height:clamp(28px,7vw,34px);padding:clamp(4px,1.4vw,8px) clamp(10px,3vw,14px);font-size:clamp(10px,3vw,13px);margin:clamp(2px,.8vw,6px) auto 0}.panel--with-sidebar{margin-left:344px}.panel-floating{position:absolute;left:16px;bottom:calc(16px + var(--bottom-bar-height));bottom:calc(16px + var(--bottom-bar-height) + env(safe-area-inset-bottom));z-index:60;width:min(360px,100%)}.measurement-modal{position:fixed;inset:0;padding:24px;background:#11070ba6;display:flex;align-items:center;justify-content:center;z-index:60}.measurement-modal__panel{width:min(520px,100%);max-height:min(90vh,640px);padding:20px;border-radius:20px;background:#fff;color:#3b1a26;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px #11070b66}.measurement-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.measurement-modal__titles{flex:1;text-align:left}.measurement-modal__titles .bilingual-text{align-items:flex-start;text-align:left}.measurement-modal__titles .bilingual-text__zh,.measurement-modal__titles .bilingual-text__en{text-align:left}.measurement-modal__titles h3{margin:0 0 6px;font-size:20px;font-weight:500;text-align:left}.measurement-modal__titles p{margin:0;color:#3b1a26b3;font-size:13px;text-align:left}.measurement-modal__close{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;font-size:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.measurement-modal__close span{line-height:1}.measurement-modal__fields{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0;padding-right:4px}.measurement-reset{margin-top:12px;align-self:flex-start;border-style:dashed;color:#5f2a3a;background:#ffffffb3}.measurement-reset:hover:not(:disabled){background:#f7f1f3}.export-confirm{position:fixed;inset:0;padding:24px;background:#11070ba6;display:flex;align-items:center;justify-content:center;z-index:150}.export-confirm__panel{width:min(520px,100%);max-height:min(90vh,620px);background:#fff;border-radius:22px;box-shadow:0 30px 60px #11070b66;padding:clamp(20px,4vw,28px);display:flex;flex-direction:column;gap:16px;color:#3b1a26}.export-confirm__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.export-confirm__titles{flex:1}.export-confirm__titles h3{margin:0 0 6px;font-size:20px;font-weight:600}.export-confirm__titles p{margin:0;color:#3b1a26bf;font-size:13px}.export-confirm__close{width:36px;height:36px;min-height:36px;border-radius:50%;padding:0;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.export-confirm__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;flex:1}.export-confirm__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(59,26,38,.1)}.export-confirm__item:last-child{border-bottom:none;padding-bottom:0}.export-confirm__label{font-size:14px;color:#3b1a26d9}.export-confirm__value{font-weight:600;font-size:16px;color:#3b1a26}.export-confirm__unit{font-weight:400;font-size:14px;color:#3b1a26cc}.export-confirm__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.export-confirm__button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #5f2a3a;background:#5f2a3a;color:#fff;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px}.export-confirm__button--secondary{background:transparent;color:#5f2a3a}.export-confirm__button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.export-confirm{padding:12px}.export-confirm__panel{border-radius:18px}.export-confirm__item{flex-direction:column;align-items:flex-start;gap:4px}.export-confirm__actions{flex-direction:column;align-items:stretch}.export-confirm__button{width:100%}}@media(max-width:1100px){.topbar-spacer{display:none}.topbar-actions{gap:12px;width:100%}.topbar-nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav-link{font-size:14px;padding:0 12px}.nav-dropdown__menu{min-width:160px}.nav-mobile{width:100%;display:flex;justify-content:flex-end}.nav-mobile-toggle{width:180px;justify-content:center}.workspace{position:static;display:flex;flex-direction:column;gap:16px;padding:16px 16px 0}.measurement-sidebar{position:static;width:auto;padding:20px;border-radius:20px;box-shadow:0 10px 24px #3b1a261f}.measurement-sidebar__fields{max-height:none}.panel--with-sidebar{margin-left:0;margin-bottom:16px;flex:1;min-height:360px;border-radius:18px;overflow:hidden}.panel--with-sidebar .canvas-wrap{min-height:320px}.panel-floating{left:20px;bottom:calc(20px + var(--bottom-bar-height));bottom:calc(20px + var(--bottom-bar-height) + env(safe-area-inset-bottom))}.viewport-tools{right:20px;bottom:calc(var(--bottom-bar-height) + 40px);bottom:calc(var(--bottom-bar-height) + 40px + env(safe-area-inset-bottom));top:auto;flex-direction:column;gap:8px;padding:8px;border-radius:12px;background:#ffffffeb;box-shadow:0 16px 28px #3b1a2629;z-index:6}.viewport-tools button{width:40px;height:40px}}@media(max-aspect-ratio:1/1){:root{--mobile-viewport: 100dvh;--bottom-bar-height: calc(var(--mobile-viewport, 100vh) / 12);--mobile-fab-width: calc(100vw / 6);--mobile-fab-height: calc(var(--mobile-fab-width) / 2);--mobile-fab-padding: 0}.topbar{padding:clamp(12px,3.8vw,20px) clamp(16px,5vw,24px);height:auto;flex-direction:column;align-items:stretch;gap:clamp(12px,3.6vw,20px)}.brand{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.6vw,10px);text-align:center}.brand-link{width:100%;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,1.2vw,8px);white-space:normal}.brand .brand-cn{font-size:clamp(20px,6vw,30px)}.brand .brand-en{font-size:clamp(12px,4vw,18px)}.topbar-actions{width:100%;justify-content:center;align-items:stretch}.topbar-nav{display:none}.nav-mobile{width:100%;flex-direction:column;align-items:stretch;justify-content:center;margin:0;gap:clamp(8px,2.4vw,16px)}.nav-mobile-toggle{width:100%;min-height:clamp(42px,11vw,60px);justify-content:center;margin:0;border-radius:clamp(16px,4.8vw,28px);font-size:clamp(13px,4vw,17px)}.nav-mobile-menu{position:static;top:auto;left:auto;right:auto;width:100%;margin:0;padding:clamp(12px,3.6vw,18px) clamp(16px,5vw,24px);border-radius:0;border:none;background:#fff;box-shadow:none;border-top:1px solid rgba(59,26,38,.08);border-bottom:1px solid rgba(59,26,38,.08)}.nav-mobile-section{gap:clamp(6px,2vw,14px)}.nav-mobile-section+.nav-mobile-section{margin-top:clamp(8px,2.4vw,16px);padding-top:clamp(8px,2.4vw,16px)}.nav-mobile-title{font-size:clamp(11px,3.2vw,13px)}.nav-mobile-item{font-size:clamp(13px,3.8vw,16px);padding:clamp(6px,2vw,12px) clamp(10px,4vw,18px);border-radius:clamp(10px,3.4vw,18px);width:100%}.nav-mobile-item .bilingual-text{align-items:flex-start}button{white-space:normal;font-size:clamp(11px,calc(100vw / 28),15px);line-height:1.2}button .bilingual-text{gap:2px}button .bilingual-text__zh,button .bilingual-text__en{font-size:inherit;line-height:1.2}.actions{width:100%;gap:clamp(10px,3vw,18px)}.actions--mobile-trigger{justify-content:center}.actions__content{width:100%;gap:clamp(10px,3vw,18px)}.actions__title{font-size:clamp(14px,4vw,18px)}.actions__fab{width:min(360px,100%);min-height:clamp(52px,12vw,76px);padding:clamp(12px,3vw,18px) clamp(18px,6vw,28px);font-size:clamp(14px,4vw,18px);line-height:1.25}.payment-gate,.export-controls{width:100%;max-width:none}.payment-menu{gap:clamp(8px,2.4vw,14px)}.payment-gate>button,.export-controls>button,.payment-menu button,.download-button{width:100%;min-height:clamp(42px,11vw,60px);padding:clamp(8px,2.6vw,14px) clamp(12px,4vw,20px);font-size:clamp(13px,3.8vw,17px)}.payment-gate p,.export-controls p,.payment-menu p,.status,.error{font-size:clamp(11px,3.2vw,14px);line-height:1.4}.bottom-bar{padding:4px 14px;padding-bottom:calc(4px + env(safe-area-inset-bottom));gap:12px}.home-page__options{flex-direction:column;align-items:center;gap:16px}.home-option{width:min(420px,100%);padding:32px 20px;justify-content:flex-start;align-items:flex-start}.home-option__menu{position:absolute;top:calc(100% + 10px);bottom:auto;left:20px;right:20px;margin-top:0;box-shadow:0 12px 20px #3b1a261f}.workspace{padding:12px;gap:12px}.measurement-sidebar{padding:16px;border-radius:16px}.panel--with-sidebar{margin-bottom:12px;min-height:calc(280px + var(--bottom-bar-height, 0px))}.panel--with-sidebar .canvas-wrap{min-height:calc(260px + var(--bottom-bar-height, 0px))}.panel-floating{position:fixed;left:12px;bottom:calc(var(--bottom-bar-height) + 24px);bottom:calc(var(--bottom-bar-height) + 24px + env(safe-area-inset-bottom));margin:0;width:auto;z-index:35}.viewport-tools{bottom:calc(var(--bottom-bar-height) + 24px);bottom:calc(var(--bottom-bar-height) + 24px + env(safe-area-inset-bottom));right:16px;top:auto;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:#ffffffe6;box-shadow:0 12px 20px #3b1a262e}.viewport-tools button{width:40px;height:40px}.home-option{width:100%;min-height:auto}.home-option__trigger{padding:28px 24px}.home-option__menu{position:absolute;top:calc(100% + 10px);bottom:auto;left:24px;right:24px;margin-top:0;box-shadow:0 12px 20px #3b1a261f}.bottom-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.bottom-bar__links{gap:10px}.actions{width:100%}}@media(max-height:860px)and (min-width:721px){.app--workspace{--topbar-height: 72px;--bottom-bar-height: 46px}.app--workspace .topbar{padding:8px 16px;gap:12px}.app--workspace .brand .brand-cn{font-size:clamp(18px,2.2vh,22px)}.app--workspace .brand .brand-en{font-size:clamp(13px,1.8vh,18px)}.app--workspace .nav-link{font-size:clamp(12px,1.8vh,14px);min-height:32px;padding:4px 12px}.main--workspace .measurement-sidebar{padding:12px}.main--workspace .measurement-sidebar__titles h2{font-size:clamp(16px,2.2vh,22px)}.main--workspace .measurement-sidebar__titles p{font-size:clamp(11px,1.8vh,14px)}.main--workspace .measurement-sidebar__toggle{min-height:32px}.main--workspace .panel-floating{bottom:18px}.main--workspace .actions{gap:10px;padding:12px}.main--workspace .actions__fab{min-height:42px;font-size:13px}.main--workspace .viewport-tools button{width:42px;height:42px}.app--workspace .bottom-bar{padding:6px 12px;gap:10px}.app--workspace .bottom-link{font-size:12px}}@media(max-height:700px)and (min-width:721px){.app--workspace{--topbar-height: 64px;--bottom-bar-height: 40px}.app--workspace .topbar{padding:6px 14px;gap:10px}.app--workspace .brand{gap:4px}.app--workspace .brand .brand-cn{font-size:clamp(16px,2vh,20px)}.app--workspace .brand .brand-en{font-size:clamp(12px,1.6vh,16px)}.app--workspace .nav-link{font-size:12px;min-height:28px;padding:4px 10px}.main--workspace .measurement-sidebar{padding:10px;border-radius:14px}.main--workspace .measurement-sidebar__titles h2{font-size:clamp(15px,2vh,20px)}.main--workspace .measurement-sidebar__titles p{font-size:clamp(10px,1.6vh,13px)}.main--workspace .measurement-sidebar__toggle{font-size:12px;min-height:28px}.main--workspace .panel-floating{width:min(280px,55vw);bottom:12px;left:clamp(10px,3vw,18px)}.main--workspace .actions__title{font-size:13px}.main--workspace .actions__fab{min-height:36px;font-size:12px}.main--workspace .viewport-tools{gap:4px;padding:6px}.main--workspace .viewport-tools button{width:36px;height:36px;font-size:12px}.app--workspace .bottom-bar{padding:4px 10px;gap:8px}.app--workspace .bottom-bar__brand,.app--workspace .bottom-link{font-size:11px}}@media(max-aspect-ratio:1/1){:root{--mobile-viewport: 100dvh;--mobile-section-unit: calc(var(--mobile-viewport, 100vh) / 6);--mobile-canvas-height: calc(var(--mobile-section-unit) * 3.5);--topbar-height: calc(var(--mobile-viewport, 100vh) / 3);--bottom-bar-height: calc(var(--mobile-viewport, 100vh) / 12);--mobile-fab-width: calc(100vw / 6);--mobile-fab-height: calc(var(--mobile-fab-width) / 2);--mobile-fab-padding: 0}html,body,#root{height:var(--mobile-viewport, 100vh)}.app--workspace{--topbar-height: calc(var(--mobile-viewport, 100vh) / 3);--bottom-bar-height: calc(var(--mobile-viewport, 100vh) / 12);grid-template-rows:var(--topbar-height) 1fr var(--bottom-bar-height);height:var(--mobile-viewport, 100vh);min-height:var(--mobile-viewport, 100vh);max-height:var(--mobile-viewport, 100vh);overflow:hidden}.main--workspace{padding:clamp(12px,3vw,24px);padding-top:clamp(16px,4vw,28px);padding-bottom:clamp(12px,3vw,24px);height:100%;min-height:0;display:block;gap:0;overflow-x:visible;overflow-y:hidden}.main--workspace>*{height:100%;min-height:0}.main--workspace .workspace{position:relative;height:100%;min-height:0;padding:0;display:flex;flex-direction:column;gap:0}.app--workspace>.topbar{height:var(--topbar-height);min-height:var(--topbar-height);padding:clamp(14px,3vw,26px) clamp(14px,4vw,22px);flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(10px,3vw,20px);text-align:center}.app--workspace .topbar-spacer{display:none}.app--workspace .brand{width:100%;flex:none;flex-direction:column;gap:4px;text-align:center;align-items:center;text-wrap:balance;word-break:break-word}.app--workspace .brand-link{width:100%;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-wrap:balance;word-break:break-word}.app--workspace .topbar-actions{width:100%;margin-left:0;flex-direction:column;align-items:center;gap:clamp(8px,3vw,16px)}.app--workspace .brand .brand-cn{font-size:clamp(15px,5.2vw,22px);line-height:1.05}.app--workspace .brand .brand-en{font-size:clamp(11px,4.2vw,16px);line-height:1.12}.topbar--with-measurement .topbar-measurement{display:flex}.app--workspace .topbar-actions,.app--workspace .nav-mobile{justify-content:center;width:100%;margin:0}.app--workspace .nav-link{font-size:clamp(13px,calc(var(--mobile-section-unit) * .24),16px);min-height:calc(var(--mobile-section-unit) * .42);padding-inline:clamp(12px,calc(var(--mobile-section-unit) * .3),28px)}.app--workspace .nav-mobile-toggle{width:100%;max-width:360px;min-width:0;height:auto;min-height:calc(var(--mobile-section-unit) * .4)}.app--workspace .nav-mobile-menu{top:calc(100% + 8px)}.nav-mobile .topbar-measurement{margin-top:clamp(2px,1vw,8px)}.main--workspace .measurement-sidebar{display:none}.main--workspace .panel--with-sidebar{flex:none;min-height:var(--mobile-canvas-height);height:var(--mobile-canvas-height);margin:0;border-radius:22px;overflow:hidden;position:relative}.main--workspace .panel--with-sidebar .canvas-wrap{height:100%;min-height:0}.main--workspace .panel-floating{position:absolute;left:clamp(12px,4vw,20px);bottom:16px;width:min(320px,60vw);margin:0;z-index:6}.main--workspace .actions{width:100%;gap:clamp(8px,calc(var(--mobile-section-unit) * .08),16px);padding:clamp(6px,calc(var(--mobile-section-unit) * .08),12px);border-radius:0;background:transparent;box-shadow:none}.main--workspace .actions__title{font-size:clamp(14px,calc(var(--mobile-section-unit) * .24),18px)}.main--workspace .actions__toggle{font-size:clamp(12px,calc(var(--mobile-section-unit) * .22),15px);min-height:calc(var(--mobile-section-unit) * .36)}.main--workspace .actions__fab{font-size:clamp(15px,calc(var(--mobile-section-unit) * .3),20px);line-height:1.2}.main--workspace .payment-gate,.main--workspace .payment-gate p,.main--workspace .export-controls p,.main--workspace .status,.main--workspace .error{font-size:clamp(11px,calc(var(--mobile-section-unit) * .2),14px)}.main--workspace .viewport-tools{bottom:16px;right:clamp(12px,4vw,20px);top:auto;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:#ffffffeb;box-shadow:0 16px 32px #3b1a2629}.main--workspace .viewport-tools button{width:clamp(40px,calc(var(--mobile-section-unit) * .35),56px);height:clamp(40px,calc(var(--mobile-section-unit) * .35),56px);font-size:clamp(12px,calc(var(--mobile-section-unit) * .22),16px)}.app--workspace .bottom-bar{height:var(--bottom-bar-height);min-height:var(--bottom-bar-height);padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));justify-content:space-between;flex-direction:row;gap:12px}.app--workspace .bottom-bar__links{flex-direction:row;gap:12px}.app--workspace .bottom-bar__brand{font-size:clamp(10px,calc(var(--mobile-section-unit) * .18),13px)}.app--workspace .bottom-link{font-size:clamp(11px,calc(var(--mobile-section-unit) * .2),14px)}}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:60px 24px 120px;text-align:center;color:#3b1a26}.home-page__hero h1{margin:0 0 16px;font-size:36px;font-weight:500}.home-page__hero p{margin:0;font-size:18px;line-height:1.6}.home-page__subnote{margin-top:12px;font-size:16px;line-height:1.5}.home-page__options{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;width:100%;max-width:960px}.home-option{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:12px 28px;width:clamp(260px,45%,360px);min-height:clamp(180px,45%,860px);border-radius:18px;border:1px solid #d9b9c6;background:#fff;text-align:left;color:#3b1a26;transition:transform .2s ease,box-shadow .2s ease;overflow:visible;z-index:1}.home-option:hover,.home-option--open{transform:translateY(-4px);box-shadow:0 12px 24px #5b21341f}.home-option--open{z-index:40}.home-option__trigger{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0;width:100%;border:none;background:transparent;text-align:left;color:inherit;cursor:pointer;position:relative;z-index:1}.home-option__tag{padding:4px 10px;border-radius:10px;background:#ead1dc;color:#5f2a3a;font-size:13px;font-weight:500;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.home-option h2{margin:0;font-size:22px;font-weight:300}.home-option p{margin:0;font-size:15px;line-height:1.6;font-weight:100}.home-option__caret{align-self:flex-end;font-size:18px;color:#3b1a268c}.home-option__menu{position:absolute;top:calc(100% + 12px);bottom:auto;left:28px;right:28px;padding:12px;border-radius:16px;border:1px solid #d9b9c6;background:#fff;box-shadow:0 18px 32px #3b1a2629;display:none;flex-direction:column;gap:8px;z-index:30}.home-option__menu--open{display:flex}.home-option__menu-button{min-height:40px;padding:8px 14px;border-radius:12px;border:none;background:transparent;text-align:left;color:#3b1a26;font-size:15px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}@media(max-width:520px){.topbar{gap:12px}.brand .brand-cn{font-size:18px}.brand .brand-en{font-size:15px}.workspace{padding:10px}.measurement-sidebar{padding:14px}.measurement-field__label{font-size:13px}.home-page{padding:48px 16px 96px}.home-page__hero h1{font-size:30px}.home-page__hero p{font-size:16px}.home-option{padding:24px 18px}.home-option__menu{left:18px;right:18px}.panel--with-sidebar{min-height:240px}.panel--with-sidebar .canvas-wrap{min-height:220px}.viewport-tools{right:12px}.nav-mobile-toggle{height:48px}.nav-mobile-menu{max-height:min(70vh,420px)}.bottom-bar{align-items:stretch;padding:4px 12px;padding-bottom:calc(4px + env(safe-area-inset-bottom));gap:8px}.bottom-bar__links{flex-direction:column;align-items:flex-start;width:100%;gap:4px}.bottom-bar__brand{font-size:11px;line-height:1.3;gap:0}.bottom-link{font-size:11px;line-height:1.2;padding:1px 0}.actions__header{flex-direction:column;align-items:flex-start}.actions__toggle{width:100%;text-align:center}.measurement-modal{padding:12px}.measurement-modal__panel{width:100%;max-height:calc(100vh - 40px);border-radius:16px}}.home-option__menu-button:hover{background:#f3f3f3}.home-option__menu-button--disabled,.home-option__menu-button--disabled:hover{background:transparent;color:#3b1a2673;cursor:default;pointer-events:none}.panel{position:relative;height:100%}.canvas-wrap{width:100%;height:100%;overscroll-behavior:contain}canvas{touch-action:none}.viewport-tools{position:absolute;right:16px;bottom:calc(var(--bottom-bar-height) + 16px);bottom:calc(var(--bottom-bar-height) + 16px + env(safe-area-inset-bottom));display:flex;gap:8px}.viewport-tools button{min-height:32px;padding:6px 10px;font-size:13px;border-radius:8px;border:1px solid #caa6b6;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:min(320px,100%)}.actions--mobile-trigger{pointer-events:auto;width:100%;display:flex;justify-content:center}.actions__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.actions__title{font-size:15px;font-weight:600;color:#5f2a3a}.actions__toggle{min-height:30px;padding:4px 10px;font-size:13px}.actions__content{width:100%;display:flex;flex-direction:column;gap:12px}.actions__fab{width:min(320px,100%);min-width:0;height:auto;min-height:52px;padding:14px 24px;border-radius:999px;font-size:15px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:4px;text-align:center;white-space:normal;text-wrap:balance;font-weight:600;background:#5f2a3a;color:#fff;border:none;box-shadow:0 12px 24px #3b1a2647}.actions-sheet{position:fixed;inset:0;background:#11070b8c;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,24px);z-index:120}.actions-sheet__panel{width:min(520px,100%);max-height:calc(100vh - clamp(24px,8vw,48px));background:#fff;border-radius:24px;padding:clamp(16px,4vw,28px);box-shadow:0 30px 60px #11070b66;overflow-y:auto}.actions-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.actions-sheet__close{width:36px;height:36px;min-height:36px;border-radius:50%;padding:0;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.export-controls{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.payment-gate{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:260px;text-align:left}.payment-menu{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:12px;border-radius:12px;border:1px dashed #caa6b6;background:#ffffffd9;box-shadow:0 4px 18px #3a172214}.payment-menu p{margin:0;font-size:12px;color:#6b4b56}.payment-menu button{width:100%;border-style:solid}.payment-gate p,.export-controls p{margin:0}.status{font-size:12px;color:#6b4b56}.error{font-size:12px;color:#c62828;text-align:left}button{min-height:32px;padding:6px 10px;border-radius:8px;border:1px solid #caa6b6;background:#fff;cursor:pointer;font-weight:500;display:inline-flex;flex-direction:column;gap:2px;justify-content:center;align-items:center;text-align:center}button:disabled{cursor:not-allowed}.download-button:disabled{background:#f2ecef;color:#a18593;border-color:#e2cfd7}.download-button--ghost{background:#fff6;color:#5f2a3a;border-style:dashed}.download-button--ghost:disabled{color:#5f2a3a99;border-color:#5f2a3a4d}.about-page{display:flex;flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:32px 40px 48px;color:#3b1a26}.about-header h1{margin:0 0 12px;font-size:32px;font-weight:500}.about-header p{margin:0;font-size:18px;line-height:1.6}.about-section h2{margin:0 0 12px;font-size:22px;font-weight:300}.about-section p{margin:0 0 12px;font-size:16px;line-height:1.6}.about-section ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:16px;line-height:1.6}.about-section li strong{font-weight:300}body p,body li,.about-section p,.payment-gate p,.export-controls p,.home-page__hero p,.home-option p{font-weight:100}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;min-height:var(--bottom-bar-height);padding:6px 16px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:#fbf4f7;border-top:1px solid #d9b9c6;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:9}.app--home .bottom-bar{height:var(--bottom-bar-height)}.bottom-bar__brand{display:flex;flex-direction:column;gap:2px;color:#3b1a26;font-size:12px}.bottom-bar__links{display:flex;align-items:center;gap:12px}.bottom-link{background:transparent;border:none;border-radius:0;height:auto;color:#5f2a3a;font-weight:300;font-size:13px;cursor:pointer;padding:2px 6px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;text-align:left}.bottom-link:hover{text-decoration:underline}.pet-placeholder{display:flex;justify-content:center;align-items:center;padding:80px 24px 120px;min-height:100%}.pet-placeholder__card{display:flex;flex-direction:column;gap:16px;max-width:540px;padding:36px 32px;background:#fff;border-radius:20px;border:1px solid #d9b9c6;text-align:left;color:#3b1a26;box-shadow:0 12px 24px #5b21341f}.pet-placeholder__card h1{margin:0;font-size:30px;font-weight:500}.pet-placeholder__card p{margin:0;font-size:16px;line-height:1.6}