.dt-controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.dt-controls input{flex:1;min-width:200px}.dt-controls .selected{background:#1457d2;color:#fff}.dt-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.dt-card{border:1px solid #cbd5e1;border-radius:12px;padding:20px;background:#fff}.dt-card h2{font-size:21px;margin:0}.dt-card p{margin:10px 0}.dt-card-head,.dt-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.dt-card-head span{font-size:12px;color:#526174}.dt-card details{margin-top:16px}.dt-card details button{margin:8px 8px 0 0}.dt-preview{margin-top:28px;max-width:1100px}.dt-preview img{display:block;width:100%;height:auto;border:1px solid #cbd5e1;margin:16px 0}.dt-table{overflow:auto}.dt-table table{width:100%;border-collapse:collapse}.dt-table th,.dt-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left}