.ai-workbench { max-width: 1500px; margin: 0 auto; }
.aiw-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:4px 0 14px; border-bottom:1px solid var(--el-border-color-lighter); }
.aiw-header h2,.aiw-panel h3 { margin:0; letter-spacing:0; }
.aiw-header p,.aiw-panel p { margin:5px 0 0; color:var(--ui-text-muted); font-size:13px; }
.aiw-provider-status { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; }
.aiw-tabs { margin-top:10px; }
.aiw-panel { padding:4px 0 18px; }
.aiw-toolbar,.aiw-search { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.aiw-search { justify-content:flex-start; }
.aiw-search .el-input { max-width:320px; }
.aiw-form { max-width:1120px; }
.aiw-form-grid,.aiw-provider-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
.aiw-provider-grid { gap:28px; }
.aiw-provider-grid form { min-width:0; }
.aiw-two-column { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr); gap:22px; }
.aiw-product-picker { max-width:880px; margin:0 0 18px 110px; }
.aiw-inline-label { margin:0 8px 0 20px; color:var(--el-text-color-regular); }
.aiw-json { white-space:pre-wrap; word-break:break-word; max-height:220px; overflow:auto; margin:0; font-size:12px; line-height:1.5; }
.aiw-metrics { display:flex; gap:28px; padding:10px 0 18px; }
.aiw-metrics div { display:flex; flex-direction:column; gap:4px; }
.aiw-metrics span { color:var(--ui-text-muted); font-size:12px; }
.aiw-metrics strong { font-size:24px; letter-spacing:0; }
.aiw-video-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; max-width:700px; }
.aiw-video-toolbar .el-input { max-width:360px; }
.aiw-video-products { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:12px; }
.aiw-video-product { display:grid; grid-template-columns:78px minmax(0,1fr); gap:10px; padding:10px; border:1px solid var(--el-border-color-lighter); border-radius:6px; background:var(--el-bg-color); }
.aiw-video-product.selected { border-color:var(--el-color-primary); box-shadow:0 0 0 1px var(--el-color-primary) inset; }
.aiw-video-product > .el-image { width:78px; height:78px; background:var(--el-fill-color-light); }
.aiw-video-product-info { min-width:0; display:flex; flex-direction:column; gap:5px; }
.aiw-video-product-info strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aiw-video-product-info span,.aiw-video-product-info small { color:var(--ui-text-muted); font-size:12px; }
.aiw-video-product-actions { grid-column:1 / -1; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.aiw-video-form { max-width:820px; }
.aiw-video-form-row { display:flex; flex-wrap:wrap; gap:24px; }
.aiw-video-form-row .el-select { width:160px; max-width:100%; }
.aiw-video-image-title { font-weight:600; color:var(--el-text-color-primary); }
.aiw-video-images { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px; }
.aiw-video-image { border:1px solid var(--el-border-color); background:var(--el-bg-color); padding:6px; cursor:pointer; border-radius:4px; }
.aiw-video-image.selected { border-color:var(--el-color-primary); box-shadow:0 0 0 1px var(--el-color-primary) inset; }
.aiw-video-image .el-image { display:block; width:100%; aspect-ratio:1; background:var(--el-fill-color-light); }
.aiw-video-image span { display:flex; align-items:center; justify-content:center; gap:3px; margin-top:5px; font-size:12px; color:var(--ui-text-muted); }
.aiw-video-preview { display:block; width:min(320px,100%); max-height:240px; background:#111; }
@media (max-width: 900px) { .aiw-header { align-items:flex-start; flex-direction:column; } .aiw-form-grid,.aiw-provider-grid,.aiw-two-column { grid-template-columns:1fr; } .aiw-product-picker { margin-left:0; } }