.qpmc-container { font: 14px/1.5 system-ui, Segoe UI, Roboto, Arial; color:#222; }
.qpmc-grid { display:grid; grid-template-columns: 260px 1fr; min-height:60vh; gap:16px; }
.qpmc-nav { background:#f7f7f8; padding:16px; border-radius:12px; }
.qpmc-nav h2 { font-size:16px; margin:0 0 12px; }
.qpmc-nav ul { list-style:none; padding:0; margin:0 0 16px; }
.qpmc-nav li { margin:6px 0; }
.qpmc-nav a { display:block; padding:8px 10px; border-radius:8px; text-decoration:none; color:#222; }
.qpmc-nav a.active, .qpmc-nav a:hover { background:#e9e9ee; }
.qpmc-footer { display:grid; gap:8px; margin-top:16px; }
.qpmc-footer .import { display:inline-block; position:relative; }
.qpmc-footer input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }
.qpmc-main { padding:4px; }
.tab { display:none; }
.tab.visible { display:block; }
.qpmc-form { display:grid; gap:8px; margin:10px 0 18px; }
.qpmc-form .row { display:grid; grid-template-columns: repeat(3, 1fr); gap:8px; }
.qpmc-form label { display:grid; gap:4px; }
.qpmc-form input, .qpmc-form select, .qpmc-form button { padding:8px; border:1px solid #ccc; border-radius:8px; }
.qpmc-form button { cursor:pointer; background:#111; color:#fff; border:none; }
.list .card { padding:10px; margin:8px 0; background:#fafafa; border:1px solid #eee; border-radius:10px; }
.list .pill { display:inline-block; background:#eef; padding:6px 10px; margin:4px; border-radius:999px; }
.grid2 { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.card.small pre { font-size:12px; }
pre { background:#111; color:#f2f2f2; padding:10px; border-radius:10px; overflow:auto; }
.toast { position:fixed; bottom:12px; right:12px; background:#111; color:#fff; padding:8px 12px; border-radius:8px; opacity:0; transform:translateY(6px); transition:.2s; }
.toast.show { opacity:1; transform:translateY(0); }
.mode { font-size:12px; color:#666; }