#mitt-home-gallery{color-scheme:light;--ink:#202621;--green:#2f4937;--muted:#747970;--line:#e2e6df}#mitt-home-gallery *{box-sizing:border-box}#mitt-home-gallery{scroll-padding-top:24px}#mitt-home-gallery{margin:0;color:var(--ink);background:#fff;font-family:'Mitt UI Noto TC','Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased}#mitt-home-gallery button,#mitt-home-gallery a{-webkit-tap-highlight-color:transparent}#mitt-home-gallery button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:44px;transition:background .16s,scale .16s}#mitt-home-gallery button:active{scale:.97}#mitt-home-gallery a{color:inherit;text-decoration:none}#mitt-home-gallery button:focus-visible,#mitt-home-gallery a:focus-visible,#mitt-home-gallery .stage:focus-visible{outline:2px solid var(--green);outline-offset:4px}#mitt-home-gallery button:disabled{opacity:.45;cursor:default}#mitt-home-gallery button[hidden],#mitt-home-gallery [hidden]{display:none!important}#mitt-home-gallery .skip{position:absolute;top:-80px;padding:12px;background:white;z-index:10}#mitt-home-gallery .skip:focus{top:0}#mitt-home-gallery header{height:80px;margin:0 40px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}#mitt-home-gallery header img{display:block}#mitt-home-gallery header span{font-size:14px}#mitt-home-gallery header #picked{margin-left:auto;color:var(--green);font-size:13px}#mitt-home-gallery .gallery-main{max-width:1500px;margin:auto;padding:36px 40px 0}#mitt-home-gallery .intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px}#mitt-home-gallery .eyebrow{font-size:13px;color:var(--muted);margin:0 0 8px}#mitt-home-gallery .gallery-title{font-size:34px;font-weight:650;letter-spacing:-.04em;margin:0}#mitt-home-gallery .hint{font-size:13px;color:var(--muted);margin:0 0 5px}#mitt-home-gallery .catalog{display:grid;grid-template-columns:172px minmax(0,1fr);gap:38px;align-items:start}#mitt-home-gallery .sidebar{position:sticky;top:24px}#mitt-home-gallery .garments{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:12px}#mitt-home-gallery .garments button{flex:1;border-radius:8px;font-size:15px}#mitt-home-gallery .garments [aria-pressed=true]{background:var(--ink);color:white}#mitt-home-gallery .filters{display:flex;flex-direction:column;gap:4px}#mitt-home-gallery .filters button{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:8px;font-size:14px;text-align:left;white-space:nowrap}#mitt-home-gallery .filters span{font-size:12px;color:var(--muted)}#mitt-home-gallery .filters [aria-pressed=true]{background:#edf1eb;color:var(--green);font-weight:650}#mitt-home-gallery .aside-note{font-size:12px;line-height:1.9;color:var(--muted);margin:28px 12px}#mitt-home-gallery .result-heading{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin:0 0 14px}#mitt-home-gallery .example{scroll-margin-top:24px;margin-bottom:52px}#mitt-home-gallery .stage{position:relative;width:100%;height:clamp(380px,48vw,560px);border-radius:12px;background:#f7f8f5;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}#mitt-home-gallery .stage.is-dragging{cursor:grabbing}#mitt-home-gallery .scene{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 48%;pointer-events:none}#mitt-home-gallery .arc-image{position:absolute;top:50%;left:50%;width:min(68%,560px);height:auto;aspect-ratio:1;object-fit:contain;transform-origin:50% 50%;backface-visibility:hidden;pointer-events:none}#mitt-home-gallery .stage.is-moving .arc-image{will-change:transform,opacity}#mitt-home-gallery .gesture{position:absolute;bottom:16px;inset-inline:0;text-align:center;color:var(--muted);font-size:12px;pointer-events:none}#mitt-home-gallery .loading{position:absolute;inset:46% 15px auto;text-align:center;font-size:13px;color:var(--muted)}#mitt-home-gallery .transport{display:flex;align-items:center;justify-content:center;gap:26px;margin:8px 0 12px}#mitt-home-gallery .transport>button{font-size:22px;width:44px;border-radius:50%}#mitt-home-gallery .faces{display:flex;background:#f1f3ef;border-radius:99px;padding:4px;gap:4px}#mitt-home-gallery .faces button{min-height:36px;min-width:70px;border-radius:99px;font-size:13px}#mitt-home-gallery .faces [aria-pressed=true]{background:white;box-shadow:0 1px 4px #20262112;font-weight:650}#mitt-home-gallery .card-info{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:0 6px}#mitt-home-gallery .card-info h2{font-size:24px;letter-spacing:-.02em;font-weight:650;margin:0 0 6px}#mitt-home-gallery .card-info p{color:var(--muted);font-size:13px;margin:0}#mitt-home-gallery .card-actions{display:flex;align-items:center;gap:24px}#mitt-home-gallery .price{display:flex;flex-direction:column;gap:4px;text-align:right}#mitt-home-gallery .price strong{font-size:20px;font-weight:550;white-space:nowrap}#mitt-home-gallery .price small{font-size:11px;color:var(--muted)}#mitt-home-gallery .select,#mitt-home-gallery .primary{border-radius:8px;padding:12px 22px;background:var(--green);color:white;font-size:14px;font-weight:500}#mitt-home-gallery .more{display:flex;align-items:center;justify-content:center;gap:20px;min-height:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;font-size:15px}#mitt-home-gallery .more span{font-size:24px}#mitt-home-gallery #end{text-align:center;color:var(--muted);font-size:13px}#mitt-home-gallery #end button{margin-left:12px;color:var(--green)}#mitt-home-gallery #empty{padding:80px 24px 100px;text-align:center;background:#f7f8f5;border-radius:12px}#mitt-home-gallery #empty h2{font-size:22px;font-weight:600}#mitt-home-gallery #empty p:not(.eyebrow){font-size:14px;color:var(--muted)}#mitt-home-gallery #empty button{margin-top:20px}#mitt-home-gallery footer{margin:72px 40px 0;padding:32px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;font-size:13px}#mitt-home-gallery footer small,#mitt-home-gallery footer>a{color:var(--muted);font-size:11px}#mitt-home-gallery footer>a{margin-left:auto}#mitt-home-gallery dialog{width:min(540px,calc(100% - 32px));padding:28px;border:1px solid var(--line);border-radius:16px;color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #17241b24}#mitt-home-gallery dialog::backdrop{background:#12191266}#mitt-home-gallery dialog h2{font-size:26px;margin:0;font-weight:650}#mitt-home-gallery .close{position:absolute;right:12px;top:10px;width:44px;font-size:28px;color:var(--muted)}#mitt-home-gallery .selected-images{display:flex;gap:8px;background:#f7f8f5;border-radius:10px;margin:20px 0}#mitt-home-gallery .selected-images img{width:calc(50% - 4px);aspect-ratio:1;object-fit:contain}#mitt-home-gallery .selection-price{font-size:20px;font-weight:550}#mitt-home-gallery .muted,#mitt-home-gallery #selection-info{font-size:14px;color:var(--muted);line-height:1.8}#mitt-home-gallery dialog .primary{width:100%;margin-top:12px}#mitt-home-gallery .local-note{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}#mitt-home-gallery #selection-status{font-size:13px;color:var(--green)}#mitt-home-gallery .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(hover:hover){#mitt-home-gallery .filters button:hover,#mitt-home-gallery .transport>button:hover{background:#edf1eb}#mitt-home-gallery .select:hover,#mitt-home-gallery .primary:hover{background:#223b2c}}
@media(max-width:760px){#mitt-home-gallery{scroll-padding-top:125px}#mitt-home-gallery header{height:66px;margin:0 20px;gap:20px}#mitt-home-gallery header img{width:76px;height:34px}#mitt-home-gallery header span{font-size:13px}#mitt-home-gallery header #picked{font-size:11px}#mitt-home-gallery .gallery-main{padding:26px 0 0}#mitt-home-gallery .intro{padding:0 20px;display:block;margin-bottom:24px}#mitt-home-gallery .eyebrow{font-size:11px}#mitt-home-gallery .gallery-title{font-size:28px}#mitt-home-gallery .hint{font-size:12px;margin-top:10px}#mitt-home-gallery .catalog{display:block}#mitt-home-gallery .sidebar{top:0;z-index:20;background:white;padding:8px 20px 10px;border-bottom:1px solid var(--line)}#mitt-home-gallery .garments{width:180px;margin:0 0 6px;padding:0;border:0}#mitt-home-gallery .garments button{min-height:36px;font-size:13px}#mitt-home-gallery .filters{flex-direction:row;gap:4px;overflow:auto;scrollbar-width:none}#mitt-home-gallery .filters button{font-size:12px;padding:0 10px;min-height:40px;gap:9px}#mitt-home-gallery .filters span{font-size:11px}#mitt-home-gallery .aside-note{display:none}#mitt-home-gallery .result-heading{margin:18px 20px 12px}#mitt-home-gallery .example{scroll-margin-top:120px;margin-bottom:36px}#mitt-home-gallery .stage{height:112vw;max-height:520px;min-height:350px;border-radius:0}#mitt-home-gallery .arc-image{width:98%;max-width:490px}#mitt-home-gallery .gesture{font-size:11px;bottom:12px}#mitt-home-gallery .transport{margin:8px 0 14px;gap:22px}#mitt-home-gallery .card-info{display:block;padding:0 20px}#mitt-home-gallery .card-info h2{font-size:22px;margin-bottom:4px}#mitt-home-gallery .card-info p{font-size:12px}#mitt-home-gallery .card-actions{margin-top:14px;justify-content:space-between;gap:12px}#mitt-home-gallery .price{text-align:left}#mitt-home-gallery .price strong{font-size:20px}#mitt-home-gallery .price small{font-size:10px}#mitt-home-gallery .select{padding:11px 18px;font-size:13px}#mitt-home-gallery .more{width:calc(100% - 40px);margin:0 20px}#mitt-home-gallery #end{padding:0 20px}#mitt-home-gallery #empty{border-radius:0;padding:65px 20px}#mitt-home-gallery #empty h2{font-size:21px}#mitt-home-gallery footer{margin:44px 20px 0;flex-wrap:wrap;gap:12px 20px;padding:24px 0}#mitt-home-gallery footer p{font-size:12px}#mitt-home-gallery footer small{width:100%}#mitt-home-gallery footer>a{margin:0}#mitt-home-gallery dialog{padding:22px}#mitt-home-gallery dialog h2{font-size:23px}#mitt-home-gallery .selected-images{margin:14px 0}#mitt-home-gallery .selection-price{font-size:18px}}
@media(prefers-reduced-motion:reduce){#mitt-home-gallery button{transition:none}#mitt-home-gallery button:active{scale:none}}#mitt-home-gallery .selection-price small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:6px}#mitt-home-gallery .clear-pick{display:block;width:100%;font-size:12px;color:var(--muted)}#mitt-home-gallery .price small{font-size:11px;line-height:1.6}/* 阿邦 2026-10-06：整頁一體白底，移除圖區卡片感。 */#mitt-home-gallery .stage{background:#fff;border-radius:0}#mitt-home-gallery .selected-images,#mitt-home-gallery #empty{background:#fff}/* 同款四視圖：兩張完整衣服＋由原PNG即時放大的印花。 */#mitt-home-gallery .arc-image{overflow:hidden}#mitt-home-gallery .arc-image>img{display:block;position:absolute;height:auto;max-width:none;aspect-ratio:1;pointer-events:none;user-select:none}#mitt-home-gallery .arc-image.detail-view{border-radius:8px}
@media(max-width:760px){#mitt-home-gallery .transport{gap:6px;padding:0 12px}#mitt-home-gallery .transport>button{width:32px;flex:none}#mitt-home-gallery .transport .faces{flex:1;max-width:290px;gap:2px}#mitt-home-gallery .transport .faces button{flex:1;min-width:0;font-size:11px;padding:0 5px;white-space:nowrap}}#mitt-home-gallery .stage[data-face*="近看"] .gesture,#mitt-home-gallery .stage[data-face="胸前位置"] .gesture{visibility:hidden}

/* Integrate in the current homepage, retaining its outer content width and shell. */
#templates{scroll-margin-top:96px;margin:56px 0 48px}
#mitt-home-gallery .gallery-main{max-width:none;padding:0;margin:0}
#mitt-home-gallery .intro{margin-bottom:32px;flex-wrap:wrap}
#mitt-home-gallery .gallery-title{font-size:28px;font-weight:650;letter-spacing:-.03em;line-height:1.4;margin:0}
#mitt-home-gallery .intro #picked{margin-left:auto;color:var(--green);font-size:13px}
#mitt-home-gallery .hint{margin-left:auto}
#mitt-home-gallery .sidebar{top:96px}
#mitt-home-gallery .example{scroll-margin-top:100px}
#mitt-home-gallery .card-actions{padding-right:64px}
@media(max-width:760px){
 #templates{margin:36px 0;scroll-margin-top:76px}
 #mitt-home-gallery .intro{position:relative;padding:0;margin-bottom:24px}
 #mitt-home-gallery .gallery-title{font-size:26px}
 #mitt-home-gallery .intro #picked{margin:8px 0 0;padding:0;min-height:36px}
 #mitt-home-gallery .sidebar{top:65px;padding-inline:0}
 #mitt-home-gallery .result-heading{margin-inline:0}
 #mitt-home-gallery .card-info{padding-inline:0}
 #mitt-home-gallery .more{width:100%;margin:0}
 #mitt-home-gallery .stage{width:calc(100% + 40px);margin-inline:-20px}
 #mitt-home-gallery .faces button{min-width:56px;padding-inline:2px}
 #mitt-home-gallery .transport{gap:4px;margin-inline:-20px}
 #mitt-home-gallery .transport>button{min-width:44px}
 #mitt-home-gallery .example,#mitt-home-gallery #results{scroll-margin-top:180px}
}
/* r13: blend the sidebar into the existing gallery controls, without moving the stage. */
#mitt-home-gallery .sidebar .garments{border:0;background:#f1f3ef;border-radius:99px;padding:4px;gap:4px;margin-bottom:16px}
#mitt-home-gallery .sidebar .garments button{min-height:44px;border-radius:99px;font-size:14px;color:var(--muted);font-weight:400}
#mitt-home-gallery .sidebar .garments [aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 4px #20262112;font-weight:500}
#mitt-home-gallery .sidebar .filters button{position:relative;padding:0 8px 0 14px;min-height:44px;border-radius:99px;background:transparent;font-size:14px;font-weight:400}
#mitt-home-gallery .sidebar .filters button::before{content:"";position:absolute;left:0;top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:transparent}
#mitt-home-gallery .sidebar .filters [aria-pressed=true]{background:transparent;color:var(--green);font-weight:500}
#mitt-home-gallery .sidebar .filters [aria-pressed=true]::before{background:var(--green)}
#mitt-home-gallery .sidebar .filters span{font-size:13px;font-weight:400}
#mitt-home-gallery .sidebar .aside-note{margin:24px 14px;font-size:13px;line-height:1.8}
@media(hover:hover){#mitt-home-gallery .sidebar .filters button:hover{background:#f1f3ef}}
@media(max-width:760px){
 #mitt-home-gallery .sidebar{border-bottom:0;padding-block:8px 12px}
 #mitt-home-gallery .sidebar .garments{margin-bottom:8px}
 #mitt-home-gallery .sidebar .filters{gap:4px}
 #mitt-home-gallery .sidebar .filters button{padding-inline:14px 10px;gap:8px}
}
/* r14: keep the image and view controls on the same white page. */
#mitt-home-gallery .gesture{display:none}
#mitt-home-gallery .transport .faces{background:#fff}
#mitt-home-gallery .transport .faces [aria-pressed=true]{background:#fff;box-shadow:none}
#mitt-home-gallery .sidebar .garments{background:#fff}
#mitt-home-gallery .sidebar .garments [aria-pressed=true]{background:#fff;box-shadow:none}
#mitt-home-gallery .sidebar .filters [aria-pressed=true]{color:var(--ink)}
#mitt-home-gallery .sidebar .filters [aria-pressed=true]::before{background:var(--ink)}
#mitt-home-gallery .sidebar .aside-note{display:none}
@media(hover:hover){#mitt-home-gallery .sidebar .filters button:hover,#mitt-home-gallery .transport>button:hover{background:transparent}}