テーマ選択カード2枚並び(ミニプレビュー付き)

<div class="d11-15-04-cards">
          <div class="d11-15-04-card d11-15-04-selected">
            <div class="d11-15-04-preview d11-15-04-preview-light">
              <span class="d11-15-04-bar"></span>
              <span class="d11-15-04-line"></span>
              <span class="d11-15-04-line d11-15-04-short"></span>
            </div>
            <span class="d11-15-04-name">ライト</span>
            <span class="d11-15-04-check">✓</span>
          </div>
          <div class="d11-15-04-card">
            <div class="d11-15-04-preview d11-15-04-preview-dark">
              <span class="d11-15-04-bar"></span>
              <span class="d11-15-04-line"></span>
              <span class="d11-15-04-line d11-15-04-short"></span>
            </div>
            <span class="d11-15-04-name">ダーク</span>
          </div>
        </div>

.d11-15-04-cards{display:flex;gap:12px}
        .d11-15-04-card{position:relative;width:96px;padding:8px;border-radius:10px;border:2px solid #e5e7eb;text-align:center;box-sizing:border-box}
        .d11-15-04-selected{border-color:#6366f1}
        .d11-15-04-preview{border-radius:6px;padding:8px 7px;display:flex;flex-direction:column;gap:5px;margin-bottom:7px;box-sizing:border-box}
        .d11-15-04-preview-light{background:#f8fafc;border:1px solid #e2e8f0}
        .d11-15-04-preview-dark{background:#1e293b}
        .d11-15-04-bar{display:block;height:5px;border-radius:3px;background:#6366f1;width:40%}
        .d11-15-04-line{display:block;height:4px;border-radius:2px;background:#cbd5e1}
        .d11-15-04-preview-dark .d11-15-04-line{background:#475569}
        .d11-15-04-short{width:60%}
        .d11-15-04-name{font-size:11.5px;color:#374151;font-weight:600}
        .d11-15-04-check{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;background:#6366f1;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}