:root{--hero1:#0d6efd;--hero2:#6610f2;}
.hero{background:linear-gradient(135deg, rgba(13,110,253,.10), rgba(102,16,242,.10));border:1px solid rgba(0,0,0,.06)}
.feature{padding:14px 16px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff}
.upload-box{border:2px dashed rgba(13,110,253,.25);border-radius:14px;padding:14px;background:rgba(13,110,253,.03)}
.content h2{color:#111;margin-top:1.25rem}
.content a{color:#0d6efd}

/* Uploader */
.dropzone{border:2px dashed rgba(13,110,253,.25);border-radius:14px;padding:18px;background:rgba(13,110,253,.02);cursor:pointer}
.dropzone.is-dragover{border-color:#6610f2;background:rgba(102,16,242,.06)}
.u-list{display:grid;gap:10px}
.u-file{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.u-file.dragging{opacity:.6}
.u-handle{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#64748b;user-select:none}
.u-meta{flex:1;min-width:0}
.u-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-size{color:#64748b;font-size:12px}

footer.bg-light a:hover{color:var(--primary2);}

/* Utilities used in templates */
hr{border:none;border-top:1px solid var(--border)}
.list-unstyled{list-style:none;padding-left:0;margin:0}

/* FAQ (details/summary) */
details{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#fff}
details + details{margin-top:10px}
summary{cursor:pointer;font-weight:600}

/* Consent banner */
.consent{position:fixed;left:0;right:0;bottom:0;padding:12px;z-index:50}
.consent-inner{max-width:1100px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px}

/* PAUSE SVG→JSX link - appended by openclaw */
a[href="/svg-to-jsx"], a[href="/svg-to-jsx/"]{display:none!important}