.bdie-wrap{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#172033}
.bdie-hero{padding:24px;border-radius:20px;background:linear-gradient(135deg,#f7fbff,#eef5ff);border:1px solid #dfe8fb;margin-bottom:18px}
.bdie-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#3157d5}
.bdie-hero h2{font-size:30px;margin:6px 0}.bdie-hero p{color:#667085}.bdie-search{width:100%;max-width:620px;padding:12px 14px;border:1px solid #cfd8e8;border-radius:12px}
.bdie-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bdie-card{text-align:left;background:#fff;border:1px solid #e2e7f0;border-radius:16px;padding:17px;cursor:pointer}
.bdie-card:hover{box-shadow:0 8px 24px rgba(20,40,80,.09)}.bdie-card span{font-size:24px}.bdie-card strong{display:block;margin:6px 0;font-size:16px}.bdie-card small{color:#667085}
.bdie-work{border:1px solid #e2e7f0;border-radius:18px;padding:20px;margin-top:18px}
.bdie-row{display:flex;gap:12px;flex-wrap:wrap}.bdie-col{flex:1 1 220px}
.bdie-input,.bdie-select{width:100%;padding:11px 12px;border:1px solid #cfd8e8;border-radius:10px;background:#fff}
.bdie-btn{background:#1f4fd6;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.bdie-secondary{background:#eef3ff;color:#2448b8;border:1px solid #d4def5;border-radius:10px;padding:9px 12px;cursor:pointer}
.bdie-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.bdie-control{background:#f8faff;border:1px solid #e4ebfa;border-radius:12px;padding:12px}.bdie-control label{display:block;font-size:13px;color:#475467;margin-bottom:6px}
.bdie-control input[type="range"]{width:100%}
.bdie-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.bdie-panel{border:1px solid #e2e7f0;border-radius:14px;padding:12px;background:#fff}
.bdie-panel h4{margin:0 0 8px}.bdie-canvas{width:100%;max-height:480px;object-fit:contain;border:1px solid #e2e7f0;border-radius:12px;background:#fafafa}
.bdie-note{font-size:13px;color:#667085}
@media(max-width:900px){.bdie-grid,.bdie-controls,.bdie-preview{grid-template-columns:1fr}}