@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&display=swap');
body.workbench{--paper:#f7f6f0;--ink:#243e35;--line:#dedfd5;--muted:#788078;--accent:#ae6d3c;background:radial-gradient(ellipse at 95% 0,#eaeedc80,transparent 42%),var(--paper);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.65}
.workbench header{padding:18px 4%;background:#f7f6f0e8;min-height:74px;border-color:var(--line)}.workbench header>a:first-child{font:29px Georgia,'Noto Serif SC',serif;display:flex;align-items:center;gap:17px}.workbench header small{font:10px 'Noto Sans SC',sans-serif;letter-spacing:2px}.workbench header>span{font-size:12px;letter-spacing:1px;color:var(--muted)}.workbench header>a:last-child{font-size:12px;text-decoration:none}.workbench main{max-width:1530px;padding:0 4% 50px}.workbench button,.workbench select,.workbench input{font-family:inherit}.workbench button{transition:background .15s,color .15s,border-color .15s}.workbench button:hover{border-color:#748c7d}.workbench [hidden]{display:none!important}
.workbench .intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:28px 0 25px}.workbench .intro .eyebrow{color:var(--accent);letter-spacing:2px;font-size:10px;margin:0 0 8px}.workbench .intro h1{font:400 clamp(25px,2.5vw,36px)/1.4 Georgia,'Noto Serif SC',serif;letter-spacing:-.5px;margin:0 0 8px}.workbench .intro p{font-size:12px;color:var(--muted);margin:0}.workbench .intro aside.catalog-stats{display:flex;flex-direction:row;align-self:center;gap:28px;background:none;padding:0;flex-shrink:0}.catalog-stats>div{display:grid;gap:3px;padding-left:22px;border-left:1px solid var(--line)}.workbench .catalog-stats strong{font:32px/1.2 Georgia,serif}.catalog-stats span{font-size:10px;color:var(--muted);white-space:nowrap}.workbench nav{gap:24px;margin:0 0 20px;overflow-x:auto;scrollbar-width:none}.workbench nav button{font-size:14px;white-space:nowrap;padding:14px 2px;background:none;color:var(--muted);border-bottom:3px solid transparent}.workbench nav button.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.workbench nav button span{font:11px Georgia,serif;background:#e6ebdd;padding:2px 7px;margin-left:5px;border-radius:12px}
.workbench:not(.workbench-ready) .filters,.workbench:not(.workbench-ready) .research-controls,.workbench:not(.workbench-ready) .material-filters,.workbench:not(.workbench-ready) .comparison-tray,.workbench .legacy-control{display:none!important}
.selection-tools{background:#fff9;border:1px solid var(--line);border-radius:12px;padding:15px 18px 0}.workbench .toolbar{margin:0;gap:12px}.workbench .toolbar>label{display:none}.workbench .toolbar input{padding:12px 14px;background:#fbfcf8;border:1px solid var(--line);border-radius:6px;font-size:14px;min-height:46px}.workbench .toolbar input::placeholder{color:#91978c}.workbench .toolbar .more-filters{font-size:12px;white-space:nowrap;border-radius:6px;min-height:46px;background:white}.main-facets{display:flex;gap:24px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #efefe8}.main-facets>label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-size:12px;color:var(--muted)}.main-facets select{min-width:0;width:100%;max-width:230px;padding:8px 11px;min-height:39px;border:1px solid transparent;border-radius:5px;background:#f2f4ec;color:var(--ink);font-size:12px}.quick-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;padding:0 0 14px}.quick-filters button{border:1px solid transparent;background:#f3f4ed;padding:6px 12px;border-radius:20px;font-size:11px;min-height:32px}.quick-filters button.active{background:var(--ink);color:white}.active-filters{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding:11px 0}.active-filters button{font-size:11px;border-radius:4px;background:#edf1e4;border:0;padding:5px 9px}.active-filters button span{margin-left:5px}.active-filters .clear-chip{background:none;color:var(--muted)}
.result-bar{display:flex;align-items:center;gap:16px;min-height:55px}.workbench #status{margin:0;font-size:12px;flex:1;color:var(--ink)}.result-bar>label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.result-bar select{border:0;background:transparent;font-size:11px;color:var(--ink);max-width:190px;padding:6px}.view-switch{display:flex;gap:0;background:#ebece4;border-radius:5px;padding:3px}.view-switch button{border:0;background:none;font-size:10px;padding:5px 9px;border-radius:3px;white-space:nowrap}.view-switch button.active{background:white;color:var(--ink);box-shadow:0 1px 3px #1f38230d}.workbench #ux-message{display:block;margin:0 0 10px;font-size:12px}.workbench #ux-message:empty{display:none}
.workbench .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.workbench .product-card{border:1px solid #e0e1d7;border-radius:10px;background:#fff;box-shadow:0 2px 7px #223a2404;transition:box-shadow .18s,transform .18s;min-width:0}.workbench .product-card:hover{box-shadow:0 8px 25px #263e2810;transform:translateY(-2px)}.swatch{position:relative;aspect-ratio:1.13;overflow:hidden;background:#e9e9df}.workbench .swatch-open{border:0;padding:0;width:100%;height:100%;display:block;margin:0;border-radius:0;background:none}.workbench .swatch img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block;transition:transform .3s}.workbench .swatch-open:hover img{transform:scale(1.03)}.stage-pill{position:absolute;left:11px;top:11px;background:#fffffff0;color:#34483b;max-width:calc(100% - 58px);font-size:10px;padding:4px 8px;border-radius:4px;pointer-events:none;box-shadow:0 1px 3px #0000000a}.stage-raw{background:#fff0d8f0;color:#815528}.workbench .save-swatch{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;background:#fffffff0;border-radius:50%;margin:0;padding:7px;display:grid;place-items:center}.save-swatch svg{fill:none;stroke:var(--ink);stroke-width:1.6}.save-swatch.is-saved svg{fill:#9b5a40;stroke:#9b5a40}.swatch-compare{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:4px;background:#fffffff0;padding:4px 8px;border-radius:4px;font-size:10px}.swatch-compare input{margin:0;accent-color:var(--ink);width:13px;height:13px}
.workbench .product-card .body{padding:14px 15px 13px}.product-source{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);margin-bottom:5px;letter-spacing:.3px}.workbench .product-card h3{font-size:17px;line-height:1.45;font-weight:500;margin:0 0 5px;display:block}.workbench .product-card h3 button{font-size:inherit;line-height:inherit;font-weight:inherit;padding:0;margin:0;border:0;background:none;width:100%;text-align:left;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.workbench .product-card p.composition-line{font-size:11px;color:#6c776b;line-height:1.5;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-chips{display:flex;gap:5px;flex-wrap:wrap;min-height:23px}.spec-chips span{font-size:10px;padding:2px 6px;background:#f3f4ef;border-radius:3px;color:#5e6f60;white-space:nowrap}.spec-chips .qc-chip{background:#e8edde;color:#47613d}.product-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;margin:13px 0 5px}.product-price>strong{font:600 23px/1.3 Georgia,'Noto Serif SC',serif;letter-spacing:-.5px;color:#273c2d}.product-price strong span{font:11px 'Noto Sans SC',sans-serif;letter-spacing:0;color:var(--muted)}.product-price>small{font-size:10px;letter-spacing:0;color:var(--muted)}.product-price .inquiry-price{font:500 15px/1.8 'Noto Sans SC',sans-serif;letter-spacing:0}.product-price .research-kind{font:500 14px/1.8 'Noto Sans SC',sans-serif;letter-spacing:0}.merchant-line{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8a9184}.catalog-caution{font-size:10px;color:#9b7143;margin-top:7px;line-height:1.5}.product-actions{display:flex;align-items:center;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #eeefe8}.workbench .product-actions button{margin:0;background:#eef1e7;border:0;border-radius:4px;padding:8px 9px;font-size:12px;flex:1;width:auto;min-height:35px}.product-actions a{font-size:11px;white-space:nowrap;text-decoration:none;color:#60715e}.workbench .empty{border-radius:10px;padding:50px 20px;background:#fff8}.workbench .empty h2{font:24px 'Noto Serif SC',serif}.workbench .empty p{margin-inline:auto}.workbench .empty button{border-radius:5px;background:var(--ink);color:#fff}
.workbench .pager{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.workbench .pager button{padding:8px 13px;border-radius:5px;font-size:11px;background:#fff}.procurement-disclosure{font-size:11px;margin-top:25px;padding:12px 15px;border:1px solid var(--line);border-radius:6px;color:#7b8374}.procurement-disclosure summary{cursor:pointer}.procurement-disclosure p{max-width:none;line-height:1.8}.workbench .guide{margin-top:35px;padding-top:20px}.workbench .guide h2{font:22px 'Noto Serif SC',serif;margin:0 0 10px}.workbench .guide p,.workbench .guide a{font-size:11px}.workbench footer{padding-bottom:100px;font-size:10px}.workbench .source-card .body{padding:22px}.workbench .source-card h3{font:22px 'Noto Serif SC',serif}.workbench .source-card p{font-size:12px}
.workbench #advanced-filters{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,95vw);height:100dvh;max-height:100dvh;padding:25px;border:0;border-left:1px solid var(--line);background:#fafbf5;overflow-y:auto;overscroll-behavior:contain}.drawer-heading{display:flex;align-items:start;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-heading small{font-size:9px;letter-spacing:2px;color:var(--accent)}.drawer-heading h2{font:23px 'Noto Serif SC',serif;margin:7px 0}.drawer-heading button{padding:5px 0 5px 10px;border:0;white-space:nowrap;font-size:12px}.workbench #advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;padding:22px 0}.workbench #advanced-fields>label{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:12px;color:var(--muted);min-width:0}.workbench #advanced-fields label:has(input[type=checkbox]){flex-direction:row;align-items:center;grid-column:1/-1}.workbench #advanced-fields label:has(#gsm-min){grid-column:1/-1;display:block}.workbench #advanced-fields select,.workbench #advanced-fields input[type=number]{width:100%;max-width:100%;padding:10px;border:1px solid var(--line);background:#fff;border-radius:5px;color:var(--ink);font-size:12px;min-height:42px}.workbench #advanced-fields input[type=number]{width:100px;margin:8px}.filter-help{font-size:11px;color:var(--muted);line-height:1.8}.drawer-actions{display:flex;gap:10px;position:sticky;bottom:-25px;background:#fafbf5;padding:15px 0}.drawer-actions button{flex:1;min-height:43px;border-radius:5px;font-size:13px}.drawer-actions #apply-filters{background:var(--ink);color:white}.research-tools{font-size:12px;border-top:1px solid var(--line);padding:17px 0}.research-tools button{font-size:11px;margin:12px 5px 0 0;padding:8px}
.workbench-tray{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);width:min(950px,92vw);display:flex;align-items:center;gap:15px;padding:12px 16px;border-radius:10px;background:#263f35;color:#fff;box-shadow:0 8px 35px #1e382830;font-size:12px}.workbench-tray>strong{white-space:nowrap}.workbench #selected-fabrics{display:flex;gap:5px;min-width:0;flex:1;overflow-x:auto}.workbench #selected-fabrics button{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;font-size:10px;border:1px solid #ffffff2a;color:#e5ebdf;background:#ffffff0a;border-radius:4px;flex-shrink:0}.tray-actions{display:flex;gap:7px}.workbench-tray .tray-actions button{color:white;border:0;white-space:nowrap;padding:8px 12px;font-size:12px}.workbench-tray #compare{background:#e7edcf;color:#273f32;border-radius:5px}.workbench-tray #compare:disabled{opacity:.5}
.workbench #detail{position:fixed;inset:0 0 0 auto;margin:0;width:min(830px,75vw);max-width:none;max-height:100dvh;height:100dvh;border:0;border-left:1px solid var(--line);background:#fafbf6;padding:20px 28px;overflow:auto;overscroll-behavior:contain;box-shadow:-10px 0 50px #18332218}.workbench #detail #close{position:sticky;top:0;z-index:3;float:none;display:block;margin-left:auto;padding:8px 15px;border-radius:5px;background:#fafbf6;font-size:12px}.workbench #detail-body{padding-top:5px}.workbench #detail-body h2{font:26px/1.5 'Noto Serif SC',serif;margin:18px 0 10px}.workbench #detail-body>small{letter-spacing:0;display:block;overflow-wrap:anywhere}.workbench .detail-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:4px;padding:14px 0;scrollbar-width:thin}.workbench .detail-tabs button{font-size:12px;padding:9px 12px;border-radius:4px;flex-shrink:0}.workbench #wb-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0 5px}.workbench #wb-detail-summary .product-price{margin:0;display:flex;flex-direction:column}.workbench #wb-detail-summary small{letter-spacing:0;font-size:11px;color:var(--muted)}.detail-purchase-link{display:block;margin-top:7px;font-size:12px;color:var(--ink)}.workbench .detail-warning,.workbench .purchase-note{font-size:12px;border-radius:5px;background:#edf0e2;border-color:#82916c}.workbench #research-panel .image-pair img{max-height:420px;object-fit:contain}.workbench #research-panel p{font-size:12px}.workbench .purchase-table td,.workbench .purchase-table th{font-size:12px}.workbench .detail-navigation button{font-size:11px;padding:7px 12px}.workbench .detail-navigation span{font-size:11px}
.workbench .grid.list-mode{grid-template-columns:1fr}.workbench .list-mode .product-card{display:grid;grid-template-columns:175px 1fr}.workbench .list-mode .swatch{height:100%;aspect-ratio:auto;min-height:190px}.workbench .list-mode .product-card .body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-content:center}.workbench .list-mode .product-source,.workbench .list-mode h3,.workbench .list-mode .composition-line,.workbench .list-mode .spec-chips,.workbench .list-mode .merchant-line,.workbench .list-mode .catalog-caution{grid-column:1}.workbench .list-mode .product-price{grid-column:2;grid-row:2/4;align-self:start;justify-content:end;max-width:230px}.workbench .list-mode .product-actions{grid-column:2;grid-row:4/7;align-self:center;border-top:0;padding-top:0;min-width:210px}
@media(min-width:1600px){.workbench .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.workbench .intro aside.catalog-stats{gap:17px}.catalog-stats>div{padding-left:14px}.workbench .grid{gap:15px}.workbench .product-card .body{padding:12px}.workbench .product-card h3{font-size:15px}.main-facets{gap:14px}.main-facets>label{gap:5px;white-space:nowrap}.product-price>strong{font-size:21px}}
@media(max-width:850px){.workbench .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench .intro{gap:15px}.workbench .intro aside.catalog-stats>div:last-child{display:none}.workbench .intro h1{font-size:27px}.workbench #detail{width:90vw}.workbench nav{gap:20px}}
@media(max-width:600px){.workbench header{min-height:58px;padding:12px 4%;gap:10px}.workbench header>a:first-child{font-size:25px;gap:9px}.workbench header small{font-size:8px;letter-spacing:1px}.workbench header>a:last-child{font-size:10px}.workbench main{padding:0 4% 30px}.workbench .intro{padding:19px 0 17px;display:block}.workbench .intro .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:6px}.workbench .intro h1{font-size:25px;line-height:1.4;letter-spacing:0;margin-bottom:6px}.workbench .intro p{font-size:10px}.workbench .intro aside.catalog-stats{display:none}.workbench nav{gap:19px;margin-bottom:12px}.workbench nav button{font-size:12px;padding:11px 0}.workbench nav button span{font-size:9px;padding:1px 5px}.selection-tools{padding:10px 10px 0;border-radius:8px}.workbench .toolbar{gap:7px;flex-wrap:nowrap}.workbench .toolbar input{font-size:12px;padding:10px;min-height:41px}.workbench .toolbar .more-filters{font-size:10px;padding:9px;min-height:41px}.main-facets{gap:7px;margin-top:9px;padding-top:9px}.main-facets>label{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:9px;flex:1;min-width:0}.main-facets select{font-size:11px;width:100%;min-height:37px;padding:5px 4px;background:#f1f4e9}.quick-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px;margin-top:10px;padding-bottom:10px}.quick-filters button{white-space:nowrap;font-size:10px;padding:5px 10px;min-height:29px}.active-filters{padding:8px 0}.active-filters button{font-size:10px}.result-bar{gap:6px;min-height:47px}.workbench #status{font-size:10px}.result-bar>label{font-size:0;gap:0}.result-bar select{font-size:10px;max-width:95px;padding:4px 0}.view-switch button{font-size:9px;padding:4px 6px}.workbench .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.swatch{aspect-ratio:1}.stage-pill{left:7px;top:7px;font-size:8px;padding:3px 5px;max-width:calc(100% - 43px)}.workbench .save-swatch{width:27px;height:27px;right:6px;top:6px;padding:6px}.swatch-compare{right:6px;bottom:6px;font-size:9px;padding:3px 5px}.workbench .product-card .body{padding:10px}.product-source{font-size:8px;letter-spacing:0;margin-bottom:4px}.workbench .product-card h3{font-size:14px;line-height:1.5}.workbench .product-card p.composition-line{font-size:9px;margin-bottom:7px}.spec-chips{gap:3px;min-height:20px}.spec-chips span{font-size:8px;padding:2px 4px}.spec-chips .qc-chip{display:none}.product-price{margin:10px 0 4px;display:block;min-height:44px}.product-price>strong{font-size:22px}.product-price strong span{font-size:9px}.product-price>small{display:block;font-size:9px;margin-top:2px}.product-price .inquiry-price{font-size:13px;line-height:1.8}.product-price .research-kind{font-size:12px}.merchant-line{font-size:9px}.catalog-caution{font-size:8px;line-height:1.5}.product-actions{gap:5px;margin-top:10px;padding-top:9px}.workbench .product-actions button{font-size:10px;min-height:32px;padding:6px}.product-actions a{font-size:9px}.workbench .pager{font-size:10px;gap:10px;margin-top:18px}.workbench .pager button{font-size:10px;padding:7px 10px}.procurement-disclosure{font-size:10px;margin-top:20px}.workbench .guide h2{font-size:18px}.workbench .guide p,.workbench .guide a{font-size:10px}.workbench-tray{bottom:9px;width:95vw;padding:10px;gap:8px;flex-wrap:wrap;border-radius:8px}.workbench-tray>strong{font-size:11px}.workbench #selected-fabrics{max-width:calc(100% - 80px)}.workbench #selected-fabrics button{font-size:9px;max-width:130px}.tray-actions{margin-left:auto}.workbench-tray .tray-actions button{font-size:11px;padding:6px 12px}.workbench #detail{width:100vw;padding:12px 17px}.workbench #detail-body h2{font-size:21px;margin:12px 0 8px}.workbench .detail-tabs button{font-size:11px;padding:8px 10px}.workbench #wb-detail-summary{gap:10px}.workbench #wb-detail-summary>div:last-child{max-width:50%;text-align:right}.detail-purchase-link{font-size:11px}.workbench #advanced-filters{width:100vw;padding:20px}.workbench .list-mode .product-card{grid-template-columns:115px minmax(0,1fr)}.workbench .list-mode .swatch{min-height:230px}.workbench .list-mode .product-card .body{display:block}.workbench .list-mode .product-price{max-width:none}.workbench .list-mode .product-actions{min-width:0}.workbench .list-mode .product-card h3 button{-webkit-line-clamp:2}.workbench .list-mode .stage-pill{max-width:100px}.workbench .source-card .body{padding:15px}.workbench .source-card h3{font-size:18px}.workbench .source-card p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.workbench button,.workbench .product-card,.workbench .swatch img{transition:none}.workbench .product-card:hover{transform:none}}
@media(min-width:601px){.workbench header{min-height:64px;padding-block:13px}.workbench .intro{padding:21px 0 19px}.workbench .intro h1{font-size:32px}.workbench nav{margin-bottom:14px}.workbench nav button{padding-block:12px}.selection-tools{padding:12px 15px 0}.workbench .toolbar input,.workbench .toolbar .more-filters{min-height:42px;padding-block:9px}.main-facets{padding-top:0;border-top:0;margin-top:9px}.main-facets select{min-height:34px;padding-block:6px}.quick-filters{margin-top:9px;padding-bottom:11px}.quick-filters button{min-height:28px;padding-block:4px}.result-bar{min-height:48px}}
body.workbench .source-context{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:16px 20px;margin:0 0 20px;background:#e9eee1;border-left:3px solid #294d3e;font-size:13px;line-height:1.7}
body.workbench .source-context p{margin:5px 0 0;color:#626c60}
body.workbench .source-context a{flex-shrink:0;color:#294d3e;text-decoration:underline;text-underline-offset:4px}
body.workbench .coverage-note{font-size:12px;color:#687164}
body.workbench .supplier-specifications{padding:20px 0;border-top:1px solid #dedfd5;margin-top:24px;font-size:14px}
body.workbench .supplier-specifications p{color:#687164;line-height:1.8}
body.workbench .supplier-specifications dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #eee}
body.workbench .supplier-specifications dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){body.workbench .source-context{display:block;padding:12px;font-size:12px}body.workbench .source-context a{display:inline-block;margin-top:8px}}
