/* Application presentation: workspace geometry is independent of device mode. */
.client-shell{--client-nav:244px;--client-header:56px;--client-list:340px}
.client-stage{min-width:0}
.client-nav-button{border:1px solid #d7e0ed;background:#fff;color:#284263;border-radius:6px;min-width:38px;min-height:36px;cursor:pointer}
.client-nav-shade{display:none}
.client-shell .web-head .layout-switch{position:static;flex-shrink:0;margin:0;padding:0;font-size:12px}
.client-shell .web-head .layout-switch select{font-size:13px;min-height:34px;padding:5px;width:78px}
.workbench .client-shell:not(.login-shell){display:grid;grid-template-columns:var(--client-nav) minmax(0,1fr);grid-template-rows:var(--client-header) minmax(0,1fr);height:100dvh;width:100%;margin:0;padding:0;overflow:hidden;max-width:none}
.workbench .client-shell>.web-head{position:static;grid-column:1/-1;height:auto;min-width:0;padding:8px 16px;gap:14px;display:flex;align-items:center;border-bottom:1px solid #cbd6e5;background:#fff;z-index:40}
.workbench .client-shell .np-app-brand{min-width:0;flex-shrink:0}
.workbench .client-shell .np-app-brand img{width:28px;height:28px}
.workbench .client-shell .np-app-brand strong{font-size:16px}
.workbench .client-shell .np-page-path{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.workbench .client-shell .np-account{margin:0 0 0 auto;font-size:13px;white-space:nowrap}
.workbench .client-shell>.bw-sidebar{position:static;grid-column:1;grid-row:2;inset:auto;width:auto;min-height:0;overflow:auto;padding:12px;border:0;border-right:1px solid #d1dceb;background:#fff;border-radius:0;box-shadow:none}
.workbench .client-stage{grid-column:2;grid-row:2;overflow:auto;min-height:0;padding:12px;box-sizing:border-box}
.workbench .client-stage>.bw-workspace{display:flex;flex-direction:column;min-height:100%;height:auto;gap:10px;padding:0}
.workbench .client-stage>.bw-workspace:has(>.bw-split){height:100%;min-height:0;overflow:hidden}
.workbench .bw-workspace>.bw-title{margin:0;flex-shrink:0;min-height:30px}
.workbench .bw-title h1{font-size:18px}
.workbench .bw-workspace>.bw-toolbar{margin:0;padding:10px 12px;gap:8px;flex-shrink:0;border-radius:6px}
.workbench .bw-toolbar>.bw-field{flex:0 1 185px;font-size:13px}
.workbench .bw-field input:not([type=checkbox]),.workbench .bw-field select{min-height:34px;padding:6px 8px}
.workbench .bw-workspace>.bw-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,var(--client-list)) minmax(0,1fr);gap:12px;align-items:stretch}
.workbench .bw-split>.bw-list{min-height:0;overflow:auto;background:white;border:1px solid #cbd6e5;border-radius:7px;padding:10px;box-sizing:border-box}
.workbench .bw-split>.bw-detail{position:static;min-height:0;max-height:none;overflow:auto;border-radius:7px;padding:16px;box-sizing:border-box}
.workbench .bw-split:not(.has-detail):not(.np-workspace):after{content:'从左侧选择一项，查看详情并进行操作';display:flex;align-items:center;justify-content:center;border:1px solid #cbd6e5;border-radius:7px;background:#fff;color:#72849d;font-size:14px}
.workbench .bw-row{padding:12px;gap:10px;border-radius:5px;margin-bottom:8px}
.workbench .bw-row>img{width:76px;height:76px}
.workbench .bw-row strong{font-size:14px}
.workbench .bw-row p{font-size:13px;line-height:1.5;margin:6px 0}
.workbench [data-client-row]{cursor:pointer}
[data-client-row].client-selected{background:#eaf2ff;border-color:#6099e7}
.workbench .bw-product-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}
.workbench .bw-product-grid img{height:180px;object-fit:contain;width:100%;background:#f7f9fc}
.workbench .bw-kv>div{padding:8px 0;grid-template-columns:90px minmax(0,1fr)}
.workbench .bw-actions{gap:6px;align-items:center}
.client-more{position:relative;display:inline-block}
.client-more>summary{cursor:pointer;list-style:none;border:1px solid #cbd6e5;background:white;border-radius:5px;padding:6px 12px;min-height:34px;box-sizing:border-box}
.client-more[open]>div{position:absolute;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;min-width:160px;max-height:45dvh;overflow:auto;z-index:35;padding:6px;background:white;border:1px solid #cbd6e5;box-shadow:0 8px 28px #17203322;border-radius:6px}
.workbench .np-workspace{height:auto}
.workbench .bw-workspace[data-workspace=products]>.bw-title{display:none}
.workbench .bw-split.np-workspace,.workbench .bw-split.np-workspace.has-detail{grid-template-columns:minmax(280px,36%) minmax(0,1fr)}
.workbench .np-workspace>.np-list{padding:14px;overflow:hidden;display:flex;flex-direction:column;max-width:500px}
.workbench .np-workspace>.np-detail{padding:0;border:0;display:flex;overflow:hidden;background:transparent}
.workbench .np-info-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.workbench .np-card{min-height:116px}
.workbench .np-card-scroll{overflow:auto;min-height:0}
.workbench .np-timeline-scroll{overflow:auto;min-height:0}
.workbench .np-back{display:none}
.workbench-overlay-nav .client-shell:not(.login-shell){grid-template-columns:0 minmax(0,1fr)}
.workbench-overlay-nav .client-shell>.bw-sidebar{display:none}
.workbench-overlay-nav.bw-nav-open .client-shell>.bw-sidebar{display:block;position:fixed;top:var(--client-header);left:0;bottom:0;width:244px;z-index:42;box-shadow:5px 0 25px #162c4433}
.workbench-overlay-nav.bw-nav-open .client-nav-shade{display:block;position:fixed;inset:var(--client-header) 0 0;z-index:41;background:#142c5044;border:0;border-radius:0}
.workbench .amz-workspace{height:100%;display:flex;gap:12px;min-height:0}
.workbench .amz-results{flex:1;min-width:0;overflow:auto}
.workbench .amz-panel{position:relative;inset:auto;width:42%;min-width:310px;max-width:650px;max-height:none;overflow:auto;box-sizing:border-box;flex-shrink:0;border:1px solid #cbd6e5;border-radius:7px;box-shadow:none}
.workbench .amazon-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}
.workbench .amz-filters{padding:10px;border-radius:7px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.workbench .amz-search{grid-column:span 3}.workbench .amz-filters>button{grid-column:auto}
.workbench .amz-filters input,.workbench .amz-filters select{min-height:34px;padding:6px;font-size:13px}
.workbench .amz-toolbar{margin:0 0 10px}.workbench .amz-summary{margin:10px 0}
.ai-detail-content{min-width:0}.ai-results-panel{border:1px solid #d6e0ed;border-radius:7px;padding:12px;background:#fafcff;min-width:0}
.ai-canvas{display:flex;align-items:center;justify-content:center;background:white;min-height:260px;height:42dvh;border:1px solid #d6e0ed;border-radius:5px;overflow:hidden}
.ai-canvas img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.ai-result-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0;flex-wrap:wrap}
.ai-reference-images{display:flex;gap:8px;overflow:auto;margin:12px 0}
.ai-reference-images article{flex:0 0 140px;min-width:0}.ai-reference-images img{width:140px;height:130px;object-fit:contain;background:#f5f8fc}
.ai-reference-images .bw-actions{gap:4px}.ai-reference-images button{font-size:12px}
.workbench [data-workspace=aiDesign]>.bw-split{grid-template-columns:minmax(240px,28%) minmax(0,1fr)}
.workbench .bw-detail.ai-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start}
.client-image-stage{overflow:auto;max-height:62dvh;text-align:center;background:#eef2f7;touch-action:pan-x pan-y}
.client-image-stage img{max-width:100%;max-height:60dvh;object-fit:contain;vertical-align:middle}
.client-image-stage.zoomed img{max-width:none;max-height:none;width:auto;height:auto}
.client-image-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;flex-wrap:wrap}
.client-image-controls button{min-width:44px}
.client-file-name{overflow-wrap:anywhere;font-size:13px;color:#65758d;text-align:center}
.client-folder{padding:4px 0;margin:4px 0}.client-folder>summary{padding:9px;cursor:pointer;font-weight:600;color:#2e4d76}.client-folder>.client-folder{margin-left:14px}
.client-company-node{border-radius:5px;margin:3px 0;padding:3px;border:1px solid transparent}.client-company-node>button{width:100%;text-align:left;border:0!important;background:transparent!important}.client-folder>.client-company-node{margin-left:14px}
.client-store-tree{border-left:1px solid #d5e1f0;margin:2px 8px 8px 18px;padding-left:8px}.client-store-tree>button{display:block;width:100%;text-align:left;border:0!important;background:transparent!important;font-size:13px!important}
.bw-tabs button[aria-selected=true]{color:#1768d0;background:#e9f2ff;border-color:#6a9ee3;font-weight:600}
.workbench .bw-modal .bw-dialog{width:min(960px,95vw);border-radius:8px}
.workbench .bw-permissions{grid-template-columns:repeat(3,minmax(0,1fr))}
html:not(.workbench) .client-shell{padding-top:0}
html:not(.workbench) .client-shell>.web-head{display:flex;align-items:center;gap:8px;padding:10px 0;flex-wrap:wrap}
html:not(.workbench) .client-shell .np-app-brand{display:flex;align-items:center;gap:6px;flex:1}
html:not(.workbench) .client-shell .np-app-brand img{width:26px;height:26px}
html:not(.workbench) .client-shell .np-app-brand strong{font-size:15px}
html:not(.workbench) .client-shell .np-account,html:not(.workbench) .client-shell .np-page-path{display:none}
html:not(.workbench) .client-shell .layout-switch{margin-left:auto}
.workbench-single .client-stage{padding:8px}
.workbench-single .bw-workspace>.bw-split,.workbench-single .bw-split.np-workspace,.workbench-single .bw-split.np-workspace.has-detail,.workbench-single [data-workspace=aiDesign]>.bw-split{grid-template-columns:minmax(0,1fr)}
.workbench-single .bw-split.has-detail>.bw-list{display:none}
.workbench-single .bw-split:not(.has-detail):after,.workbench-single .np-detail-empty{display:none!important}
.workbench-single .np-workspace>.np-list{max-width:none}
.workbench-single .np-back{display:inline-block}
.workbench-single .np-workspace>.np-detail{overflow:auto}
.workbench-single .np-timeline{flex:none}.workbench-single .np-timeline-scroll{overflow:visible}
.workbench-single .amz-workspace{display:block;overflow:auto}
.workbench-single .amz-workspace.has-panel>.amz-results{display:none}
.workbench-single .amz-panel{width:100%;min-width:0;max-width:none}
@media(min-width:1550px){.workbench .bw-detail.ai-detail{grid-template-columns:minmax(270px,1fr) minmax(270px,1fr)}.workbench .np-info-fields{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.client-shell{--client-list:280px}.workbench .client-shell .np-app-brand strong{display:none}.workbench .bw-split.np-workspace,.workbench .bw-split.np-workspace.has-detail{grid-template-columns:280px minmax(0,1fr)}.workbench .bw-toolbar>.bw-field{flex:1 1 125px}.workbench .np-info-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench .bw-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px){.workbench-single .bw-split.np-workspace,.workbench-single .bw-split.np-workspace.has-detail{grid-template-columns:minmax(0,1fr)}.workbench .client-shell>.web-head{gap:8px;padding:8px}.workbench .client-shell .np-account{display:none}.workbench .client-shell .layout-switch{margin-left:auto}.workbench .amz-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench .amz-search{grid-column:span 1}.workbench .bw-permissions{grid-template-columns:1fr}.workbench .bw-workspace>.bw-toolbar{max-height:28dvh;overflow:auto}.workbench .np-card{min-height:116px}.ai-canvas{height:340px;max-height:50dvh}.workbench .np-stage-filter{display:block}}
@media(pointer:coarse){.client-shell button,.client-shell .np-more summary,.client-shell .client-more summary,.bw-modal button{min-height:44px}.workbench .bw-field input:not([type=checkbox]),.workbench .bw-field select{min-height:44px;font-size:16px}.workbench .np-primary-actions button{font-size:14px}.workbench .np-card{min-height:116px}}
.workbench .bw-workspace>.bw-split:not(.np-workspace).has-detail{grid-template-columns:minmax(260px,var(--client-list)) minmax(0,1fr)}
.workbench .bw-workspace[data-workspace=aiDesign]>.bw-split.has-detail{grid-template-columns:minmax(240px,27%) minmax(0,1fr)}
@media(min-width:1300px){.workbench .bw-detail.ai-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;align-content:stretch}.workbench .ai-detail-content,.workbench .ai-results-panel{overflow:auto;min-height:0}.workbench .ai-canvas{height:43dvh}.workbench .ai-detail .bw-kv>div{grid-template-columns:70px minmax(0,1fr)}}
@media(max-width:759px){.workbench-single .bw-workspace>.bw-split:not(.np-workspace).has-detail,.workbench-single .bw-workspace[data-workspace=aiDesign]>.bw-split.has-detail{grid-template-columns:minmax(0,1fr)}}
@media(min-width:760px) and (max-width:1179px){.workbench .np-card{gap:8px;padding:10px}.workbench .np-card>img,.workbench .np-card>.np-image-placeholder{width:60px;height:72px;flex-shrink:0}.workbench .np-card-title{display:flex;flex-wrap:wrap;gap:5px}.workbench .np-card-title strong{flex-basis:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench .np-card-meta,.workbench .np-card-footer{font-size:12px}.workbench .np-card-footer{flex-wrap:wrap;gap:3px}}

/* V114: a context menu overlays the product grid without resizing it. */
.amz-context-menu{position:fixed;z-index:2000;width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;background:#fff;border:1px solid #ccd5e1;border-radius:7px;padding:5px;box-shadow:0 8px 30px #12243b33}
.amz-context-menu .amz-menu{display:flex;flex-direction:column;gap:2px}
.amz-context-menu .amz-menu button{border:0;border-radius:4px;text-align:left;padding:9px 12px;min-height:36px;background:transparent;color:#24354b;display:flex;flex-direction:column}
.amz-context-menu .amz-menu button:hover,.amz-context-menu .amz-menu button:focus-visible{background:#e9f1ff;outline:2px solid #6a9ee8;outline-offset:-2px}
.amz-context-menu .amz-menu button:disabled{color:#8793a3;cursor:default}
.amz-context-menu small{font-size:12px}
.workbench .amazon-module-heading{display:none!important}
.np-legacy-flow{font-size:12px;color:#64748b;margin:8px 0}
html[data-device-layout="phone"] .amz-context-menu button{min-height:44px}

.analysis-quick-dates{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.analysis-quick-dates button[aria-pressed=true]{background:#e2edff;border-color:#3977d5;color:#145db8}.analysis-quick-dates small{color:#64748b}.analysis-table .analysis-thumbnail{width:100px;min-width:100px}.analysis-table .analysis-thumbnail img{display:block;width:84px;height:84px;object-fit:contain;background:#f5f7fb;border-radius:6px}.analysis-no-image{display:grid;place-items:center;min-height:72px;color:#718096;background:#f5f7fb;font-size:12px}.analysis-product-info{display:grid;grid-template-columns:minmax(140px,32%) minmax(0,1fr);gap:18px}.analysis-detail-image img{width:100%;max-height:300px;object-fit:contain;background:#f5f7fb}.analysis-product-info .bw-kv{margin:0}.analysis-product-extra{margin-top:12px;color:#52647c}.analysis-product-extra h3{font-size:15px}@media(max-width:540px){.analysis-product-info{grid-template-columns:1fr}.analysis-detail-image img{max-height:180px}.analysis-table .analysis-thumbnail img{width:64px;height:64px}}

.workbench .bw-modal .bw-dialog.analysis-detail-dialog{width:min(740px,95vw)}.analysis-detail-dialog .bw-kv>div{padding:6px 0}.analysis-detail-dialog .bw-dialog-body{overflow-wrap:anywhere}

/* V116: independently bounded navigation and content scroll surfaces. */
.workbench body:has(.client-shell){height:100dvh;overflow:hidden}
.workbench #app:has(.client-shell){height:100dvh;min-height:0;overflow:hidden}
.workbench .client-shell:not(.login-shell){min-height:0;max-height:100dvh}
.workbench .client-shell>.bw-sidebar,.workbench .client-stage{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0}
.workbench .client-shell>.bw-sidebar{height:100%;max-height:100%;overflow-y:auto}
html.bw-nav-open:not(.workbench) body{overflow:hidden}
.client-logout{background:transparent;color:#52647c;font-size:12px;padding:5px 8px;border:1px solid #d7e0ed;border-radius:5px;white-space:nowrap}
.amazon-product-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f7f9fc;border-radius:8px;overflow:hidden;cursor:default}
.amazon-product-image img{width:100%;height:100%;object-fit:contain;cursor:default}
.np-load-sentinel{padding:12px;text-align:center;color:#718096;font-size:12px}
.stats-subtitle{color:#718096;font-size:13px;margin:0 0 8px}.stats-subtitle>span{float:right}
.stats-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:4px 0 12px}
.stats-kpis>article{display:flex;align-items:center;gap:12px;border:1px solid #e0e7f1;background:#fff;border-radius:7px;padding:15px;min-height:94px;box-shadow:0 2px 8px #223d6110}
.stats-kpis small{display:block;font-size:13px;color:#718096}.stats-kpis strong{display:block;font-size:24px;color:#17233d;margin-top:4px}
.stats-kpi>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#2f6fed;background:#edf3ff;flex-shrink:0;font-size:23px}.stats-kpi.tone-1>span{color:#16a66a;background:#e9f8f1}.stats-kpi.tone-3>span{color:#ef623f;background:#fff0eb}.stats-kpi.tone-4>span{color:#8a54df;background:#f4edff}
.stats-panel{min-width:0;background:#fff;border:1px solid #e0e7f1;border-radius:7px;padding:12px;margin-bottom:12px}
.stats-panel h2{font-size:16px;margin:0 0 12px}.stats-panel h2 small{font-weight:400;font-size:12px;color:#718096;margin-left:8px}
.stats-middle{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}
.stats-panel .bw-table th,.stats-panel .bw-table td{white-space:nowrap;font-size:13px;padding:8px;text-align:center}.stats-panel .bw-table th:first-child,.stats-panel .bw-table td:first-child{text-align:left}
.stats-panel .bw-table tr:nth-child(even){background:#f8faff}.stats-panel .bw-table tr[data-bw]{cursor:pointer}.stats-panel .bw-table tr[data-bw]:hover,.stats-panel .bw-table tr[data-bw]:focus{background:#eaf2ff;outline:2px solid #8bb9fa;outline-offset:-2px}
.stats-customer-table{height:420px;overflow:auto}.stats-employee-table{max-height:200px;overflow:auto}.stats-panel .bw-table thead th{position:sticky;top:0;z-index:1;background:#f4f7fb}
.stats-customer-detail h3{font-size:18px;color:#2f6fed;margin:10px 0}.stats-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stats-detail-metrics>div{padding:8px;border:1px solid #e0e7f1;border-radius:5px}.stats-detail-metrics small{display:block;font-size:12px;color:#718096}.stats-detail-metrics strong{display:block;font-size:16px;color:#2f6fed;margin-top:5px;overflow-wrap:anywhere}.stats-stage-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.stats-stage-counts>div{display:flex;justify-content:space-between;gap:8px;background:#f5f8fc;border:1px solid #e0e7f1;border-radius:5px;padding:6px;font-size:12px}.stats-stage-counts b{color:#2f6fed}.stats-note{background:#eef5ff;border:1px solid #d7e6fb;border-radius:7px;padding:8px 12px;color:#627087;font-size:13px}
.usage-kpis>article{display:block}.usage-kpis strong{margin:5px 0}.usage-kpis small:last-child{font-size:12px}.usage-custom-dates{display:flex;gap:12px}.usage-custom-dates[hidden]{display:none}.usage-detail-table{min-height:230px;max-height:460px;overflow:auto}.usage-trend{width:100%;min-height:175px;max-height:340px}.usage-trend text{font:12px sans-serif;fill:#7c899d}.usage-trend-controls{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin:12px 0}.usage-trend-controls [aria-pressed=true]{background:#287dff;color:white}
@media(max-width:1200px){.stats-kpis{gap:6px}.stats-kpis>article{padding:10px;gap:6px}.stats-kpi>span{width:34px;height:34px}.stats-middle{grid-template-columns:minmax(0,1fr)}.stats-customer-table{height:330px}}
@media(max-width:650px){.stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-kpis strong{font-size:22px}.stats-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-stage-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-panel .bw-tabs{flex-wrap:wrap}.client-logout{font-size:11px}.stats-subtitle>span{float:none;display:block}}

/* Shared style management uses the full work area on desktop and tablet. */
.style-modal {z-index:1300}
.style-modal .style-dialog {width:min(1320px,96vw);max-width:1320px;max-height:94dvh;display:flex;flex-direction:column;padding:0;overflow:hidden}
.style-dialog>header {display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #dae3ef}
.style-dialog h2,.style-dialog h3 {margin:0;font-size:17px}
.style-content {padding:16px;overflow:auto;min-height:0;overscroll-behavior:contain}
.style-split {display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:16px}
.style-groups,.style-members {min-width:0}
.style-group {display:flex!important;gap:8px;width:100%;align-items:center;text-align:left;margin:6px 0;padding:8px;border:1px solid #dae3ef;background:white;color:#253750}
.style-group.selected {background:#e8f0ff;border-color:#8eaff4}
.style-group>span {flex:1;min-width:0;overflow-wrap:anywhere}
.style-group>small {flex:none}
.style-group img {width:60px;height:60px;object-fit:contain;flex:none}
.style-members td img {width:90px;height:90px;object-fit:contain}
.style-members .bw-table {min-width:850px}
.style-members .bw-toolbar h3 {flex:1}
.style-members details {position:relative}
.style-members details[open] {background:#f3f6fa}
.style-members details button {display:block;margin:6px}
.style-editor {padding:14px;background:#f0f5fd;display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0}
.style-editor h3 {width:100%}.style-editor label {display:grid;gap:6px}
.style-dialog input:not([type=checkbox]),.style-dialog select {min-height:34px;max-width:100%;border:1px solid #cbd7e7;border-radius:5px;padding:6px}
.style-dialog button {min-height:34px;border-radius:5px;padding:6px 12px;border:1px solid #cbd7e7;background:#f2f6fc;cursor:pointer}
.style-dialog button:disabled {opacity:.45;cursor:default}
.style-dialog .bw-error:empty {display:none}
@media(max-width:760px){.style-split{grid-template-columns:1fr}.style-groups{max-height:240px;overflow:auto}.style-modal .style-dialog{width:98vw;max-height:96dvh}.style-content{padding:10px}.style-dialog button{min-height:42px}}

.workbench .bw-modal .style-dialog {width:min(1320px,96vw);max-width:1320px}
.style-members td:nth-child(3),.style-members th:nth-child(3) {min-width:135px;white-space:nowrap;word-break:normal}
.style-members td:nth-child(4) {min-width:130px;overflow-wrap:anywhere}
.style-members td:nth-child(5) {min-width:160px}
.style-members td:nth-child(6) {min-width:240px}
@media(max-width:600px){
 .style-members .bw-table-wrap{overflow:visible}.style-members .bw-table{min-width:0;width:100%;display:block}
 .style-members thead{display:none}.style-members tbody{display:block}
 .style-members tr{display:grid;grid-template-columns:100px minmax(0,1fr);border:1px solid #dbe5f2;border-radius:7px;margin:10px 0;padding:8px}
 .style-members td{display:block;min-width:0!important;border:0!important;padding:6px!important;white-space:normal!important;overflow-wrap:anywhere}
 .style-members td:nth-child(n+3){grid-column:1/-1}.style-members td:nth-child(n+3):before{content:attr(data-label);display:block;color:#697d98;font-size:12px;margin-bottom:3px}
}
