body{background:#ddd;margin:0;font-family:Arial,sans-serif}.app{flex-direction:column;align-items:center;min-height:100vh;padding:16px;display:flex}.input{flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.input button{width:100%;max-width:300px;margin-top:16px}textarea{width:100%;height:200px;font-family:monospace}button{cursor:pointer;margin-top:10px;padding:8px 12px}.toolbar{justify-content:center;gap:10px;width:100%;max-width:800px;margin-bottom:10px;display:flex}.a4{background:#fff}.footer{color:#666;text-align:center;margin-top:auto;padding:12px;font-size:12px}@media print{.app{display:block!important}.no-print,.input,button,.footer{display:none!important}@page{size:A4;margin:15mm}body{background:#fff!important;margin:0!important}.a4{box-sizing:border-box;page-break-after:avoid;break-inside:avoid;width:180mm;height:267mm;overflow:hidden;margin:0!important;padding:0!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.label{box-sizing:border-box;break-inside:avoid;border:1.2px solid #000!important}.label *{border-color:#000!important}}.nfpa-wrapper{position:absolute;bottom:20px;right:20px}.nfpa-diamond{box-sizing:border-box;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:48px;height:48px;display:grid;transform:rotate(45deg)}.cell{border:1px solid #000;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.cell span{line-height:1;display:inline-block;transform:rotate(-45deg)}.blue{color:#000;background:#4aa3ff}.red{color:#000;background:#ff4a4a}.yellow{color:#000;background:#ffd84a}.white{color:#000;background:#fff}@media print{*,.blue,.red,.yellow,.white{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.label{box-sizing:border-box;border:1px solid #000;flex-direction:column;padding:6px;font-family:Arial,sans-serif;display:flex;position:relative}.header{border-bottom:1px solid #000;justify-content:space-between;padding-bottom:4px;display:flex}.name{font-size:20px;font-weight:700}.symbol{font-size:18px}.meta{margin-top:6px;font-size:15px}.row{justify-content:space-between;display:flex}.cas{margin-top:auto;padding-top:4px;font-size:20px}.a4{background:#fff;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(3,1fr);width:210mm;height:297mm;margin:0;padding:0;display:grid}@media print{.a4{page-break-after:always;break-after:page}.a4:last-child{page-break-after:auto}}.footer{text-align:center;color:#555;border-top:1px solid #ddd;margin-top:2rem;padding:1rem;font-size:.8rem}.footer a{color:inherit;text-decoration:underline}.footer a:hover{opacity:.7}html,body{height:100%}