.wb-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}.wb-fields label{min-width:0}.wb-form textarea{min-height:180px;font-family:ui-monospace,monospace}.wb-form input[type=color]{height:48px;padding:5px;max-width:100%}.wb-preview{padding:32px;margin-bottom:20px;background:#f1f4f5;border:1px solid #dce3e5;border-radius:12px;overflow:auto;min-height:150px}.wb-css-box{background:#183b46;color:white;width:140px;height:120px;display:grid;place-items:center;margin:20px auto;font:24px monospace}.wb-grid-preview{min-width:250px}.wb-grid-preview span{padding:16px;background:#183b46;color:white;text-align:center;min-width:0}.wb-swatch{height:100px;border:1px solid #ddd;border-radius:12px;margin-bottom:20px}.wb-image-preview{display:block;max-width:100%;max-height:600px;width:auto;margin:0 auto 20px;object-fit:contain}.wb-timer{font-variant-numeric:tabular-nums;font-size:clamp(42px,10vw,76px);text-align:center;font-weight:700;margin:24px 0}.wb-form~#result pre,#result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto}#wb-code{min-height:160px}#result .actions{flex-wrap:wrap}@media(max-width:520px){.wb-preview{padding:20px}.wb-fields{grid-template-columns:1fr}.wb-form input,.wb-form select,.wb-form textarea{width:100%;min-width:0}.wb-form~#result .button{max-width:100%;white-space:normal}}