/* Uniq LabelFlow Pro Frontend */
.ulf-section{background:#0b0b0f;color:#fff;padding:60px 20px;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ulf-container{max-width:1200px;margin:0 auto}
.ulf-center{text-align:center}
.ulf-section h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 14px}
.ulf-section h2,.ulf-section h3{color:#FFD875}
.ulf-muted{color:#aaa}
.ulf-small{color:#777;font-size:.85rem}
.ulf-card{background:#141419;border:1px solid #2a2f3d;border-radius:20px;padding:24px;color:#fff;text-decoration:none}
.ulf-btn{display:inline-block;background:#FFD875;color:#111!important;padding:12px 18px;border:0;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer}
.ulf-btn.alt{background:#2a2f3d;color:#fff!important}
.ulf-btn.danger{background:#5a1f1f;color:#fff!important}
.ulf-input{width:100%;padding:12px;margin:8px 0 18px;background:#0f1117;color:#fff;border:1px solid #2a2f3d;border-radius:10px;box-sizing:border-box}
.ulf-actions,.ulf-button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.ulf-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.ulf-stats-grid,.ulf-actions-grid,.ulf-vault-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:25px}
.ulf-stat{font-size:2.2rem;font-weight:800}
.ulf-counter{margin:20px 0;background:#141419;padding:16px;border-radius:12px;color:#FFD875;font-weight:700;text-align:center}
.ulf-mockup-area{position:relative;max-width:450px;margin:auto}
.ulf-jar-img{width:100%;display:block}
.ulf-label-img{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:42%;border-radius:4px;transition:.2s ease}
.ulf-watermark{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.7);padding:8px 12px;border-radius:8px;font-size:.8rem;color:#FFD875;font-weight:700}
.ulf-success{color:#7CFC9A}
.ulf-error{color:#ff8a8a}
.ulf-vault-item img{width:100%;border-radius:12px;margin-bottom:12px}
.ulf-request-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2a2f3d;padding:12px 0;flex-wrap:wrap}
@media (max-width:980px){
  .ulf-builder-grid,.ulf-stats-grid,.ulf-actions-grid,.ulf-vault-grid{grid-template-columns:1fr!important}
  .ulf-card{padding:20px!important}
  .ulf-btn,button{width:100%;margin-top:8px}
  #ulfMockupArea{max-width:100%!important}
  textarea,input,select{font-size:16px!important}
}
