.drm14q{padding:16px}
.drm14q-card{
  max-width:720px;margin:24px auto;background:#fff;
  border:1px solid rgba(0,0,0,.08);border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);overflow:hidden;
}
.drm14q-head{padding:18px 18px 12px}
.drm14q-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.drm14q-title{font-size:18px;font-weight:700;margin-bottom:10px}
.drm14q-count{font-size:13px;opacity:.75;margin-bottom:10px;white-space:nowrap}
.drm14q-progress{height:8px;background:rgba(0,0,0,.06);border-radius:999px;overflow:hidden}
.drm14q-bar{display:block;height:100%;width:6%}

.drm14q-stage{padding:10px 18px 6px;min-height:260px}
.drm14q-step{will-change:transform,opacity}
.drm14q-q{font-size:22px;line-height:1.25;font-weight:650;margin:12px 0 14px}

.drm14q-hero-h{font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.3px;margin:10px 0 12px}
.drm14q-hero-s{font-size:16px;line-height:1.45;opacity:.85;margin-bottom:8px}

.drm14q-content-h{font-size:22px;line-height:1.2;font-weight:800;margin:10px 0 12px}
.drm14q-p{font-size:15px;line-height:1.55;opacity:.92;margin:10px 0}

.drm14q-panel{border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02);border-radius:14px;padding:12px;margin:10px 0 14px}
.drm14q-panel-h{font-weight:800;margin-bottom:6px}
.drm14q-panel-s{opacity:.9;margin-bottom:8px}
.drm14q-panel-ul{margin:0 0 8px 18px}
.drm14q-panel-f{opacity:.75;font-size:12px;line-height:1.45}

.drm14q-input,.drm14q-select{
  width:100%;font-size:16px;padding:12px;border:1px solid rgba(0,0,0,.14);
  border-radius:12px;outline:none;
}
.drm14q-input:focus,.drm14q-select:focus{border-color:rgba(0,0,0,.30)}

.drm14q-options{display:grid;gap:10px}
.drm14q-option{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(0,0,0,.10);border-radius:14px;cursor:pointer;user-select:none}
.drm14q-option input{transform:scale(1.1)}
.drm14q-option:hover{border-color:rgba(0,0,0,.22)}

.drm14q-footer{padding:10px 18px 18px}
.drm14q-status{min-height:22px;opacity:.9;margin:4px 0 10px}
.drm14q-actions{display:flex;gap:10px}
.drm14q-btn{border:1px solid rgba(0,0,0,.14);background:#000000;padding:10px 14px;border-radius:12px;cursor:pointer}
.drm14q-btn:disabled{opacity:.45;cursor:not-allowed}
.drm14q-hint{margin-top:10px;font-size:13px;opacity:.75}

.drm14q-loader{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0}
.drm14q-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(0,0,0,.15);border-top-color:rgba(0,0,0,.65);animation:drm14qSpin .7s linear infinite}
@keyframes drm14qSpin{to{transform:rotate(360deg)}}
.drm14q-loader-text{font-weight:700;opacity:.9}

@keyframes drm14qInLeft{from{opacity:.2;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@keyframes drm14qInRight{from{opacity:.2;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
.drm14q-in-left{animation:drm14qInLeft .18s ease-out}
.drm14q-in-right{animation:drm14qInRight .18s ease-out}
.drm14q-fade{animation:drm14qFade .2s ease-out}
@keyframes drm14qFade{from{opacity:.2}to{opacity:1}}

@media (max-width:520px){.drm14q-q{font-size:20px}.drm14q-hero-h{font-size:22px}}