:root{--brand:#0f4f68; --ink:#0f172a; --muted:#6b7280; --border:#e5e7eb; --card:#ffffff;}
*{box-sizing:border-box}
.dsb-wrap{max-width:860px;margin:0 auto;padding:18px 16px}
.dsb-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 24px rgba(2,8,20,.05)}
.dsb-card h2{font-size:16px;margin:0 0 12px}
.dsb-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}
@media(max-width:520px){.dsb-row{grid-template-columns:1fr}}
.dsb-label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}
.dsb-input,.dsb-textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:14px}
.dsb-input:focus,.dsb-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,79,104,.15)}
.dsb-textarea{min-height:100px;resize:vertical}
.dsb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.dsb-btn{cursor:pointer;border-radius:10px;border:1px solid var(--border);background:var(--brand);color:#fff;padding:10px 14px;font-weight:700}
.dsb-note{font-size:13px;margin-top:10px}