/* Bilder */
.imgedit{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.imgprev{width:180px;max-width:100%;aspect-ratio:4/3;border:1px dashed var(--line);border-radius:10px;background:var(--raised);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted);font-size:13px}
.imgprev img{width:100%;height:100%;object-fit:cover;display:block}
.imgbtns{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.cardimg{width:100%;max-width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--raised);display:block}
.ava{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--c, var(--line));background:var(--raised)}
.ava.sm{width:22px;height:22px}
/* Zeichnen */
.drawdlg{width:min(1220px,100%)}
.drawwrap{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:760px){.drawwrap{grid-template-columns:1fr}}
.tools{display:flex;flex-direction:column;gap:12px}
.toolbtns{display:grid;gap:4px}
.toolbtns button{text-align:left}
.toolbtns button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.swatches{display:grid;grid-template-columns:repeat(5,26px);gap:6px}
.swatches button{aspect-ratio:1;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}
.swatches button.on{outline:2px solid var(--ink);outline-offset:2px}
canvas.paper{width:min(100%, calc(72vh * 4 / 3));aspect-ratio:4/3;height:auto;background:#fff;border:1px solid var(--line);border-radius:8px;touch-action:none;cursor:crosshair;display:block}