.bleed-panel{border:1px solid #e1e5ee;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(45,55,81,.08)}.bleed-heading{background:#2d3751;color:white;padding:24px}.bleed-heading p{margin:4px 0 0;color:#e7dfce}.bleed-body{padding:24px;display:grid;gap:20px}.bleed-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.bleed-group{border:1px solid #e3e7ef;border-radius:15px;padding:18px;min-width:0}.bleed-group h2,.bleed-group legend{font-size:1.1rem;font-weight:700;color:#2d3751;margin:0 0 12px}.bleed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bleed-field label{display:block;font-weight:700;color:#2d3751;margin-bottom:5px}.bleed-field input,.bleed-field select{width:100%;min-width:0;border:1px solid #b5bfce;border-radius:9px;padding:11px;color:#202c43;background:#fff;font:inherit}.bleed-field input:focus-visible,.bleed-field select:focus-visible{outline:3px solid #c9a263;outline-offset:2px}.bleed-small{color:#56657c;font-size:.9rem;margin:8px 0 0}.bleed-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bleed-result{padding:14px;border:1px solid #e1e5ee;border-radius:12px;background:#f6f7fa;overflow-wrap:anywhere}.bleed-result strong{display:block;font-size:1.15rem;color:#2d3751}.bleed-result small{color:#56657c}.bleed-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bleed-error{color:#a41f34;min-height:1.5em;margin:0}.bleed-note{border-left:4px solid #c9a263;background:#faf6ee;padding:12px 15px}.bleed-visual{display:flex;align-items:center;justify-content:center;min-height:200px;max-height:350px}.bleed-canvas{position:relative;background:#f2d4a3;border:1px solid #9b6e2c;width:min(100%,300px)}.bleed-trim,.bleed-safe{position:absolute}.bleed-trim{border:2px solid #2d3751;background:#fff}.bleed-safe{border:2px dashed #ac7a28;background:rgba(201,162,99,.14)}.bleed-key{display:flex;flex-wrap:wrap;gap:14px;font-size:.9rem}.bleed-key span:before{content:'';display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:middle}.bleed-key .key-art:before{background:#f2d4a3}.bleed-key .key-trim:before{border:2px solid #2d3751}.bleed-key .key-safe:before{border:2px dashed #ac7a28}.bleed-group [hidden],.bleed-body [hidden]{display:none!important}@media(max-width:700px){.bleed-columns,.bleed-results{grid-template-columns:1fr}.bleed-body{padding:16px}.bleed-group{padding:14px}.bleed-heading{padding:20px}}

@media(max-width:400px){.bleed-grid{grid-template-columns:1fr}.bleed-field label{overflow-wrap:anywhere}}