video,canvas{display:block;max-width:100%;width:100%;max-height:440px;background:#080b13;margin:16px 0;object-fit:contain}textarea,input:not([type=checkbox]),select{max-width:100%;padding:10px;background:#101b2d;color:#e4efff;border:1px solid #46627b;border-radius:6px}textarea{display:block;width:100%;margin:12px 0}label{display:inline-block;margin:10px 10px 10px 0}button{margin:7px 7px 7px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #334456}.check-row a{color:#79e6db}.metric-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:center;margin:10px 0}.metric-row input{width:100%;min-width:0}#pattern{display:flex;flex-wrap:wrap;min-height:320px;align-items:stretch;background:#000;padding:20px;margin-top:20px}#pattern .patch{flex:1;min-width:50px;display:flex;align-items:center;justify-content:center;font-size:12px;min-height:150px}#framing-stage{position:relative}#frame-guides{position:absolute;inset:16px 0;pointer-events:none;background:linear-gradient(to right,transparent 33%,#ffffff70 33%,#ffffff70 33.3%,transparent 33.3%,transparent 66.6%,#ffffff70 66.6%,#ffffff70 67%,transparent 67%),linear-gradient(to bottom,transparent 33%,#ffffff70 33%,#ffffff70 33.3%,transparent 33.3%,transparent 66.6%,#ffffff70 66.6%,#ffffff70 67%,transparent 67%)}.print-colours{display:flex}.print-colours span{flex:1;height:30mm}.print-square{width:50mm;height:50mm;border:0.3mm solid black;box-sizing:border-box;margin:8mm}.print-lines{height:15mm;background:repeating-linear-gradient(90deg,black 0,black .3mm,white .3mm,white 1mm)}#print-sheet-stage{background:white;color:black;padding:10mm;border:1px solid #aaa;margin:12px 0}#print-sheet-stage h2{color:black}.recording{padding:12px;margin:12px 0;border:1px solid #46627b}audio{max-width:100%}#pattern:fullscreen{height:100vh;width:100vw;align-content:stretch}
@media(max-width:600px){.check-row{display:block}.metric-row{grid-template-columns:1.7fr 1fr 1fr;font-size:13px}.lab-panel{padding:16px}.metric-row input{padding:7px}#pattern{padding:8px}}
@media print{body *{visibility:hidden}#print-sheet-stage,#print-sheet-stage *{visibility:visible}#print-sheet-stage{position:absolute;left:0;top:0;margin:0;padding:8mm;width:100%;border:0;box-sizing:border-box}#print-sheet-stage *{color:black}#print-sheet-stage span{print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-lines{print-color-adjust:exact;-webkit-print-color-adjust:exact}.portfolio-house-ad,.gcl-house-ad,[data-house-ad]{display:none!important}}