.yd-root{font-family:inherit;color:#111827;padding:24px;max-width:1280px;margin:0 auto}.yd-demo{padding:12px 16px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:10px;font-weight:700;margin-bottom:18px}.yd-head{display:flex;justify-content:space-between;align-items:center}.yd-head h2{font-size:30px;margin:0}.yd-head h2 span{font-size:12px;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 8px;vertical-align:middle}.yd-head p{color:#64748b}.yd-tabs{display:flex;gap:8px;margin:20px 0}.yd-tabs button{border:1px solid #cbd5e1;background:#fff;padding:10px 14px;border-radius:9px;font-weight:700;cursor:pointer}.yd-tabs button.active{background:#0f172a;color:#fff;border-color:#0f172a}.yd-content{display:grid;gap:16px}.yd-grid,.yd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.yd-grid{grid-template-columns:2fr 1fr}.yd-panel,.yd-metrics article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.yd-panel h3{margin-top:0}.yd-metrics span,.yd-metrics small{display:block;color:#64748b}.yd-metrics strong{font-size:32px;display:block;margin:8px 0}.yd-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e2e8f0}.yd-primary{background:#2563eb;color:#fff;border:0;border-radius:9px;padding:12px 16px;font-weight:800;cursor:pointer}.yd-success{color:#15803d;font-weight:800}@media(max-width:760px){.yd-root{padding:14px}.yd-grid,.yd-metrics{grid-template-columns:1fr}.yd-tabs{overflow-x:auto}.yd-tabs button{white-space:nowrap}}