:root{color-scheme:light;--color-brand: #2f5d50;--color-surface: #f7f4ee;--color-text: #1f2a26;--color-muted: #4d5a55;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.7}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-surface);color:var(--color-text)}body{display:flex;min-height:100vh;min-height:100dvh}#root{display:flex;flex:1}.app{display:flex;flex:1;flex-direction:column;width:100%;max-width:40rem;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 16px 0}.app__header{text-align:center}.app__title{font-weight:700;margin:0;color:var(--color-brand);font-size:1.125rem;line-height:1.4;letter-spacing:.1em}.app-status{margin:24px 0;text-align:center}.unlock{display:flex;flex-direction:column;gap:8px;max-width:20rem;margin:0 auto}.shell__member{margin:0 0 8px;color:var(--color-muted);font-size:.875rem;line-height:1.4;text-align:center}.shell__main{flex:1;padding-bottom:calc(var(--tabbar-height, 4.5rem) + 16px)}html{scroll-padding-bottom:var(--tabbar-height, 4.5rem)}.shell__notices{margin:0 0 16px;padding:8px 16px 8px 32px;border:1px solid var(--color-brand);border-radius:8px}.tab__empty,.tab__note{color:var(--color-muted)}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:10;padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--color-muted);background:var(--color-surface)}.tabbar ul{display:flex;max-width:40rem;margin:0 auto;padding:0;list-style:none}.tabbar li{flex:1;min-width:0}.tabbar__item{width:100%;min-width:0;min-height:48px;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--color-muted);overflow-wrap:anywhere;font:inherit}.tabbar__item[aria-current=page]{color:var(--color-brand);font-weight:700;box-shadow:inset 0 3px 0 var(--color-brand)}.cutout__canvas{display:block;margin:0 auto;touch-action:none;max-width:100%;max-height:45vh;max-height:45dvh;background:#d8d8d8}.cutout__tools{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0}.cutout__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cutout__size{flex-wrap:nowrap}.cutout__size input{min-width:0;width:8rem;max-width:100%}.cutout__tool--active{background:var(--color-brand);color:#fff;font-weight:700;outline:2px solid var(--color-brand);outline-offset:2px}.swatch__grid,.palette__list{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.swatch{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid transparent;background:none}.swatch[aria-checked=true]{border-color:var(--color-brand)}.swatch__canvas{width:48px;height:48px;border-radius:8px}.palette__chip{display:inline-flex;flex-direction:column;align-items:center}.palette__chip .swatch__canvas{width:32px;height:32px}.mirror__canvas{display:block;width:100%;height:60vh}.season__note{color:var(--color-muted)}:root{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}button,select,input:not([type=checkbox]):not([type=radio]),.swatch{min-height:2.75rem;font:inherit}button,select{min-width:2.75rem}input[type=checkbox],input[type=radio]{width:1.5rem;height:1.5rem}#root,#root>*{min-width:0}fieldset{min-width:0}input[type=file]{max-width:100%}img,canvas,video{max-width:100%;height:auto}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.care-panel__section button{display:inline-flex;align-items:center;gap:.5rem;margin:.25rem;min-height:44px;text-align:left}.care-icon{flex:none;color:inherit}.care-step__note{display:block;margin-top:1rem}.care-step__note textarea{display:block;width:100%;box-sizing:border-box}.wardrobe__actions,.model-step__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.5rem}.wardrobe__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem;list-style:none;margin:0;padding:0}.wardrobe__card{content-visibility:auto;contain-intrinsic-size:140px 160px}.wardrobe__card button{display:flex;flex-direction:column;align-items:center;width:100%}.wardrobe__placeholder{display:inline-block;width:96px;height:96px;background:#e6e6e6}.detail__main{max-width:100%;max-height:50vh}.detail__photos,.detail__care,.color-step__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.color-step__swatch{flex:none;display:inline-block;width:1.25rem;height:1.25rem;margin-inline-end:.5rem;border:1px solid #767676;vertical-align:middle}p,ul,ol{margin-block:0 .75rem}h2,h3{margin-block:.5rem;line-height:1.4}a{color:var(--color-brand);text-underline-offset:.2em}button,.button{padding:.25rem .875rem;border:1px solid var(--color-brand);border-radius:8px;background:#fff;color:var(--color-brand);cursor:pointer}button[aria-pressed=true]{background:var(--color-brand);color:#fff}button:disabled{border-color:var(--color-muted);background:transparent;color:var(--color-muted);cursor:default}button+button,button+a,a+button{margin-inline-start:.5rem}.swatch__grid button+button,.model-step__actions button+button,.capture__actions button+button,.flow-actions button+button,.attr-confirm__candidates button+button,.color-picker__grid button+button,.wardrobe__actions button+button,.wardrobe__actions button+a,.wardrobe__actions a+button{margin-inline-start:0}.tab__empty{margin-block:.5rem 1rem}.gap__card{margin-block-end:1rem;padding:.5rem 1rem;border:1px solid var(--color-muted);border-radius:8px}.gap__title{display:flex;align-items:center;gap:.5rem}.gap__swatch{flex:none;border-radius:4px}.gap__reasons{padding-inline-start:1.25rem}.button--primary{background:var(--color-brand);color:#fff;font-weight:700}.button--primary:disabled{background:transparent;color:var(--color-muted)}.flow-active .app__header,.flow-active .shell__member{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.flow-active .app{padding-top:max(4px,env(safe-area-inset-top))}.capture__guide{margin-block-end:.5rem}.capture__kinds{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;padding:0;border:0}.capture__kinds legend{padding:0;margin-block-end:.25rem;font-weight:700}.capture__kind{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .875rem;border:1px solid var(--color-muted);border-radius:8px;background:#fff;cursor:pointer}.capture__kind:has(input:checked){border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand);font-weight:700}.capture__kind input{flex:none;margin:0}.capture__camera{display:block}.capture__camera video{display:block;width:100%;max-height:40vh;max-height:40dvh;margin-block-end:.5rem;background:#d8d8d8;object-fit:cover}.capture__camera button{position:sticky;bottom:calc(var(--tabbar-height, 4.5rem) + 8px);z-index:5;width:100%;margin-block-end:.5rem;background:var(--color-brand);color:#fff;font-weight:700}.capture__camera button:disabled{background:#fff;color:var(--color-muted)}.capture__library{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:2.75rem;margin-block-end:.5rem;text-align:center}.capture__library:focus-within{outline:3px solid var(--color-brand);outline-offset:2px}.capture__library:has(input:disabled){border-color:var(--color-muted);background:transparent;color:var(--color-muted);cursor:default}input.capture__file:disabled{cursor:default}input.capture__file{position:absolute;inset:0;width:100%;min-height:0;height:100%;margin:0;opacity:0;cursor:pointer}.capture__reminder{color:var(--color-muted)}.capture__list{margin:0 0 .75rem;padding:0;list-style:none}.capture__item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem 0;border-bottom:1px solid #d8d8d8}.capture__thumb{flex:none;width:80px;height:80px;border-radius:8px;object-fit:cover;background:#e6e6e6}.capture__kind-text{flex:1 1 4rem;min-width:0;font-weight:700}.capture__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.5rem}.capture__actions button{flex:1 1 8rem}.model-step__actions button{flex:0 1 auto}.flow-steps ol{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin:0 0 .75rem;padding:0;list-style:none}.flow-steps__item{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-muted)}.flow-steps__item--current{color:inherit;font-weight:700}.flow-steps__no{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid currentColor;border-radius:50%;font-size:.875rem}.flow-steps__item--current .flow-steps__no{border-width:2px}.flow-preview{display:block;max-height:160px;margin-block:0 .75rem;object-fit:contain}.flow-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.75rem}.attr-confirm .field{display:flex;flex-direction:column;gap:.25rem;margin-block-end:.75rem}.attr-confirm .field select{width:100%;box-sizing:border-box;min-height:44px}.field__slider{display:flex;align-items:center;gap:.75rem}.field__slider input[type=range]{flex:1;min-width:0}.field__slider output{min-width:1.5rem;text-align:end;font-variant-numeric:tabular-nums}.attr-confirm__candidates{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:.75rem}.care-step__fields{border:0;margin:0;padding:0}.care-panel__section{margin-block-end:.5rem;border:1px solid var(--color-muted);border-radius:6px;padding:0 .5rem}.care-panel__section summary{display:flex;justify-content:space-between;gap:.5rem;min-height:44px;align-items:center;font-weight:700;cursor:pointer}.care-panel__count{font-weight:400}.care-panel__symbols{display:flex;flex-wrap:wrap;padding-block-end:.5rem}.care-panel__symbol--on{box-shadow:inset 0 0 0 3px currentColor;font-weight:700}.color-picker{margin-block:.5rem}.color-picker summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.color-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.25rem;max-height:40vh;overflow-y:auto}.color-picker__item{min-width:0;display:flex;align-items:center;min-height:44px;text-align:left}.color-picker__item[aria-pressed=true]{box-shadow:inset 0 0 0 3px currentColor;font-weight:700}.members{padding:0;list-style:none}.members__item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-block:.5rem;border-bottom:1px solid var(--color-muted)}.members__who{flex:1 1 8rem;min-width:0;overflow-wrap:anywhere}.members__role{color:var(--color-muted)}.members__item button{min-height:2.75rem}.profile-entries{display:flex;flex-wrap:wrap;gap:.5rem}.profile-entries button,.profile-view__back{min-height:2.75rem}.profile-view{border-top:2px solid var(--color-brand);padding-top:.5rem}.profile-view h3:focus{outline:none}.tab input:not([type=checkbox]):not([type=radio]):not([type=file]),.tab select,.shell select{max-width:100%;box-sizing:border-box}.garment-editor__body{border:0;padding:0;margin:0;min-width:0}.garment-editor__colors,.garment-editor__secondary{min-width:0;overflow-wrap:anywhere}.garment-editor__secondary{margin-block:.5rem}.care-photos{position:sticky;top:0;z-index:5;margin-block-end:.75rem;padding-block:.25rem;background:var(--color-surface);border-block-end:1px solid var(--color-muted)}.care-photos__open{display:block;width:100%;min-height:44px;padding:0;border:0;background:none;cursor:zoom-in}.care-photos__img{display:block;width:100%;max-height:min(160px,25vh);object-fit:contain}.care-photos__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.care-photos__nav button{min-width:44px;min-height:44px}.care-photos__full{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--color-surface)}.care-photos__close{align-self:flex-end;min-height:44px}.care-photos__scroll{flex:1;min-height:0;overflow:auto;touch-action:pan-x pan-y pinch-zoom}.care-photos__full-img{display:block;max-width:100%;max-height:100%;margin:auto;object-fit:contain}