.j3d-brightness__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.j3d-brightness__controls label,.j3d-brightness__actions label{display:flex;flex-direction:column;gap:7px;font-weight:600}.j3d-brightness input[type=range]{width:100%;accent-color:var(--j3d-primary)}.j3d-brightness select{min-height:42px;padding:7px;border:1px solid #c9cbd6;border-radius:4px;background:#fff}.j3d-brightness__meta{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0;color:#555}.j3d-brightness__meta span{overflow-wrap:anywhere}.j3d-brightness__previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.j3d-brightness__previews figure{min-width:0;margin:0}.j3d-brightness__previews figcaption{font-weight:600;margin-bottom:8px}.j3d-brightness__previews img,.j3d-brightness__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-brightness__actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:18px}.j3d-brightness__actions button{min-height:44px}.j3d-brightness__actions label{min-width:130px}.j3d-brightness__actions input[type=color]{width:100%;height:42px;border:1px solid #c9cbd6;border-radius:4px}.j3d-brightness #j3d-brightness-status{min-height:1.5em}.j3d-brightness #j3d-brightness-error{color:#a21d28}@media(max-width:700px){.j3d-brightness__controls{grid-template-columns:1fr}.j3d-brightness__previews{grid-template-columns:1fr}.j3d-brightness__actions{align-items:stretch;flex-direction:column}.j3d-brightness__actions>*{width:100%}}