.apparel-b3-workbench{--b3-accent:#a34320;--b3-ink:#29231f;--b3-muted:#71655e;--b3-line:#e5d9d0;--b3-bg:#fffaf6;box-sizing:border-box;width:min(1120px,calc(100% - 24px));margin:12px auto;padding:clamp(14px,3vw,28px);color:var(--b3-ink);background:linear-gradient(145deg,#fffdfb,var(--b3-bg));border:1px solid var(--b3-line);border-radius:18px;box-shadow:0 18px 48px rgba(75,42,25,.12);font-family:"Microsoft YaHei UI","PingFang SC",sans-serif}
.apparel-b3-workbench *{box-sizing:border-box}
.apparel-b3-workbench[hidden],.apparel-b3-card[hidden]{display:none!important}
.apparel-b3-header,.apparel-b3-card-head,.apparel-b3-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.apparel-b3-title{margin:0;font-size:clamp(20px,3vw,30px);line-height:1.25}
.apparel-b3-subtitle,.apparel-b3-copy{margin:7px 0 0;color:var(--b3-muted);font-size:14px;line-height:1.65}
.apparel-b3-close,.apparel-b3-tab,.apparel-b3-button{min-height:42px;border:1px solid var(--b3-line);border-radius:10px;background:#fff;color:var(--b3-ink);padding:9px 14px;font:inherit;cursor:pointer}
.apparel-b3-close:focus-visible,.apparel-b3-tab:focus-visible,.apparel-b3-button:focus-visible{outline:3px solid rgba(163,67,32,.25);outline-offset:2px}
.apparel-b3-tabs{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px;margin:22px 0 14px;overflow-x:auto;padding-bottom:3px}
.apparel-b3-tab{white-space:nowrap}
.apparel-b3-tab.is-active{border-color:var(--b3-accent);background:#fff0e7;color:#842f13;font-weight:700}
.apparel-b3-card{min-height:310px;padding:clamp(16px,3vw,28px);border:1px solid var(--b3-line);border-radius:14px;background:rgba(255,255,255,.82)}
.apparel-b3-card-title{font-size:20px;font-weight:750}
.apparel-b3-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}
.apparel-b3-status--ready{background:#e8f7ed;color:#176136}.apparel-b3-status--blocked{background:#fff0ec;color:#9a321b}.apparel-b3-status--pending{background:#f1efed;color:#625a55}
.apparel-b3-list{display:grid;gap:10px;margin:24px 0;padding-left:22px;line-height:1.55}
.apparel-b3-actions{justify-content:flex-start;margin-top:26px;flex-wrap:wrap}
.apparel-b3-button--primary{border-color:var(--b3-accent);background:var(--b3-accent);color:#fff}.apparel-b3-button:disabled{cursor:not-allowed;opacity:.48}
.apparel-b3-operational{min-width:0;margin-top:20px;padding-top:18px;border-top:1px solid var(--b3-line)}
.apparel-b3-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.apparel-b3-live{min-width:0;color:var(--b3-muted);font-size:13px;overflow-wrap:anywhere}.apparel-b3-live--busy{color:#80520b}.apparel-b3-live--success{color:#176136}.apparel-b3-live--error{color:#a12d20}
.apparel-b3-table{max-width:100%;margin-bottom:15px;border:1px solid var(--b3-line);border-radius:10px;overflow-x:auto;background:#fff}
.apparel-b3-table-head,.apparel-b3-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(100px,1fr);min-width:max-content;align-items:center}.apparel-b3-table-head{min-height:38px;background:#f5ede7;color:var(--b3-muted);font-size:12px;font-weight:700}.apparel-b3-table-head span,.apparel-b3-row span{width:120px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apparel-b3-row{appearance:none;width:100%;min-height:44px;border:0;border-top:1px solid var(--b3-line);background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer}.apparel-b3-row:hover{background:#fff8f3}.apparel-b3-empty{padding:16px;color:var(--b3-muted);text-align:center}
.apparel-b3-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.apparel-b3-field{display:flex;min-width:0;flex-direction:column;gap:5px}.apparel-b3-field:has(.apparel-b3-input--json){grid-column:1/-1}.apparel-b3-field-label{font-size:13px;font-weight:700}.apparel-b3-input{width:100%;min-height:42px;border:1px solid var(--b3-line);border-radius:9px;background:#fff;color:var(--b3-ink);padding:8px 10px;font:inherit}.apparel-b3-input[type=checkbox]{width:24px;min-height:24px;align-self:flex-start}.apparel-b3-input--json{resize:vertical;line-height:1.45;white-space:pre;overflow:auto}
.apparel-b3-preview{max-width:100%;max-height:230px;margin:14px 0 0;padding:12px;border-radius:9px;background:#2e2824;color:#fff6ef;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 Consolas,monospace}
@media(max-width:600px){.apparel-b3-workbench{width:calc(100% - 12px);margin:6px auto;padding:14px;border-radius:12px}.apparel-b3-header{align-items:flex-start}.apparel-b3-close{min-width:64px}.apparel-b3-tabs{grid-template-columns:repeat(6,minmax(104px,1fr));margin-top:16px}.apparel-b3-card{min-height:360px;padding:16px}.apparel-b3-card-head{align-items:flex-start;flex-direction:column}.apparel-b3-actions{display:grid;grid-template-columns:1fr;width:100%}.apparel-b3-button{width:100%}}
@media(max-width:600px){.apparel-b3-toolbar{align-items:stretch;flex-direction:column}.apparel-b3-form{grid-template-columns:1fr}.apparel-b3-table-head span,.apparel-b3-row span{width:108px}}
@media(min-width:1200px){.apparel-b3-card{min-height:280px}.apparel-b3-list{grid-template-columns:repeat(3,1fr);padding-left:20px}}