.j3d-bw__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.j3d-bw__controls label,.j3d-bw__actions label{display:flex;flex-direction:column;gap:7px;font-weight:600}.j3d-bw input[type=range]{width:100%;accent-color:var(--j3d-primary)}.j3d-bw select{min-height:42px;padding:7px;border:1px solid #c9cbd6;border-radius:4px;background:#fff}.j3d-bw__meta{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0;color:#555}.j3d-bw__previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.j3d-bw__previews figure{min-width:0;margin:0}.j3d-bw__previews figcaption{font-weight:600;margin-bottom:8px}.j3d-bw__previews img,.j3d-bw__previews canvas{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background-color:#f2f2f2;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.j3d-bw__actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:18px}.j3d-bw__actions button{min-height:44px}.j3d-bw__actions label{min-width:130px}.j3d-bw #j3d-bw-status{min-height:1.5em}.j3d-bw #j3d-bw-error{color:#a21d28}@media(max-width:600px){.j3d-bw__controls,.j3d-bw__previews{grid-template-columns:1fr}.j3d-bw__actions{align-items:stretch;flex-direction:column}.j3d-bw__actions>*{width:100%}.j3d-bw__meta span{overflow-wrap:anywhere}}