.wb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.wb-grid[hidden]{display:none!important}#imageWorkbench label,#recorderWorkbench label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}#imageWorkbench input,#imageWorkbench select,#recorderWorkbench input,#recorderWorkbench select{font:inherit;width:100%;box-sizing:border-box;padding:10px;border:1px solid #bfcfdf;border-radius:10px;background:#fff;color:#17354b;min-width:0}#imageWorkbench input[type=color]{min-height:44px}.wb-check{flex-direction:row!important;align-items:center}.wb-check input{width:18px!important;height:18px;flex-shrink:0}.wb-note{font-size:14px;line-height:1.75;color:#50647a}#wb-preview{display:block;max-width:100%;height:auto;margin:14px auto;border:1px solid #cbd5e1;border-radius:12px;background:repeating-conic-gradient(#e5e7eb 0 25%,#fff 0 50%) 0/20px 20px;touch-action:none}#wb-preview[hidden]{display:none}#wb-result{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#wb-result pre{width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#recorderWorkbench .wb-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}#rw-live,#rw-output{display:block;max-width:100%;max-height:480px;border-radius:12px;margin:14px auto;background:#0c1828}#rw-live[hidden],#rw-output[hidden]{display:none}#rw-level{width:100%;height:18px}#rw-time{font:700 28px ui-monospace,monospace;direction:ltr;text-align:center}@media(max-width:580px){.wb-grid{grid-template-columns:1fr}}