.media-tabs,.media-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.media-file{display:grid;gap:.55rem;margin-bottom:1rem}.media-file input{max-width:100%;padding:.8rem;border:1px dashed var(--line,#234b5f);border-radius:12px;background:#071722}.media-canvas-wrap{background:repeating-conic-gradient(#101c25 0% 25%,#0a141c 0% 50%) 50%/24px 24px;border:1px solid var(--line,#234b5f);border-radius:14px;min-height:70px;margin:1.1rem 0;text-align:center;overflow:auto}.media-canvas-wrap canvas{max-width:100%;max-height:65vh;object-fit:contain;vertical-align:middle}.media-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1rem;align-items:end;margin:1rem 0}.media-fields label{display:grid;gap:.4rem}.media-fields input,.media-fields select{min-width:0;width:100%}.media-checks{display:flex;flex-wrap:wrap;gap:1rem;margin:.7rem 0}.media-checks label{display:flex;align-items:center;gap:.5rem}.media-checks input{width:auto}.media-job{border:1px solid var(--line,#234b5f);border-radius:12px;padding:1rem;margin:.8rem 0;overflow-wrap:anywhere}.media-job strong{display:block}.media-job .media-actions{margin-bottom:0}.media-photo input[type=range]{accent-color:#26e7ef}.media-photo [hidden],[data-pane][hidden]{display:none!important}@media(max-width:600px){.media-fields{grid-template-columns:1fr 1fr}.media-actions .button{flex:1 1 auto}.media-canvas-wrap canvas{max-height:45vh}}