#mp-root{margin-top:44px;--mp-sage-1: #fbfdfc;--mp-sage-3: #eef1f0;--mp-sage-4: #e6e9e8;--mp-sage-6: #d7dad9;--mp-sage-7: #cbcfcd;--mp-sage-11: #5f6563;--mp-sage-12: #1a211e;--mp-jade-3: #e6f7ed;--mp-jade-7: #8bceb6;--mp-jade-11: #208368;--mp-blue-3: #e6f4fe;--mp-blue-7: #8ec8f6;--mp-blue-11: #0d74ce;--mp-red-11: #ce2c31}#mp-root .mp-status{color:var(--muted);font-size:.94rem;padding:28px 0}#mp-root .mp-status.is-error{color:var(--mp-red-11)}#mp-root .mp-empty{background:var(--mp-sage-1);border:1px solid var(--line);border-radius:18px;padding:40px 36px;text-align:center}#mp-root .mp-empty h2{font-size:1.2rem;font-weight:800;color:var(--ink);margin-bottom:14px}#mp-root .mp-empty p{color:var(--muted);font-size:.92rem;line-height:1.9}#mp-root .mp-empty .mp-btn.is-import{display:inline-flex;width:auto;margin-top:22px;padding:0 26px}#mp-root .mp-filters{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}#mp-root .mp-filter-group{display:flex;flex-direction:column;gap:10px}#mp-root .mp-filter-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--silver);text-transform:uppercase}#mp-root .mp-filter-chips{display:flex;flex-wrap:wrap;gap:8px}#mp-root .mp-chip{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.01em;cursor:pointer;background:var(--mp-sage-3);color:var(--mp-sage-11);border:1px solid var(--mp-sage-6);font:inherit;appearance:none;transition:background .15s ease,border-color .15s ease,color .15s ease}#mp-root .mp-chip:hover{background:var(--mp-sage-4);border-color:var(--mp-sage-7);color:var(--mp-sage-12)}#mp-root .mp-chip.is-active{background:var(--green);border-color:var(--green);color:#fff}#mp-root .mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}#mp-root .mp-card{display:flex;flex-direction:column;background:var(--mp-sage-1);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #1428230a}#mp-root .mp-thumb{width:100%;aspect-ratio:16 / 9;background:var(--mp-sage-3);object-fit:cover;display:block}#mp-root .mp-thumb-empty{width:100%;aspect-ratio:16 / 9;background:var(--mp-sage-3);display:flex;align-items:center;justify-content:center;color:var(--silver);font-size:.78rem;font-weight:700}#mp-root .mp-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}#mp-root .mp-card-title{font-size:1.02rem;font-weight:800;line-height:1.5}#mp-root .mp-card-summary{font-size:.88rem;color:var(--muted);line-height:1.8;flex:1}#mp-root .mp-tags{display:flex;flex-wrap:wrap;gap:6px}#mp-root .mp-tag{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.02em;background:var(--mp-jade-3);color:var(--mp-jade-11);border:1px solid var(--mp-jade-7)}#mp-root .mp-tag.is-usecase{background:var(--mp-blue-3);color:var(--mp-blue-11);border-color:var(--mp-blue-7)}#mp-root .mp-counts{display:flex;flex-wrap:wrap;gap:14px;font-size:.76rem;color:var(--silver);font-weight:700;padding-top:6px;border-top:1px solid var(--line)}#mp-root .mp-counts span b{color:var(--ink);font-weight:800}#mp-root .mp-updated{font-size:.72rem;color:var(--silver)}#mp-root .mp-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}#mp-root .mp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:10px;line-height:1.4;text-align:center;font-size:.84rem;font-weight:800;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}#mp-root .mp-btn.is-demo{background:var(--mp-sage-1);color:var(--green);border:1px solid var(--mp-sage-7)}#mp-root .mp-btn.is-demo:hover{background:var(--mp-sage-3);border-color:var(--green)}#mp-root .mp-btn.is-import{background:var(--green);color:#fff;border:1px solid var(--green)}#mp-root .mp-btn.is-import:hover{background:var(--green-d);border-color:var(--green-d)}#mp-root .mp-login-hint{font-size:.74rem;color:var(--muted);line-height:1.7;margin-top:2px}#mp-root .mp-login-hint strong{color:var(--ink);font-weight:700}@media(max-width:560px){#mp-root .mp-grid{grid-template-columns:1fr}}
