/* "Make it yours" panel, shared by /leaks/ and /catch/ */
.makeit{width:calc(100% - 32px);max-width:848px;margin:12px 16px 0;background:var(--card);border:1px solid rgba(0,0,0,.08);border-radius:16px}
.makeit summary{cursor:pointer;list-style:none;padding:12px 16px;font-family:"Fraunces",serif;font-weight:700;font-size:17px;color:var(--ink);display:flex;align-items:center;gap:8px}
.makeit summary::-webkit-details-marker{display:none}
.makeit summary::before{content:"+";width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:"DM Sans",sans-serif;font-size:15px}
.makeit[open] summary::before{content:"–"}
.makeit-form{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding:0 16px 14px}
.makeit-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--mid)}
.makeit-form input:not([type=color]){font:500 15px "DM Sans",sans-serif;padding:9px 11px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#fff;color:#1c1a16;min-width:170px}
.makeit-form .swatch input{width:52px;height:40px;padding:2px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#fff;cursor:pointer}
.makeit-actions{display:flex;gap:8px;flex-wrap:wrap}
.makeit-actions button{font:700 14px "DM Sans",sans-serif;border-radius:999px;padding:10px 16px;cursor:pointer;border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
.makeit-actions button[type=submit]{background:var(--ink);color:#fff}
.makeit-note{width:100%;font-size:12px;color:var(--mid);overflow-wrap:anywhere}