:root{--wb-ink:#253b2e;--wb-muted:#768174;--wb-line:#dfe5db;--wb-green:#304d3b}
[hidden]{display:none!important}
body[data-workbench-integrated]{color:#253b2e;background:#fff}
body[data-workbench-integrated] #b1-content{max-width:1800px;width:calc(100% - 48px);margin:16px auto 48px}
body[data-workbench-integrated] #b1-content .example-grid{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:26px;align-items:start}
body[data-workbench-integrated] .example-selected{display:block;position:static;min-width:0}
body[data-workbench-integrated]:not(:has(.wb-workspace)) .example-grid{visibility:hidden}
body[data-workbench-integrated]:not(:has(.wb-workspace)) #b1-content:before{content:'正在準備工作台…';display:block;position:absolute;top:160px;left:32px;color:#758270;font-size:14px}
body[data-workbench-integrated] .b1-right{padding-top:4px}
/* The integrated workbench owns pricing and errors; the original B1 estimate is obsolete. */
body[data-workbench-integrated] #estimate-status{display:none!important}
body[data-workbench-integrated] .b1-right .b1-layout-group:has(.estimate-materials){border-top:0;padding-top:10px}
.wb-workspace,.wb-order,.wb-dialog{font-family:'Mitt UI Noto TC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.wb-workspace{position:relative;display:flex;flex-direction:column;background:#f8faf7;border:1px solid var(--wb-line);border-radius:22px;height:calc(100dvh - 116px);min-height:640px;overflow:hidden}
.wb-workspace-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:22px 22px 0;position:relative;z-index:2}
.wb-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--wb-muted);margin-bottom:6px}
.wb-breadcrumb a{color:inherit;text-decoration:none}
.wb-layout-title{font-weight:650!important;font-size:21px!important;padding:0!important;background:transparent!important;min-height:34px!important;text-align:left}
#wb-meta{font-size:13px;color:#72816f;margin:6px 0 0}
.wb-head-actions{display:flex;align-items:center;gap:8px}
.wb-segment{display:flex;gap:3px;background:#edf0e9;border:1px solid #e3e7df;border-radius:11px;padding:3px;width:max-content;max-width:100%}
.wb-workspace button,.wb-dialog button,.wb-order button{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--wb-ink);min-height:42px;padding:9px 12px;font:500 14px/1.4 'Mitt UI Noto TC',sans-serif;cursor:pointer;touch-action:manipulation}
.wb-workspace button:hover,.wb-dialog button:hover,.wb-order button:hover{background:#eef2eb}
.wb-workspace button:active,.wb-dialog button:active,.wb-order button:active{transform:scale(.98)}
.wb-segment button{padding:7px 16px;min-height:36px;font-size:13px}
.wb-segment button[aria-pressed=true]{background:#fff!important;box-shadow:0 1px 3px #14230d15;color:#233c2b}
.wb-zonebar{position:relative;z-index:2;display:flex;gap:4px;padding:14px 22px 0;flex-wrap:wrap}
.wb-zonebar button{font-size:13px;min-height:34px;padding:6px 13px}
.wb-zonebar button[aria-pressed=true]{background:#e7ede2;color:#284331}
.wb-stage{position:absolute;inset:110px 0 78px;min-height:0}
#wb-designer{border:0;width:100%;height:100%;display:block;background:#f8faf7}
.wb-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;background:#f8faf7;z-index:2}
.wb-empty-hint{position:absolute;left:0;right:0;bottom:95px;text-align:center;color:#71806c;font-size:13px;pointer-events:none}
.wb-dock{margin:auto 12px 12px;position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;background:#ffffffee;border:1px solid var(--wb-line);border-radius:14px;box-shadow:0 3px 14px #263b2510}
.wb-tools,.wb-finish{display:flex;align-items:center;gap:3px}
.wb-finish{margin-left:auto}
#wb-save-state{position:absolute;right:4px;top:-23px;font-size:11px;color:#788675;white-space:nowrap}
.wb-primary{background:var(--wb-green)!important;color:#fff!important;border-color:var(--wb-green)!important}
.wb-primary:hover{background:#243d2d!important}
.wb-workspace button:disabled,.wb-dialog button:disabled{opacity:.42;cursor:default;transform:none}
.wb-notice{position:absolute;bottom:90px;left:20px;right:20px;font-size:13px;color:#55764f;text-align:center;pointer-events:none;z-index:4}
.wb-notice:empty{display:none}.wb-notice.is-error{color:#a34028;background:#fff8f5;padding:9px;border:1px solid #e8c9c1;border-radius:10px}
.wb-review{display:flex;justify-content:space-between;align-items:center;color:#7a8476;font-size:11px;padding:0 0 10px;border-bottom:1px solid var(--wb-line)}
.wb-review a{color:#586e56;text-decoration:none}
.wb-return{display:none}#wb-workspace{scroll-margin-top:80px}
.wb-order{border-top:1px solid var(--wb-line);margin-top:16px;padding-top:20px}
.wb-section-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.wb-section-head h2{font-size:21px;line-height:1.3;margin:0}.wb-section-head span{font-size:11px;background:#edf1e8;border-radius:5px;padding:3px 7px;color:#65795d}
.wb-quantity-summary{display:flex;width:100%;justify-content:space-between;text-align:left;align-items:center;gap:12px;background:#f4f6f0!important;border:1px solid #dce4d4!important;padding:15px!important;border-radius:14px!important}
.wb-quantity-summary strong{display:block;font-size:15px;margin-bottom:4px}.wb-quantity-summary small{display:block;font-size:12px;font-weight:400;color:#7a8571}.wb-quantity-summary>span:last-child{white-space:nowrap;font-size:12px;color:#6b7d63}
.wb-quantity-summary.needs-attention{border-color:#a53c38!important}.wb-quantity-summary.needs-attention small,.wb-quantity-summary.needs-attention>span:last-child,.wb-field-error{color:#a53c38!important}.wb-field-error{font-size:13px;line-height:1.6}.wb-order input[aria-invalid=true]{border-color:#a53c38}
.wb-price{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;color:#65785a}.wb-price strong{font-size:17px}.wb-price span{font-size:11px}
.wb-order details{border-top:1px solid var(--wb-line);padding:16px 0}.wb-order details summary{list-style:none;display:flex;justify-content:space-between;font-size:14px;font-weight:600;cursor:pointer}.wb-order details summary::-webkit-details-marker{display:none}
#wb-contact{margin-top:8px}#wb-contact[open] summary{margin-bottom:12px}
.wb-order label,.wb-dialog label{display:block;font-size:13px;font-weight:500;margin:14px 0 6px}
.wb-order input,.wb-order textarea,.wb-dialog input,.wb-dialog textarea{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #d9dfd5;border-radius:10px;font:400 15px/1.5 'Mitt UI Noto TC',sans-serif;color:#263d2c;background:#fff}
.wb-order textarea{resize:vertical}.wb-muted{font-size:12px;line-height:1.65;color:#788270;margin:12px 0}
#wb-review-request{width:100%;margin-top:16px}
.wb-examples{margin-top:24px}.wb-examples>summary{font-size:15px;font-weight:500;cursor:pointer;list-style:none;padding:10px 0}.wb-examples>summary span{float:right}.wb-examples[open]>.gallery-preview{margin-top:16px}
.wb-dialog{color:#263d2c;background:#fff;border:1px solid #edf0e8;border-radius:24px;padding:0;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-shadow:0 24px 100px #18271440;overflow:auto}
.wb-dialog::backdrop{background:#18201954;backdrop-filter:blur(5px)}
.wb-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 14px;position:sticky;top:0;background:#fffc;backdrop-filter:blur(12px);z-index:2}
.wb-dialog>header h2{font-size:21px;margin:0;font-weight:650}.wb-dialog>header button{background:#f3f5ef;border-radius:50%;font-size:25px;width:38px;min-height:38px;padding:0}
.wb-dialog-body{padding:4px 24px 24px}.wb-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.wb-dialog a{color:#3c6543;font-size:13px;display:inline-block;padding:10px 0}
.wb-layouts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wb-layouts button{border:1px solid #dfe5db;display:flex;align-items:center;gap:12px;text-align:left;min-height:76px}.wb-layouts svg{width:72px;flex:0 0 72px;stroke:currentColor;fill:none;stroke-width:1.1}.wb-layouts .lay-mark{fill:#6e8466;stroke:none}.wb-layouts button[aria-pressed=true]{background:#f0f4eb;border-color:#738970}
.wb-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:0 12px}.wb-sizes label{margin-top:16px}.wb-sizes input{margin-top:6px}
#wb-qty-done{margin-top:12px;min-width:120px}
#wb-preview-dialog{width:min(1060px,calc(100vw - 32px))}#wb-preview-image,#wb-request-image{width:100%;border-radius:16px;display:block;background:#f5f6f1}#wb-request-image{max-height:340px;object-fit:contain}
#wb-preview-summary,#wb-request-summary{font-size:14px;line-height:1.8;margin-top:12px;white-space:pre-line}
.wb-preview-progress{padding:80px 16px;text-align:center;color:#788270}
.wb-styles,.wb-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.wb-styles button,.wb-suggestions button{border:1px solid #e0e5db;padding:8px;text-align:center}.wb-styles img,.wb-suggestions img{width:100%;aspect-ratio:5/3;object-fit:contain}.wb-styles span,.wb-suggestions span{display:block;font-size:12px}
#wb-receipt{font-size:14px;color:#3a693d;line-height:1.7;margin-top:16px}#wb-receipt a{display:block}
.wb-expanded{position:fixed!important;inset:16px!important;height:auto!important;z-index:1000!important;min-height:0}
.wb-editing{position:fixed!important;inset:12px!important;height:auto!important;min-height:0!important;z-index:1001!important;background:#f8faf7}
.wb-editing .wb-workspace-head,.wb-editing .wb-zonebar,.wb-editing .wb-dock,.wb-editing .wb-empty-hint,.wb-editing .wb-notice{display:none!important}.wb-editing .wb-stage{inset:0}
body.wb-editing-open,body.wb-expanded-open{overflow:hidden}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #70916c;outline-offset:3px}
@media(min-width:1500px){body[data-workbench-integrated] #b1-content .example-grid{grid-template-columns:minmax(0,1fr) 420px}.wb-workspace{min-height:720px}}
@media(max-width:1200px) and (min-width:861px){.wb-dock{align-items:flex-end}.wb-finish{margin-top:2px}.wb-stage{bottom:126px}.wb-empty-hint,.wb-notice{bottom:142px}.wb-workspace{min-height:650px}.wb-workspace-head{padding:16px 16px 0}.wb-zonebar{padding-left:16px}.wb-tools button,.wb-finish button{padding-left:10px;padding-right:10px}}
@media(max-width:860px){body[data-workbench-integrated] #b1-content{width:calc(100% - 24px);margin-top:12px}body[data-workbench-integrated] #b1-content .example-grid{display:flex;flex-direction:column;gap:22px}.example-selected,.b1-right{width:100%}.wb-workspace{height:650px;min-height:0;border-radius:20px}.wb-workspace-head{padding:15px 14px 0;gap:8px}.wb-layout-title{font-size:18px!important}#wb-meta{font-size:11px}.wb-breadcrumb{font-size:11px}.wb-head-actions{gap:3px}.wb-segment button{padding:6px 11px;min-height:34px}.wb-zonebar{padding:10px 14px 0}.wb-stage{inset:112px 0 136px}.wb-dock{margin:0 8px 8px;margin-top:auto;padding:7px;gap:6px;flex-direction:column;align-items:stretch}.wb-tools{display:flex;justify-content:space-between;gap:0}.wb-tools button{padding:8px 7px;font-size:12px;min-height:42px}.wb-tools #wb-upload{font-size:12px}.wb-finish{width:100%;margin:0;justify-content:flex-end;border-top:1px solid #ebeee6;padding-top:6px}.wb-finish button{font-size:13px;padding:8px 10px}#wb-save-state{top:-21px;right:3px}.wb-empty-hint,.wb-notice{bottom:140px;font-size:11px}.wb-examples{margin-top:10px}.wb-review{padding-bottom:9px}.wb-order{margin-top:14px}.wb-section-head h2{font-size:21px}.wb-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 28px);border-radius:20px}.wb-dialog>header{padding:18px 18px 12px}.wb-dialog-body{padding:4px 18px 20px}.wb-dialog>header h2{font-size:19px}.wb-sizes{grid-template-columns:repeat(3,1fr)}.wb-layouts{gap:8px}.wb-layouts button{display:block;font-size:12px;padding:10px}.wb-layouts svg{display:block;width:72px;margin:0 auto 9px}.wb-styles,.wb-suggestions{gap:6px}.wb-styles button,.wb-suggestions button{padding:5px}.wb-styles span,.wb-suggestions span{font-size:11px}.wb-editing{inset:0!important;border-radius:0}.wb-expanded{inset:6px!important}.wb-expanded .wb-stage{bottom:132px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:860px){.wb-return{display:inline!important}}

/* Keep the anchored reference panel above the workbench toolbar stacking context. */
@media(min-width:801px){body[data-workbench-integrated] .b1-right:has(.b1-choice-panel[open]){z-index:5}}