body[data-spatial-preview=r16] { --qs-ink:#202621; --qs-line:#e4e7e2; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode .example-grid { display:block!important; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode .example-selected,
body[data-spatial-preview=r16][data-quick-step=design].qs-mode .b1-right { width:100%!important; max-width:none!important; min-width:0!important; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode .b1-right { max-height:none!important; overflow:visible!important; position:static!important; padding:0!important; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode #wb-workspace { position:relative; display:block!important; min-height:0!important; max-height:none!important; height:auto!important; padding:0 24px!important; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-workspace-head { padding:0 0 12px!important; }
body[data-spatial-preview=r16] .qs-workspace-title h1 { font-size:28px; }
body[data-spatial-preview=r16] .qs-workspace-title h1 { margin:4px 0 8px; }
body[data-spatial-preview=r16] .qs-workspace-title p { margin:0; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode .qs-workspace-title p { display:none; }
#spatial-product-controls { display:flex; justify-content:center; align-items:center; gap:12px; margin:0 0 8px; }
#spatial-product-controls[hidden] { display:none!important; }
#spatial-product-controls > button { display:flex; align-items:center; gap:12px; width:auto; min-height:44px; margin:0; padding:8px 12px; border:1px solid #e4e7e2; border-radius:999px; background:#fff; color:#202621; font:inherit; font-size:14px; }
#spatial-product-controls > button strong { font-size:14px; font-weight:500; }
#spatial-product-controls > button small,#spatial-product-controls #qs-dialog-color-name { display:none; }
#spatial-product-controls > button:hover { border-color:#747a72; }
#spatial-product-controls > button:focus-visible { outline:2px solid #747a72; outline-offset:3px; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-stage { position:relative!important; inset:auto!important; height:clamp(480px,calc(100svh - 340px),720px)!important; min-height:0!important; margin:0 260px!important; width:auto!important; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode #wb-designer { width:100%!important; height:100%!important; }
body[data-spatial-preview=r16][data-quick-step=design].qs-mode #qs-panel { max-width:none; padding:0 24px; }
body[data-spatial-preview=r16][data-quick-step=design] .qs-progress,
body[data-spatial-preview=r16][data-quick-step=design] #qs-design-step > h2,
body[data-spatial-preview=r16][data-quick-step=design] #qs-design-step > .qs-intro,
body[data-spatial-preview=r16][data-quick-step=design] .qs-canvas-caption,
body[data-spatial-preview=r16][data-quick-step=design] .qs-preview-jump { display:none!important; }
#spatial-tabs { display:none; }
.spatial-zone { position:absolute; top:50%; width:236px; transform:translateY(-50%); z-index:3; background:#fff; }
.spatial-zone[data-zone=primary] { left:24px; }
.spatial-zone[data-zone=secondary] { right:24px; }
.spatial-zone-title { border:0; background:#fff; color:#202621; display:flex; align-items:baseline; justify-content:space-between; padding:0 0 12px; width:100%; min-height:44px; font:inherit; font-size:20px; font-weight:650; }
.spatial-zone-title span { font-size:13px; font-weight:400; color:#747a72; }
#spatial-controls .spatial-zone-title { font-size:20px; font-weight:650; }
.spatial-zone[data-active=false] .spatial-zone-title { color:#747a72; }
.spatial-leader { position:absolute; top:24px; width:clamp(20px,6vw,110px); height:1px; background:#bdc5bb; pointer-events:none; }
.spatial-zone[data-zone=primary] .spatial-leader { left:calc(100% + 12px); transform:rotate(-12deg); transform-origin:left; }
.spatial-zone[data-zone=secondary] .spatial-leader { right:calc(100% + 12px); transform:rotate(12deg); transform-origin:right; }
.spatial-zone[data-active=false] .spatial-leader { opacity:0; }
.spatial-zone .qs-field > label { font-size:14px; display:block; margin-bottom:8px; font-weight:500; }
.spatial-zone input:not([type=file]) { width:100%; min-height:48px; background:#fff; border:1px solid #c6cec0; border-radius:8px; padding:12px; font:inherit; font-size:16px; color:#202621; }
.spatial-zone .qs-field { margin:0 0 12px; }
.spatial-zone .qs-upload button { padding:12px; border-radius:8px; }
.spatial-zone .qs-upload button small { display:none; }
.spatial-zone .qs-upload button strong { font-size:14px; font-weight:500; }
.spatial-zone .qs-upload svg { width:20px; height:20px; }
.spatial-zone .qs-print-row { display:block; border:0; padding:0; margin:0; }
.spatial-zone .qs-print-row label { font-size:14px; font-weight:500; margin-bottom:8px; display:block; }
.spatial-zone .qs-print-row label small { font-size:13px; font-weight:400; display:inline; margin-left:8px; }
.spatial-zone #qs-content-hint { font-size:13px; line-height:1.6; }
.spatial-zone #qs-design-status { font-size:13px; line-height:1.5; margin:4px 0 0; }
.spatial-zone #qs-design-status:empty { display:none; }
body[data-spatial-preview=r16] #spatial-controls [hidden] { display:none!important; }
#spatial-view-note { text-align:center; color:#747a72; font-size:13px; margin:4px 0 12px; }
#spatial-bottom { display:grid; grid-template-columns:minmax(320px,1.2fr) minmax(220px,1fr) 200px; gap:24px; align-items:center; padding:16px 0 0; border-top:1px solid #e4e7e2; }
#spatial-bottom #qs-price-first { display:grid; grid-template-columns:minmax(200px,1fr) auto; align-items:center; gap:4px 12px; border:0; margin:0; padding:0; }
#spatial-bottom #qs-price-first .qs-field { margin:0; }
#spatial-bottom #qs-price-first .qs-field > label { font-size:13px; margin-bottom:4px; }
#spatial-bottom .qs-count-line { gap:8px; }
#spatial-bottom #qs-quantity { width:72px; flex-basis:72px; min-height:44px; padding:8px; }
#spatial-bottom label.qs-check { gap:4px; font-size:13px; }
#spatial-bottom .qs-summary { padding:0; margin:0; background:#fff; border:0; }
#spatial-bottom .qs-summary-heading > span { display:none; }
#spatial-bottom .qs-summary-heading { justify-content:flex-start; }
#spatial-bottom .qs-total { font-size:24px; }
#spatial-bottom #qs-price-note { grid-column:1/-1; font-size:13px; max-width:none; line-height:1.5; color:#747a72; margin:0; }
#spatial-bottom .qs-garment-row { border:0; margin:0; padding:0; }
#spatial-bottom .qs-garment-row button { padding:0; }
#spatial-bottom .qs-garment-row button small { display:none; }
#spatial-bottom .qs-reference-links { margin-top:8px; }
#spatial-bottom .qs-actions { margin:0; }
@media(max-width:1100px) and (min-width:801px) {
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-stage { margin:0 225px!important; }
 .spatial-zone { width:205px; }
 #spatial-bottom { grid-template-columns:1fr 220px; }
 #spatial-bottom .qs-garment-row { grid-column:1; grid-row:2; }
}
@media(max-width:800px) {
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode #wb-workspace { padding:0 4px!important; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-workspace-head { padding:0 8px 4px!important; gap:8px; }
 body[data-spatial-preview=r16] .qs-workspace-title h1 { font-size:20px; margin:4px 0; }
 body[data-spatial-preview=r16] .qs-workspace-title p { font-size:13px; margin:4px 0; }
 body[data-spatial-preview=r16] .qs-view-switch { display:none; }
 body[data-spatial-preview=r16] .wb-head-actions #qs-canvas-editor { font-size:13px; padding:8px; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-stage { height:clamp(300px,calc(100svh - 440px),430px)!important; margin:0!important; }
 #spatial-tabs { display:flex; justify-content:center; gap:16px; }
 #spatial-tabs button { min-height:44px; padding:0 4px; background:#fff; border:0; border-bottom:1px solid transparent; color:#747a72; font:inherit; font-size:14px; }
 #spatial-tabs button[aria-pressed=true] { color:#202621; border-color:#202621; font-weight:650; }
 #spatial-view-note { display:none; }
 #spatial-controls { margin:4px 8px 0; }
 .spatial-zone { position:static; width:100%; transform:none; }
 .spatial-zone[data-active=false] { display:none; }
 .spatial-zone-title,.spatial-leader { display:none; }
 .spatial-zone .qs-content-group { display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:8px; align-items:end; }
 .spatial-zone .qs-field { margin:0; }
 .spatial-zone .qs-upload { margin:0; }
 .spatial-zone .qs-upload button { min-height:48px; padding:8px; width:100%; justify-content:center; }
 .spatial-zone .qs-upload svg,.spatial-zone .qs-upload-plus { display:none; }
 .spatial-zone .qs-upload button strong { font-size:13px; font-weight:500; line-height:1.5; }
 .spatial-zone #qs-upload { height:48px; min-height:48px; }
 .spatial-zone .qs-upload-file { justify-content:flex-end; margin-top:0; }
 .spatial-zone #qs-logo-name { display:none!important; }
 .spatial-zone #qs-logo-remove { width:auto; min-height:32px; height:32px; padding:4px; font-size:12px; }
 .spatial-zone #qs-content-hint,.spatial-zone .qs-error { grid-column:1/-1; margin:0; font-size:13px; }
 .spatial-zone .qs-print-row label small { margin-left:8px; }
 .spatial-zone[data-zone=primary] > .qs-print-row { margin-top:12px; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode #qs-panel { padding:0 12px; }
 #spatial-bottom { grid-template-columns:minmax(0,1fr) 120px; column-gap:12px; row-gap:8px; padding:12px 0 0; margin-top:12px; }
 #spatial-bottom #qs-price-first { grid-column:1; gap:8px; display:flex; align-items:center; }
 #spatial-bottom #qs-price-first .qs-field > label { display:none; }
 #spatial-bottom #qs-price-first label.qs-check { display:none; }
 #spatial-bottom .qs-count-line { display:inline-flex; }
 #spatial-bottom #qs-quantity { width:60px; flex-basis:60px; min-height:40px; padding:6px; }
 #spatial-bottom .qs-summary { display:inline-block; vertical-align:middle; margin-left:8px; }
 #spatial-bottom .qs-total { font-size:18px; }
 #spatial-bottom #qs-price-note { display:none; }
 #spatial-bottom .qs-garment-row { grid-column:1/-1; grid-row:2; font-size:13px; }
 #spatial-bottom .qs-garment-row > button { display:flex; min-height:40px; }
 #spatial-bottom .qs-garment-row strong { font-size:14px; }
 #spatial-bottom .qs-reference-links { display:flex; gap:16px; margin-top:0; font-size:13px; }
 #spatial-bottom .qs-actions { grid-column:2; grid-row:1; }
 #spatial-bottom .qs-primary { min-height:44px; font-size:14px; padding:8px; }
 body[data-spatial-preview=r16][data-quick-step=design] #qs-preview-note { display:block!important; font-size:13px; text-align:center; margin:8px 0; }
}
@media(prefers-reduced-motion:reduce) { .spatial-zone *,#spatial-tabs * { transition:none!important; animation:none!important; } }

body[data-spatial-preview=r16][data-quick-step=details].qs-mode .example-grid { display:block!important; }
body[data-spatial-preview=r16][data-quick-step=details].qs-mode:not(.qs-look-preview) .example-selected { display:none!important; }
body[data-spatial-preview=r16].qs-mode.qs-look-preview .example-selected { width:100%!important; max-width:none!important; }
body[data-spatial-preview=r16].qs-mode.qs-look-preview .b1-right { display:none!important; }
body[data-spatial-preview=r16].qs-mode.qs-look-preview #qs-back-to-form { position:relative!important; inset:auto!important; display:block; width:max-content; max-width:100%; min-height:48px; margin:16px auto; padding:12px 16px; z-index:5; background:#202621; color:#fff; }
body[data-spatial-preview=r16][data-quick-step=details].qs-mode .b1-right { width:100%!important; max-width:none!important; max-height:none!important; height:auto!important; overflow:visible!important; position:static!important; padding:0!important; }
body[data-spatial-preview=r16][data-quick-step=details].qs-mode #qs-panel { max-width:960px; margin:0 auto; padding:0 24px 24px; }
body[data-spatial-preview=r16][data-quick-step=details] .qs-progress { margin:0 0 24px; }
#qs-details-step[hidden],#qs-done-step[hidden] { display:none!important; }
#qs-details-step .qs-heading-row { display:flex; justify-content:space-between; align-items:center; gap:16px; }
#qs-details-step h2 { font-size:28px; font-weight:650; line-height:1.3; margin:0; }
#qs-details-step > .qs-intro { margin:8px 0 24px; font-size:14px; }
#spatial-confirm-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:start; }
#spatial-confirm-summary .qs-order-preview { display:flex!important; flex-direction:column; align-items:stretch; gap:12px; margin:0 0 16px; padding:0; border:0; background:#fff; }
#spatial-confirm-summary #qs-order-image { display:block; width:100%; height:240px; max-width:none; border:0; background:#fff; object-fit:contain; }
#spatial-confirm-summary .qs-order-preview > span { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#spatial-confirm-summary #qs-order-name { font-size:20px; font-weight:650; }
#spatial-confirm-summary #qs-order-garment,#spatial-confirm-summary #qs-summary-company { display:none; }
#spatial-confirm-summary .qs-order-preview button { min-height:44px; padding:8px 0; font-size:14px; white-space:nowrap; }
#spatial-confirm-summary .qs-design-summary { padding:12px 0; margin:0; border-top:1px solid #e4e7e2; }
#spatial-confirm-summary .qs-design-summary summary { font-size:14px; font-weight:500; }
#spatial-confirm-summary #qs-summary-design { white-space:pre-line; font-size:14px; line-height:1.65; margin:8px 0 0; }
#spatial-confirm-summary #qs-price-first { display:block; margin:0; padding:16px 0 0; border-top:1px solid #e4e7e2; }
#spatial-confirm-summary #qs-price-first .qs-field { margin:0 0 12px; }
#spatial-confirm-summary .qs-summary { padding:0; margin:0; border:0; background:#fff; }
#spatial-confirm-summary #qs-price-note { font-size:13px; line-height:1.65; margin:8px 0 0; }
#spatial-confirm-grid #qs-order-form { margin:0; }
#spatial-confirm-grid .qs-contact-group { display:block; }
#spatial-confirm-grid .qs-field { margin:0 0 16px; }
#spatial-confirm-grid .qs-field > label { display:block; font-size:14px; margin-bottom:8px; }
#spatial-confirm-grid .spatial-required { color:#a53c38!important; font-size:13px; font-weight:400; margin-left:8px; }
#spatial-confirm-grid input:not([type=checkbox]),#spatial-confirm-grid textarea { width:100%; min-height:48px; font-size:16px; }
#spatial-confirm-grid .qs-actions { margin-top:16px; }
#spatial-confirm-grid .qs-primary { min-height:48px; }
#spatial-confirm-grid .qs-demo-note { font-size:13px; line-height:1.65; margin:8px 0 0; text-align:center; }
#qs-done-step { max-width:600px; margin:0 auto; padding:16px 0; text-align:center; scroll-margin-top:88px; }
#qs-done-step .qs-receipt-mark { display:none; }
#qs-done-step .qs-receipt-eyebrow { color:#747a72; font-size:14px; margin:12px 0; }
#qs-done-step h2 { font-size:28px; font-weight:650; line-height:1.3; margin:0 0 12px; }
#qs-done-step .qs-intro { font-size:16px; line-height:1.65; }
#qs-done-step #qs-receipt-image { display:block; width:100%; height:180px; max-width:400px; margin:16px auto; object-fit:contain; background:#fff; }
#qs-done-step .qs-summary { border:0; background:#fff; padding:12px 0; margin:0; }
#qs-done-step #qs-receipt-detail { white-space:pre-line; font-size:14px; line-height:1.65; margin:8px 0; }
#qs-done-step #qs-receipt-id,.spatial-next-note { font-size:13px; color:#747a72; line-height:1.65; }
#qs-done-step #qs-return { width:100%; max-width:360px; min-height:48px; margin:16px auto 0; }

@media(min-width:801px) {
 #spatial-confirm-summary #qs-price-first { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; align-items:end; }
 #spatial-confirm-summary #qs-price-first .qs-field { margin:0; }
 #spatial-confirm-summary #qs-summary-count { display:none; }
 #spatial-confirm-summary #qs-price-note { grid-column:1/-1; }
}
@media(max-width:800px) {
 body[data-spatial-preview=r16][data-quick-step=details].qs-mode #qs-panel { padding:0 16px 24px; }
 body[data-spatial-preview=r16][data-quick-step=details] .qs-progress { margin-bottom:16px; }
 #qs-details-step h2 { font-size:20px; }
 #qs-details-step > .qs-intro { margin:8px 0 16px; }
 #spatial-confirm-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 #spatial-confirm-summary #qs-order-image { height:180px; }
 #spatial-confirm-summary #qs-order-name { font-size:18px; }
 #qs-done-step { scroll-margin-top:76px; }
 #qs-done-step h2 { font-size:28px; }
}
/* 2026-10-08 Claude usability candidate: preview only, not delivered. */
#spatial-submit-total{display:none}
@media(min-width:801px){#spatial-submit-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;padding-top:12px;border-top:1px solid #e4e7e2;font-size:14px;color:#55605a}#spatial-submit-total strong{font-size:20px;font-weight:700;color:#1d2420}}
body.qs-free #qs-canvas-editor{display:none}
body.qs-free .wb-segment button,body.qs-free #wb-layout-open{white-space:nowrap}
.qs-garment-options .qs-garment-note,.qs-garment-options .qs-garment-price{display:block;font-style:normal;font-size:13px;line-height:1.5;color:#747a72}
.qs-garment-options .qs-garment-price{color:#2f4937;font-weight:500}
.qs-garment-options{margin-bottom:16px}
@media(max-width:800px){
 body[data-spatial-preview=r16][data-quick-step=design]:not(.spatial-typing):not(.qs-free) #spatial-bottom{position:fixed;left:0;right:0;bottom:0;z-index:25;margin:0;grid-template-columns:max-content minmax(0,1fr);background:#fff;border-top:1px solid #e4e7e2;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
 body[data-spatial-preview=r16][data-quick-step=design]:not(.spatial-typing):not(.qs-free){padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 /* The amount never wraps; when space is short the button text takes two lines instead. */
 #spatial-bottom .qs-total{white-space:nowrap}
 #spatial-bottom #qs-price-first{flex-wrap:nowrap}
 #spatial-bottom .qs-actions .qs-primary{width:100%}
 body.spatial-typing #qs-content-hint,body.spatial-typing #spatial-view-note{display:none}
 #qs-design-step > .qs-garment-row{margin:12px 0 0;font-size:13px}
 #qs-design-step > .qs-garment-row > button{display:flex;min-height:40px}
 #qs-design-step > .qs-garment-row strong{font-size:14px}
 #qs-design-step > .qs-garment-row .qs-reference-links{display:flex;gap:16px;margin-top:0;font-size:13px}
}
/* Color picker: keep the garment pictures, fit more per row. Reverses an earlier deliberate large-card choice; preview only. */
body[data-spatial-preview=r16] #b1-color-panel[data-large-garment="true"] #color-options{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:800px){body[data-spatial-preview=r16] #b1-color-panel[data-large-garment="true"] #color-options,body[data-spatial-preview=r16] .b1-choice-panel #color-options{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ── 2026-10-11 版面收攏（桌機）：左邊衣服＋工具，右邊一欄照順序做完 ── */
@media (min-width:801px) {
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode #wb-workspace { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(320px,380px); grid-template-areas:"head panel" "stage panel" "tools panel"; column-gap:36px; row-gap:10px; align-items:start; max-width:1220px; margin:0 auto; padding:0 24px 8px!important; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-workspace-head { display:contents!important; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-workspace-head > :first-child { grid-area:head; padding:0 0 4px; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-head-actions { grid-area:tools; justify-self:center; display:flex; align-items:center; gap:10px; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode .wb-stage { grid-area:stage; margin:0!important; width:auto!important; height:clamp(460px,calc(100svh - 230px),700px)!important; border-radius:14px; background:#f5f6f3; }
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode #spatial-view-note { display:none; }
 #studio-panel { grid-area:panel; display:flex; flex-direction:column; gap:12px; position:sticky; top:88px; counter-reset:studio; }
 #studio-panel:empty { display:none; }
 /* 1 衣服 */
 #studio-panel #spatial-product-controls { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; padding:14px 16px 16px; border:1px solid #e4e7e2; border-radius:12px; background:#fff; }
 #studio-panel #spatial-product-controls::before { counter-increment:studio; content:counter(studio) "　衣服"; grid-column:1/-1; font-size:16px; font-weight:650; color:#202621; }
 #studio-panel #spatial-product-controls > button { justify-content:space-between; width:100%; border-radius:10px; }
 /* 2、3 印區：原本浮在衣服兩側的卡片，改成右欄裡依序排列 */
 #studio-panel #spatial-controls { display:flex; flex-direction:column; gap:12px; }
 #studio-panel .spatial-zone { position:static; transform:none; width:auto; inset:auto; padding:12px 16px 16px; border:1px solid #e4e7e2; border-radius:12px; background:#fff; transition:border-color .2s; }
 #studio-panel .spatial-zone[data-active=true] { border-color:#7d8a7f; box-shadow:0 0 0 1px #7d8a7f; }
 #studio-panel .spatial-leader, #studio-panel .spatial-zone-title span { display:none; }
 #studio-panel .spatial-zone-title { justify-content:flex-start; padding:0 0 8px; min-height:36px; font-size:16px!important; }
 #studio-panel .spatial-zone-title::before { counter-increment:studio; content:counter(studio) "　"; }
 #studio-panel .spatial-zone[data-active=false] .spatial-zone-title { color:#202621; }
 #studio-panel .spatial-zone input:not([type=file]) { min-height:44px; padding:10px 12px; }
 #studio-panel .spatial-zone .qs-field { margin:0 0 10px; }
 /* 件數、金額、下一步：右欄最下面 */
 #studio-panel #spatial-bottom { display:flex; flex-direction:column; gap:10px; padding:14px 2px 0; margin:0; border-top:1px solid #e4e7e2; }
 #studio-panel #spatial-bottom #qs-price-first { display:grid; grid-template-columns:auto 1fr; align-items:end; gap:4px 16px; }
 #studio-panel #spatial-bottom #qs-price-first .qs-summary { justify-self:end; }
 #studio-panel #spatial-bottom .qs-total { font-size:22px; }
 #studio-panel #spatial-bottom #qs-price-note { grid-column:1/-1; }
 #studio-panel #spatial-bottom .qs-garment-row { order:3; }
 #studio-panel #spatial-bottom .qs-reference-links { margin:0; display:flex; gap:16px; justify-content:center; }
 #studio-panel #spatial-bottom .qs-actions { order:2; display:flex; flex-direction:column; gap:8px; }
 #studio-panel #spatial-bottom .qs-actions .qs-primary { width:100%; justify-content:center; }
}
@media (min-width:801px) and (max-width:1100px) {
 body[data-spatial-preview=r16][data-quick-step=design].qs-mode #wb-workspace { grid-template-columns:minmax(0,1fr) 320px; column-gap:24px; }
}
@media (min-width:801px) {
 /* 搬進工作區後會吃到工作區按鈕的透明樣式，這裡把主要按鈕補回來 */
 #studio-panel #spatial-bottom .qs-actions .qs-primary { background:var(--qs-ink); border:1px solid var(--qs-ink); color:#fff; min-height:52px; border-radius:10px; font-weight:650; font-size:16px; }
 #studio-panel #spatial-bottom .qs-actions .qs-primary:hover { background:#243b2b; }
 #studio-panel #spatial-bottom .qs-actions .qs-editor-link { display:none; }
 #studio-panel .spatial-zone .qs-print-row label { margin-top:0; }
 #studio-panel .spatial-zone > :not(.spatial-zone-title):not(.spatial-leader) { margin-left:0; padding-left:0; }
}
@media (min-width:801px) {
 #studio-panel .spatial-zone-title { padding:0 0 8px!important; margin:0!important; text-indent:0; }
 #studio-panel .spatial-zone .qs-print-row { padding:0!important; margin:0!important; }
 #studio-panel .spatial-zone .qs-print-row > :first-child { margin-top:0!important; }
 #studio-panel #spatial-bottom .qs-actions { align-items:stretch!important; }
 #studio-panel #spatial-bottom .qs-actions .qs-primary { width:100%!important; }
}
@media (min-width:801px) { #studio-panel #spatial-bottom { align-items:stretch!important; } }
@media (min-width:801px) { #studio-panel .spatial-zone-title { display:block!important; text-align:left!important; border:0!important; } }
@media (min-width:801px) and (max-width:1100px) { #studio-panel #spatial-product-controls { grid-template-columns:1fr; } }
#spatial-product-controls { flex-wrap:wrap; }
#spatial-swatches { display:flex; flex-wrap:wrap; gap:6px; flex-basis:100%; justify-content:center; }
#spatial-swatches[hidden] { display:none; }
.spatial-swatch { display:grid; place-items:center; width:44px; height:44px; margin:0; padding:2px; overflow:hidden; border:1px solid #e4e7e2; border-radius:10px; background:#fff; cursor:pointer; }
.spatial-swatch img { width:40px; height:33px; object-fit:contain; transform:scale(1.9); pointer-events:none; }
.spatial-swatch:hover { border-color:#747a72; }
.spatial-swatch[aria-pressed="true"] { border:2px solid #202621; padding:1px; }
.spatial-swatch:focus-visible { outline:2px solid #747a72; outline-offset:2px; }
@media (min-width:801px) { #studio-panel #spatial-swatches { grid-column:1/-1; justify-content:flex-start; } }
@media (min-width:801px) { #studio-panel #spatial-bottom { position:sticky; bottom:0; z-index:2; padding-bottom:14px; background:#fff; } }
@media (min-width:801px) { body[data-spatial-preview=r16][data-quick-step=design].qs-mode #wb-workspace { overflow:clip; } }
@media (min-width:801px) {
 #studio-panel #spatial-bottom { z-index:20; box-shadow:0 -10px 14px -14px rgba(32,38,33,.35); }
 #studio-panel #spatial-product-controls .qs-garment-row { grid-column:1/-1; }
 #studio-panel #spatial-product-controls .qs-reference-links { display:flex; gap:16px; margin:0; justify-content:flex-start; }
}
@media (min-width:801px) {
 #studio-panel .spatial-zone .qs-content-group { margin-bottom:0; }
 #studio-panel #qs-upload { min-height:0; padding-block:8px; }
 #studio-panel #spatial-product-controls::before { grid-row:1; grid-column:1; }
 #studio-panel #spatial-product-controls .qs-garment-row { grid-row:1; grid-column:2; justify-self:end; align-self:center; }
 #studio-panel #spatial-bottom { box-shadow:0 0 0 4px #fff, 0 -10px 14px -14px rgba(32,38,33,.35); }
}
@media (min-width:801px) and (max-width:1100px) {
 #studio-panel #spatial-product-controls::before { grid-column:1/-1; }
 #studio-panel #spatial-product-controls .qs-garment-row { grid-row:auto; grid-column:1/-1; justify-self:start; }
}
@media (min-width:801px) and (max-width:1100px) {
 #studio-panel #spatial-product-controls { grid-template-columns:1fr auto; }
 #studio-panel #spatial-product-controls::before { grid-row:1; grid-column:1; }
 #studio-panel #spatial-product-controls .qs-garment-row { grid-row:1; grid-column:2; justify-self:end; }
 #studio-panel #spatial-product-controls > button { grid-column:1/-1; }
 #studio-panel #spatial-swatches { gap:4px; }
 #studio-panel .spatial-swatch { width:42px; height:42px; }
}
/* 2026-10-12 每件單價、再加幾件更便宜、再訂一次說明、其他衣款用 LINE 問 */
.qs-unit { display:none; }
#qs-tier-hint { grid-column:1/-1; margin:4px 0 0; font-size:13px; line-height:1.6; color:#1d4f2f; }
#qs-tier-hint button { margin-left:8px; padding:2px 10px; border:1px solid currentColor; border-radius:999px; background:#fff; color:inherit; font:inherit; font-weight:650; cursor:pointer; }
.qs-reorder-note { margin:10px 0 0; padding:10px 12px; border-radius:10px; background:#f3f6f1; font-size:14px; line-height:1.6; }
.qs-reorder-note a { font-weight:650; white-space:nowrap; }
.qs-garment-more { margin:12px 0 0; font-size:13px; line-height:1.6; color:#4a4f49; }
.qs-garment-more a { font-weight:650; }
@media(max-width:800px) {
 #spatial-bottom .qs-unit { display:block; font-size:11px; font-weight:500; color:#747a72; white-space:nowrap; line-height:1.2; }
 #spatial-bottom .qs-summary-heading { flex-direction:column; align-items:flex-start; gap:0; }
 #spatial-bottom #qs-tier-hint { display:none; }
}