:root{--bg:#f6f5ef;--card:#fffef8;--text:#2f332b;--muted:#6f7566;--line:#e3e4d7;--pri:#6f7f4e;--pri2:#5e6d41;--accent:#9baa7a;--rose:#c7b08a}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,sans-serif;max-width:1200px;margin:0 auto;padding:1rem;background:var(--bg);color:var(--text)}
header h1{margin:.2rem 0 1rem}
header a{text-decoration:none;color:#111}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--card);padding:.8rem 1rem;border-radius:14px;border:1px solid var(--line);margin-bottom:1rem}
.filter-form{display:flex;gap:.5rem;flex-wrap:wrap}
.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.pill{background:#ece9d8;color:#546136;padding:.35rem .6rem;border-radius:999px;font-size:.9rem}
input,textarea,select,button{padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff}
button,.btn{background:var(--pri);color:white;border:none;text-decoration:none;padding:.46rem .72rem;border-radius:10px;display:inline-block;font-size:.86rem;line-height:1.2}
button:hover,.btn:hover{background:var(--pri2)}
.btn-secondary{background:#0f766e}
.btn-secondary:hover{background:#115e59}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{border-bottom:1px solid var(--line);padding:.55rem;text-align:left;vertical-align:top}
th{background:#eeefdf;font-weight:600}
.thumb{width:68px;height:68px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.row-actions{white-space:nowrap}
.card{background:var(--card);padding:1rem;border-radius:12px;border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}
label{display:flex;flex-direction:column;gap:.25rem}
textarea{min-height:90px}
.preview{max-width:220px;max-height:220px;object-fit:cover;border-radius:8px}
.a6-preview{background:#fff;max-width:560px;padding:1rem;border:1px solid #ddd}

.drag-handle{cursor:grab;color:#6b7280;font-size:1.1rem;width:20px;text-align:center}
.drag-handle:active{cursor:grabbing}
.hint{color:#6b7280;font-size:.9rem;margin:.4rem 0 .7rem}

header{padding:.2rem 0 .6rem}
header h1{font-weight:700;color:#4e5b37}
.card{box-shadow:0 8px 24px rgba(139,123,214,.08)}

.row-actions a,.row-actions button{white-space:nowrap}

.row-actions > *{display:inline-block;vertical-align:middle;margin-right:.35rem}

.btn-danger{background:#b34d4d}
.btn-danger:hover{background:#9e3f3f}

.inline-export-form{display:inline-flex;align-items:center;gap:.45rem}
.inline-check{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);font-size:.92rem}
.inline-check input{margin:0}