.bleed-tool{margin:1.5rem 0 2rem;padding:clamp(1rem,3vw,1.8rem);background:#f4f7ff;border:1px solid #d7def0;border-radius:18px}.bleed-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bleed-fields label{display:grid;gap:.4rem;min-width:0}.bleed-fields input,.bleed-fields select{width:100%;min-width:0;min-height:46px;padding:.7rem;border:1px solid #bac5dd;border-radius:8px;background:#fff;font:inherit}.bleed-fields [aria-invalid=true]{border-color:#ac2534}.bleed-examples{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.bleed-examples button{min-height:44px;padding:.55rem .8rem;border:1px solid #bac5dd;border-radius:8px;background:white;color:#223b80;font:inherit}.bleed-result-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1rem;align-items:center;margin:1rem 0}.bleed-result-grid p{margin:.35rem 0}.bleed-result-grid strong{display:block;font-size:clamp(1.45rem,4vw,2rem);overflow-wrap:anywhere;color:#17377f}.bleed-result-grid svg{width:100%;height:180px;display:block}.bleed-diagram-note{font-size:.86rem;color:#465771;text-align:center}.bleed-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.bleed-facts div{padding:.8rem;background:white;border-radius:8px}.bleed-facts dt{font-size:.88rem;color:#465771}.bleed-facts dd{margin:.35rem 0 0;font-weight:600;overflow-wrap:anywhere}.bleed-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.bleed-actions button{min-height:44px}.bleed-tool .error:empty,#bleed-status:empty{display:none}.bleed-table{width:100%;border-collapse:collapse}.bleed-table th,.bleed-table td{text-align:left;padding:.8rem;border-bottom:1px solid #d7def0}.bleed-tool [hidden]{display:none!important}.bleed-tool button:focus-visible,.bleed-tool input:focus-visible,.bleed-tool select:focus-visible{outline:3px solid #3054bd;outline-offset:3px}@media(max-width:580px){.bleed-result-grid,.bleed-facts{grid-template-columns:1fr}.bleed-fields{gap:.85rem}.bleed-fields label:last-child{grid-column:1/-1}.bleed-result-grid svg{height:145px}.bleed-table{min-width:510px}.bleed-table-wrap{overflow:auto}.bleed-actions button{flex:1 1 130px}}
.bleed-fields label{font-size:14px}.bleed-fields input,.bleed-fields select{font-size:16px}.bleed-examples button,.bleed-actions button{font-size:14px}