/* START_SECTION:canvas-abh (INDEX:17) */
.abh-tool{max-width:1180px;margin:40px auto 60px;padding:0 22px;color:#292c34}.abh-heading{margin-bottom:28px}.abh-heading>span{font-size:11px;color:#b55719;letter-spacing:.18em;font-weight:750}.abh-heading h1{font-size:38px;margin:10px 0;font-weight:750}.abh-heading p{color:#6b7280;font-size:16px}.abh-layout{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}.abh-controls{padding:24px;border:1px solid #f0dfd1;border-radius:22px;background:#fffaf4}.abh-drop{display:flex;flex-direction:column;gap:10px;border:2px dashed #e7b38a;border-radius:16px;padding:28px 16px;background:white;text-align:center;cursor:pointer}.abh-drop strong{font-size:18px;color:#bc5815}.abh-drop span,.abh-drop small{color:#6b7280}.abh-drop input{max-width:100%;font-size:12px}.abh-drop.is-dragging{background:#ffead6;border-color:#f97a1f}.abh-spec{font-size:14px;line-height:1.6;margin-top:22px}.abh-spec p{margin-bottom:14px}.abh-status{font-size:13px;overflow-wrap:anywhere;color:#6b7280;min-height:40px}.abh-controls button{display:block;width:100%;padding:15px;border:0;border-radius:12px;background:#ed741b;color:white;font-weight:700;cursor:pointer}.abh-controls button:disabled{opacity:.4;cursor:not-allowed}.abh-private{font-size:12px;color:#7d8087;text-align:center;margin:14px 0 0}.abh-preview{padding:16px;border:1px solid #e6e7ea;border-radius:22px;background:#f0f1f3}.abh-preview canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:white;box-shadow:0 4px 20px #0000000a}.abh-preview>span{display:block;text-align:center;font-size:12px;color:#6b7280;padding-top:12px}@media(max-width:767px){.abh-tool{margin:26px auto 40px;padding:0 16px}.abh-heading h1{font-size:30px}.abh-layout{grid-template-columns:1fr;gap:20px}.abh-controls{padding:18px}.abh-preview{padding:10px;border-radius:16px}}
.abh-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}.abh-result{padding:14px;border:1px solid #e7e4df;border-radius:18px;background:#fff;min-width:0}.abh-result img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;border:1px solid #eee}.abh-result h2{font-size:14px;overflow-wrap:anywhere;margin:12px 0 8px}.abh-result p{font-size:12px;color:#69707d}.abh-result a{display:block;padding:12px;text-align:center;background:#fff0e2;color:#a84d13;border-radius:10px;font-weight:700;text-decoration:none}.abh-error{color:#ad3e14!important;font-size:13px;overflow-wrap:anywhere}.abh-drop:focus-within,.abh-result a:focus-visible{outline:2px solid #c85d15;outline-offset:3px}@media(max-width:500px){.abh-results{grid-template-columns:1fr}}
/* END_SECTION:canvas-abh */