.obamafy-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;max-width:1200px;margin:1rem auto;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.obamafy-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.obamafy-header h2{margin:0;font-size:1.1rem}
.obamafy-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}
.obamafy-actions button{padding:.5rem .8rem;border-radius:8px;border:1px solid #d1d5db;background:#111827;color:#fff;cursor:pointer}
.obamafy-actions button.secondary{background:#fff;color:#111827}
.obamafy-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:.75rem 0}
.obamafy-controls .row{display:flex;gap:.5rem;align-items:center}
.obamafy-controls input[type='range']{width:100%}
.obamafy-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:1rem}
.obamafy-canvas{background:#0b0b0b;display:block;width:100%;height:auto;border-radius:10px;aspect-ratio:16/9}
.obamafy-meta{font-size:.9rem;color:#374151}
.obamafy-small{font-size:.8rem;color:#6b7280}
.obamafy-preview{display:grid;grid-template-columns:1fr;gap:.5rem}
.obamafy-preview img{width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb;background:#fafafa}
@media (max-width:1100px){.obamafy-grid{grid-template-columns:1fr}}