.mixin-preview__overlay{z-index:1050;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mixin-preview{background-color:var(--fm-bg-deep);border:1px solid var(--fm-border-strong);border-radius:.75rem;flex-direction:column;width:560px;max-height:80vh;display:flex;box-shadow:0 8px 32px #00000080}.mixin-preview__header{border-bottom:1px solid var(--fm-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mixin-preview__title{color:var(--fm-text);margin:0;font-size:1rem;font-weight:700}.mixin-preview__close{color:var(--fm-text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.mixin-preview__close:hover{color:var(--fm-text)}.mixin-preview__body{flex:1;min-height:0;padding:1rem 1.25rem;overflow-y:auto}.mixin-preview__desc{color:var(--fm-text-muted);margin:0 0 .75rem;font-size:.85rem;line-height:1.5}.mixin-preview__meta{color:var(--fm-text-dim);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.7rem;display:flex}.mixin-preview__author{color:var(--fm-text-muted);align-items:center;gap:.3rem;display:flex}.mixin-preview__avatar{object-fit:cover;border-radius:50%;width:16px;height:16px}.mixin-preview__tag{color:var(--fm-gold-dim);background-color:#c8a24e1a;border:1px solid #c8a24e26;border-radius:.5rem;padding:.05rem .45rem}.mixin-preview__rules-header{border-bottom:1px solid var(--fm-border);align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.35rem;display:flex}.mixin-preview__rules-label{color:var(--fm-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.mixin-preview__rules-count{color:var(--fm-text-dim);background-color:var(--fm-bg-surface);border-radius:.2rem;padding:.1rem .4rem;font-size:.7rem}.mixin-preview__rules{flex-direction:column;gap:.25rem;display:flex}.mixin-preview__loading,.mixin-preview__empty{color:var(--fm-text-muted);padding:.5rem 0;font-size:.8rem}.mixin-preview__error{color:#e87c86;font-size:.8rem}.mixin-preview__rule{background-color:var(--fm-bg-surface);border:1px solid var(--fm-border);border-radius:.25rem;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.8rem;display:flex}.mixin-preview__rule-index{color:var(--fm-text-dim);text-align:right;min-width:1.2rem;font-size:.7rem}.mixin-preview__rule-badge{text-transform:uppercase;color:#5dd879;background-color:#5dd87926;border:1px solid #5dd87940;border-radius:.15rem;flex-shrink:0;padding:.1rem .35rem;font-size:.6rem;font-weight:700}.mixin-preview__rule-badge--hide{color:#e87c86;background-color:#dc354526;border-color:#dc354540}.mixin-preview__rule-desc{color:var(--fm-text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mixin-preview__footer{border-top:1px solid var(--fm-border);flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;display:flex}.mixins-page{max-width:700px;margin:0 auto;padding:2rem 0 3rem}.mixins-page__title{color:var(--fm-text);margin-bottom:.25rem;font-size:1.5rem}.mixins-page__subtitle{color:var(--fm-text-muted);margin-bottom:1.25rem;font-size:.9rem}.mixins-page__controls{gap:.5rem;margin-bottom:.75rem;display:flex}.mixins-page__search-wrapper{flex:1;position:relative}.mixins-page__search{width:100%}.mixins-page__tag-suggestions{background-color:var(--fm-bg-surface);border:1px solid var(--fm-border-strong);z-index:1;border-radius:.25rem;max-height:200px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.mixins-page__tag-suggestion{text-align:left;width:100%;color:var(--fm-text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.35rem .6rem;font-size:.8rem;display:flex}.mixins-page__tag-suggestion:hover{color:var(--fm-gold);background-color:#c8a24e1a}.mixins-page__tag-suggestion-count{color:var(--fm-text-dim);font-size:.7rem}.mixins-page__sort{width:auto}.mixins-page__tags{flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;display:flex}.mixins-page__tag{cursor:pointer;border:1px solid var(--fm-border);color:var(--fm-text-muted);background:0 0;border-radius:.85rem;padding:.2rem .7rem;font-size:.75rem;transition:all .12s}.mixins-page__tag:hover{border-color:var(--fm-gold);color:var(--fm-gold)}.mixins-page__tag--active{border-color:var(--fm-gold);color:var(--fm-gold);background-color:#c8a24e26}.mixins-page__tag--more{border-style:dashed;font-style:italic}.mixins-page__loading{color:var(--fm-text-muted)}.mixins-page__empty{color:var(--fm-text-muted);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;display:flex}.mixins-page__empty i{color:var(--fm-gold-dim);font-size:2.5rem}.mixins-page__list{flex-direction:column;gap:.5rem;display:flex}.mixins-page__card{background-color:var(--fm-bg-surface);border:1px solid var(--fm-border);cursor:pointer;border-radius:.5rem;align-items:flex-start;gap:1rem;padding:.85rem 1rem;transition:border-color .15s,background-color .15s;display:flex}.mixins-page__card:hover{border-color:var(--fm-gold-dim);background-color:var(--fm-bg-elevated)}.mixins-page__card-info{flex:1;min-width:0}.mixins-page__card-name{color:var(--fm-text);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.mixins-page__card-desc{color:var(--fm-text-muted);margin-bottom:.35rem;font-size:.8rem;line-height:1.5}.mixins-page__card-meta{color:var(--fm-text-dim);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.7rem;display:flex}.mixins-page__card-tag{color:var(--fm-gold-dim);background-color:#c8a24e1a;border:1px solid #c8a24e26;border-radius:.5rem;padding:.05rem .45rem}.mixins-page__card-author{color:var(--fm-text-muted);align-items:center;gap:.3rem;display:flex}.mixins-page__card-avatar{object-fit:cover;border-radius:50%;width:16px;height:16px}.mixins-page__pagination{justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.mixins-page__page-info{color:var(--fm-text-muted);font-size:.8rem}.mixins-page__follow-btn{width:1.8rem;height:1.8rem;color:var(--fm-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;font-size:1rem;transition:color .12s;display:flex}.mixins-page__follow-btn:hover,.mixins-page__follow-btn--following{color:var(--fm-gold)}.mixins-page__login-overlay{z-index:1050;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mixins-page__login-prompt{background-color:var(--fm-bg-deep);border:1px solid var(--fm-border-strong);text-align:center;border-radius:.75rem;max-width:360px;padding:1.25rem;box-shadow:0 8px 32px #00000080}.mixins-page__login-prompt h3{color:var(--fm-text);margin:0 0 .5rem;font-size:1rem}.mixins-page__login-prompt p{color:var(--fm-text-muted);margin:0 0 1rem;font-size:.85rem;line-height:1.5}.mixins-page__login-actions{justify-content:center;gap:.5rem;display:flex}