/* Global container with requested background color */
.etp-wrap{max-width:1100px;margin:1rem auto;padding:12px;background:#e5e6e5;border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.12);color:#fff;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.etp-title{margin:.2rem 0 1rem;color:black}

/* Grid layout */
.etp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* Cards remain white for contrast */
.etp-card{background:#ffffff;color:#1f2937;border:1px solid #e6e6eb;border-radius:12px;padding:14px}

/* Drag & drop */
.etp-drop{border:2px dashed #c9c9d1;border-radius:10px;padding:18px;text-align:center;cursor:pointer;background:#fafbff}
.etp-drop.dragover{background:#eef4ff;border-color:#6aa0ff}
.etp-drop input[type=file]{display:block;margin:0 auto 8px}

/* Sheets list */
.etp-sheets{display:flex;flex-wrap:wrap;gap:10px;margin:.5rem 0}
.etp-sheets .sheet-item{padding:6px 10px;border:1px solid #ddd;border-radius:8px;background:#f9fafb}

/* Options */
.etp-options{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;margin:.5rem 0}
.etp-options label{display:flex;flex-direction:column;font-size:.92rem}

/* Actions */
.etp-actions{margin-top:.5rem;display:flex;gap:10px;flex-wrap:wrap}
.etp-btn{background:#4b5563;color:#fff;border:none;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}
.etp-btn:hover{filter:brightness(1.05)}
.etp-primary{background:#2563eb}

/* Preview */
.etp-preview iframe#etp-preview{width:100%;height:520px;border:1px solid #ececf1;border-radius:8px}

/* Muted text inside dark container */
.etp-muted{color:#e5e7eb}

/* Responsive */
@media (max-width:900px){.etp-grid{grid-template-columns:1fr}}