.lbr-wrap{max-width:900px;margin:30px auto;font-family:Arial,sans-serif;color:#171717}
.lbr-card{background:#fff;border:1px solid #e7e7e7;border-radius:20px;padding:28px;box-shadow:0 12px 35px rgba(0,0,0,.07)}
.lbr-card h2{margin:0 0 8px;font-size:30px}
.lbr-subtitle{margin:0 0 22px;color:#666}
.lbr-drop{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:2px dashed #bbb;border-radius:16px;background:#fafafa;cursor:pointer;text-align:center;transition:.2s}
.lbr-drop:hover,.lbr-drop.is-dragging{border-color:#111;background:#f1f1f1}
.lbr-upload-icon{font-size:34px;line-height:1}
.lbr-drop small{color:#777}
.lbr-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.lbr-pane{border:1px solid #e6e6e6;border-radius:14px;padding:10px;background:#fafafa}
.lbr-pane>span{display:block;font-size:13px;font-weight:700;margin:0 0 8px;color:#666}
.lbr-pane img{display:block;width:100%;height:330px;object-fit:contain;border-radius:10px;background:#eee}
.lbr-result-bg{background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#fff;border-radius:10px}
.lbr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.lbr-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 20px;background:#111;color:#fff!important;text-decoration:none!important;cursor:pointer;font-weight:700}
.lbr-btn:disabled{opacity:.45;cursor:not-allowed}
.lbr-download{background:#16803c}
.lbr-status{min-height:22px;margin-top:14px;color:#555}
.lbr-status.error{color:#b42318}.lbr-status.success{color:#16803c}
.lbr-progress{height:8px;background:#eee;border-radius:99px;overflow:hidden;margin-top:8px}
.lbr-progress span{display:block;height:100%;width:0;background:#111;transition:width .2s}
.lbr-reset{margin-top:10px;background:none;border:0;padding:0;color:#555;text-decoration:underline;cursor:pointer}
.lbr-note{font-size:12px;color:#777;text-align:center;margin-top:10px}
@media(max-width:700px){.lbr-preview{grid-template-columns:1fr}.lbr-pane img{height:240px}.lbr-card{padding:18px}.lbr-card h2{font-size:24px}}