.mp-backdrop{z-index:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;place-items:center;padding:24px;animation:.15s ease-out mp-fade;display:grid;position:fixed;inset:0}.mp-modal{width:min(1080px,100%);height:min(720px,100vh - 48px);color:var(--fg);background:#1e1f1e;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:220px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #0009}.mp-modal.over{outline:2px dashed var(--accent);outline-offset:-8px}.mp-side{background:#ffffff05;flex-direction:column;gap:4px;padding:18px 12px;display:flex}.mp-head{padding:4px 10px 12px;font-size:14px;font-weight:700}.mp-side button{height:40px;color:var(--dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.mp-side button:hover{color:var(--fg);background:#ffffff0d}.mp-side button.on{color:var(--fg);background:#ffffff17}.mp-side .mp-upload{color:var(--fg);background:#ffffff14;justify-content:center;margin-top:auto;font-weight:600}.mp-main{flex-direction:column;min-width:0;min-height:0;padding:16px 18px 18px;display:flex;overflow-y:auto}.mp-top{z-index:2;background:#1e1f1e;align-items:center;gap:10px;margin:-16px -18px 14px;padding:16px 18px 10px;display:flex;position:sticky;top:-16px}.mp-search{height:42px;color:var(--faint);background:#ffffff12;border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.mp-search input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.mp-close{width:38px;height:38px;color:var(--dim);cursor:pointer;background:#ffffff12;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mp-close:hover{color:var(--fg)}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.mp-tile{aspect-ratio:1;background:#ffffff0a;border:0;border-radius:16px;position:relative;overflow:hidden}.mp-action{color:var(--dim);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:color .15s,background .15s;display:flex}.mp-action:hover{color:var(--fg);background:#ffffff12}.mp-action span{font-size:13px;font-weight:600}.mp-action small{color:var(--faint);font-size:12px}.mp-gen{background:#ffffff0f}.mp-gen svg{color:var(--fg)}.mp-pic{cursor:pointer;padding:0}.mp-pic img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.mp-pic:hover img{transform:scale(1.03)}.mp-pic em{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;position:absolute;bottom:8px;left:8px}.mp-wait{color:var(--dim);background:linear-gradient(110deg,#ffffff08 30%,#ffffff17 50%,#ffffff08 70%) 0 0/200% 100%;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;animation:1.4s linear infinite mp-shimmer;display:flex}.mp-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite mp-spin;display:inline-block}.mp-make{background:#ffffff0d;border-radius:20px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px 14px;display:flex}.mp-kinds{gap:6px;display:flex}.mp-kinds button{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;transition:color .15s,background .15s}.mp-kinds button:hover{color:var(--fg)}.mp-kinds button[aria-checked=true]{color:var(--fg);background:#ffffff1f}.mp-make textarea{resize:none;width:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;padding:6px 4px 34px;font-size:14px;line-height:1.5;display:block}.mp-make-row{justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.mp-models{flex-wrap:wrap;margin-right:auto}.mp-ghost{height:38px;color:var(--dim);font:inherit;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;padding:0 16px}.mp-go{white-space:nowrap;color:#111;height:38px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 18px;font-weight:700;transition:background .15s;display:inline-flex}.mp-go:hover:not(:disabled){background:#e6e6e6}.mp-go:disabled{opacity:.45;cursor:default}.mp-problem{color:#ff8a80;margin:0 0 12px;font-size:13px}.mp-empty{color:var(--faint);text-align:center;margin:24px 0;font-size:13px}.mp-search input:focus-visible,.mp-make textarea:focus-visible{box-shadow:none!important}@keyframes mp-spin{to{transform:rotate(360deg)}}@keyframes mp-shimmer{to{background-position:-200% 0}}@keyframes mp-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.mp-backdrop,.mp-wait,.mp-spin{animation:none}}.ref-open{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.ref-picked{align-items:center;gap:12px;display:flex}.ref-picked .thumb.add{font:inherit;cursor:pointer;background:0 0;font-size:20px}.ref-change{height:32px;color:var(--fg);font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;margin-left:auto;padding:0 14px;font-size:13px}.mp-view{flex-direction:column;gap:12px;max-width:min(1100px,100%);margin:0;display:flex}.mp-view img{object-fit:contain;background:#111;border-radius:16px;max-width:100%;max-height:calc(100dvh - 150px);margin:0 auto;display:block}.mp-view figcaption{align-items:center;gap:10px;display:flex}.mp-view p{-webkit-line-clamp:2;min-width:0;color:var(--dim);-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.mp-view a.mp-go{margin-left:auto;text-decoration:none}@media (max-width:720px){.mp-backdrop{padding:0}.mp-modal{border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100%}.mp-side{flex-direction:row;padding:10px;overflow-x:auto}.mp-head{display:none}.mp-side button{flex-shrink:0}.mp-side .mp-upload{margin-top:0}.mp-side{scrollbar-width:none}.mp-make-row{flex-wrap:wrap}.mp-models{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.mp-models button{flex-shrink:0}.mp-make-row .mp-go{flex:1;justify-content:center}.mp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}