.workshop{max-width:100%}.workshop select{max-width:70%;min-width:0}.workshop output{min-width:25px;text-align:right;color:#b9efdf;font-size:12px}.work-ref{border-top:1px solid #6e83a455;margin-top:18px;padding-top:12px}.work-ref summary{cursor:pointer;font-size:13px;color:#c0f4e4}.work-ref img{max-height:260px!important;object-fit:contain!important;margin-top:10px}.work-ref p{font-size:12px;color:#d8e2f5}.work-strip{display:flex;border-radius:8px;overflow:hidden}.work-strip span{background:#285956;padding:10px;font-size:12px;flex:3}.work-strip .bad{background:#763a57;flex:2}.work-bars{display:flex;gap:4px;height:55px;margin:14px 0}.work-bars span{background:#7464a0;color:#fff;text-align:center;border-radius:7px;padding:4px;min-width:25px}.work-bars span:nth-child(2){background:#236a68}.work-bars span:nth-child(3){background:#a16b4c}.work-bars span:nth-child(4){background:#915e82}.work-bars small{display:block}.work-subtitle{height:180px;position:relative;background:linear-gradient(135deg,#d8c4a2,#3c777f,#d2c7a3);display:grid;place-items:center;border-radius:10px;overflow:hidden;text-align:center;color:#17354b;font-size:22px}.work-subtitle small{font-size:11px;color:#17354b}.work-subtitle>span{position:absolute;bottom:15px;left:5%;right:5%;padding:5px;color:#fff}.workshop .lab-result{font-size:14px}.workshop video{max-height:290px!important}.workshop .lab-frame{max-height:240px}.workshop .lab-buttons button{white-space:normal;text-align:left}.workshop input[type=range]{width:70px}.workshop .lab-order li{font-size:13px}
