.tools-section{background:#f5f8fd}.tool-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.tool-nav a{padding:10px 14px;border:1px solid #cddaf0;border-radius:999px;background:#fff;color:var(--blue);font-weight:700;text-decoration:none}.tool-panel{background:#fff;border:1px solid #d8e2f2;border-radius:22px;padding:30px;margin-bottom:28px;box-shadow:0 12px 35px rgba(9,43,94,.06);scroll-margin-top:110px}.tool-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.tool-heading h2{margin:0 0 7px;font-size:clamp(1.45rem,3vw,2rem)}.tool-heading p{margin:0;color:#52647f}.tool-symbol{width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:#eaf2ff;color:#0756d9;display:grid;place-items:center;font-size:1.05rem;font-weight:900}.tool-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);gap:28px;align-items:start}.tool-form{display:grid;gap:16px}.tool-form label,.merge-grid label{display:grid;gap:7px;font-weight:700;color:#10213c}.tool-form input,.tool-form select,.merge-grid input,.merge-grid select{width:100%;border:1px solid #cbd7ea;border-radius:11px;padding:12px 13px;font:inherit;background:#fff;color:#10213c}.compact-form{max-width:900px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.crop-actions .btn{padding:11px 16px}.tool-output{min-height:220px;border:1px dashed #b9cae5;border-radius:16px;padding:20px;display:grid;gap:16px;justify-items:center;align-content:center;background:#f9fbff;overflow:hidden}.center-output{text-align:center}.qr-output{min-height:190px;min-width:190px;display:grid;place-items:center;color:#71819a}.qr-output img,.qr-output canvas{max-width:100%;height:auto}.qr-label-merger{margin-top:28px;padding:24px;border:1px solid #cad8ee;border-radius:18px;background:linear-gradient(135deg,#f7faff,#eef5ff)}.subtool-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.subtool-heading>span{background:#0756d9;color:#fff;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;text-transform:uppercase}.subtool-heading h3{margin:0 0 5px;font-size:1.25rem}.subtool-heading p{margin:0;color:#586a85}.merge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.merge-action-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.merge-status{margin:0;color:#24633f;font-weight:700}.tool-error{min-height:20px;color:#bb1e2d;margin:0}.tool-note{color:#64748b;font-size:.92rem;line-height:1.55}.crop-stage{position:relative;min-height:360px;max-height:760px;margin-top:20px;border:1px dashed #b9cae5;border-radius:16px;background:#8d9bb0;display:grid;place-items:center;overflow:hidden}.crop-stage>img{display:block;max-width:100%}.crop-stage>img[hidden],.crop-stage>span[hidden]{display:none}.crop-stage>span{color:#eef4ff;font-weight:700;padding:28px;text-align:center}.crop-stage .cropper-container{width:100%!important;max-height:760px}.cropper-view-box{outline:2px solid #09cfe3;outline-color:#09cfe3}.cropper-line,.cropper-point{background-color:#09cfe3}.cropper-point{width:12px;height:12px;opacity:1}.cropper-point.point-se{width:16px;height:16px}.cropper-modal{background-color:#071b3a;opacity:.55}@media(max-width:900px){.tool-layout{grid-template-columns:1fr}}@media(max-width:560px){.tool-panel{padding:20px}.tool-heading{align-items:center}.tool-nav{display:grid;grid-template-columns:1fr 1fr}.tool-nav a{text-align:center;font-size:.86rem}.merge-grid{grid-template-columns:1fr}.crop-stage{min-height:260px}.crop-actions .btn{flex:1 1 calc(50% - 10px)}}