.StyleLibrary-module__s-mQ3q__page{background:var(--app-bg);min-height:100dvh;color:var(--app-text)}.StyleLibrary-module__s-mQ3q__header,.StyleLibrary-module__s-mQ3q__back,.StyleLibrary-module__s-mQ3q__actions,.StyleLibrary-module__s-mQ3q__eyebrow,.StyleLibrary-module__s-mQ3q__primary,.StyleLibrary-module__s-mQ3q__secondary,.StyleLibrary-module__s-mQ3q__search,.StyleLibrary-module__s-mQ3q__catalogHeading,.StyleLibrary-module__s-mQ3q__editorHeading,.StyleLibrary-module__s-mQ3q__notice{align-items:center;gap:.625rem;display:flex}.StyleLibrary-module__s-mQ3q__back{width:fit-content;color:var(--app-text-muted);font-size:.8125rem}.StyleLibrary-module__s-mQ3q__main{max-width:1600px;margin-inline:auto;padding:2.5rem 2.5rem 7rem}.StyleLibrary-module__s-mQ3q__breadcrumb{color:var(--app-text-subtle);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.75rem;line-height:1.6;display:flex}.StyleLibrary-module__s-mQ3q__breadcrumb a:hover{color:var(--app-accent)}.StyleLibrary-module__s-mQ3q__heading{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.StyleLibrary-module__s-mQ3q__eyebrow{color:var(--app-accent);margin-bottom:.625rem;font-size:.75rem}.StyleLibrary-module__s-mQ3q__heading h1{letter-spacing:-.035em;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:650}.StyleLibrary-module__s-mQ3q__heading p{color:var(--app-text-muted);margin-top:.625rem;font-size:.8125rem;line-height:1.7}.StyleLibrary-module__s-mQ3q__primary,.StyleLibrary-module__s-mQ3q__secondary{white-space:nowrap;cursor:pointer;border-radius:.625rem;justify-content:center;min-height:2.625rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:550}.StyleLibrary-module__s-mQ3q__primary{background:var(--app-action);color:var(--app-on-action);border:1px solid #0000}.StyleLibrary-module__s-mQ3q__primary:hover:not(:disabled){background:var(--app-action-2)}.StyleLibrary-module__s-mQ3q__secondary{border:1px solid var(--app-border-strong);background:var(--app-surface);color:var(--app-text)}.StyleLibrary-module__s-mQ3q__secondary:hover{border-color:var(--app-accent)}.StyleLibrary-module__s-mQ3q__page button:disabled{opacity:.5;cursor:not-allowed}.StyleLibrary-module__s-mQ3q__page :is(button,a,input,textarea):focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.StyleLibrary-module__s-mQ3q__workspace{align-items:flex-start;gap:1.5rem;display:flex}.StyleLibrary-module__s-mQ3q__catalog{flex:1;min-width:0}.StyleLibrary-module__s-mQ3q__filters{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;padding:1.25rem}.StyleLibrary-module__s-mQ3q__groups{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.StyleLibrary-module__s-mQ3q__groups button{color:var(--app-text-muted);cursor:pointer;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.75rem;display:flex}.StyleLibrary-module__s-mQ3q__groups small{opacity:.65;font-variant-numeric:tabular-nums;font-size:.625rem}.StyleLibrary-module__s-mQ3q__groups button[aria-pressed=true]{background:var(--app-accent-soft);border-color:var(--app-accent);color:var(--app-accent)}.StyleLibrary-module__s-mQ3q__search{border:1px solid var(--app-border);background:var(--app-surface-muted);max-width:25rem;color:var(--app-text-subtle);border-radius:.5rem;padding:.625rem .75rem}.StyleLibrary-module__s-mQ3q__search input{width:100%;min-width:0;color:var(--app-text);background:0 0;border:0;outline:0;font-size:.8125rem}.StyleLibrary-module__s-mQ3q__catalogHeading{color:var(--app-text-muted);justify-content:space-between;padding-block:1.25rem;font-size:.75rem;line-height:1.6}.StyleLibrary-module__s-mQ3q__catalogHeading span{font-variant-numeric:tabular-nums;color:var(--app-text-subtle)}.StyleLibrary-module__s-mQ3q__grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));align-items:start;gap:1rem;display:grid}.StyleLibrary-module__s-mQ3q__card{border:1px solid var(--app-border);background:var(--app-surface);text-align:start;cursor:pointer;border-radius:.875rem;min-width:0;scroll-margin-top:6rem;transition:border-color .15s,transform .15s;overflow:hidden}.StyleLibrary-module__s-mQ3q__card:hover{border-color:var(--app-border-strong);transform:translateY(-2px)}.StyleLibrary-module__s-mQ3q__card[aria-pressed=true]{border-color:var(--app-accent);background:var(--app-accent-soft)}.StyleLibrary-module__s-mQ3q__poster{aspect-ratio:9/16;background:var(--app-surface-muted);position:relative;overflow:hidden}.StyleLibrary-module__s-mQ3q__poster>img{object-fit:cover;width:100%;height:100%}.StyleLibrary-module__s-mQ3q__check{top:.625rem;background:var(--app-action);width:1.6rem;height:1.6rem;color:var(--app-on-action);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:.625rem}.StyleLibrary-module__s-mQ3q__badge{top:.625rem;color:#fff;background:#000000a6;border:1px solid #fff3;border-radius:.375rem;padding:.25rem .45rem;font-size:.625rem;position:absolute;inset-inline-start:.625rem}.StyleLibrary-module__s-mQ3q__caption{padding:.875rem}.StyleLibrary-module__s-mQ3q__caption strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:550;display:block;overflow:hidden}.StyleLibrary-module__s-mQ3q__caption p{-webkit-line-clamp:2;min-height:3em;color:var(--app-text-muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:.375rem;font-size:.6875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.StyleLibrary-module__s-mQ3q__editor{border:1px solid var(--app-border-strong);background:var(--app-surface);scrollbar-width:thin;border-radius:1rem;flex-shrink:0;width:360px;max-height:calc(100dvh - 12rem);position:sticky;top:5.5rem;overflow-y:auto}.StyleLibrary-module__s-mQ3q__editorHeading{border-bottom:1px solid var(--app-border);justify-content:space-between;padding:1.125rem 1.25rem}.StyleLibrary-module__s-mQ3q__editorHeading h2{font-size:1rem;font-weight:600}.StyleLibrary-module__s-mQ3q__editorHeading button{color:var(--app-text-muted);cursor:pointer;padding:.25rem}.StyleLibrary-module__s-mQ3q__editor form{padding:0 1.25rem 1.25rem}.StyleLibrary-module__s-mQ3q__editor fieldset{border:0;min-width:0}.StyleLibrary-module__s-mQ3q__editor fieldset>label{color:var(--app-text-muted);margin-block:1.125rem .5rem;font-size:.75rem;display:block}.StyleLibrary-module__s-mQ3q__editor label span{color:var(--app-accent);margin-inline-start:.25rem}.StyleLibrary-module__s-mQ3q__editor input:not([type=file]),.StyleLibrary-module__s-mQ3q__editor textarea{border:1px solid var(--app-border);background:var(--app-surface-muted);width:100%;color:var(--app-text);border-radius:.625rem;padding:.75rem;font-size:.8125rem;line-height:1.6}.StyleLibrary-module__s-mQ3q__editor textarea{resize:vertical;min-height:8rem}.StyleLibrary-module__s-mQ3q__counter{text-align:end;color:var(--app-text-subtle);margin-top:.25rem;font-size:.625rem;display:block}.StyleLibrary-module__s-mQ3q__editor fieldset>.StyleLibrary-module__s-mQ3q__upload{border:1px dashed var(--app-border-strong);text-align:center;cursor:pointer;border-radius:.625rem;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem .75rem;display:flex}.StyleLibrary-module__s-mQ3q__upload:hover,.StyleLibrary-module__s-mQ3q__upload:focus-within{border-color:var(--app-accent);background:var(--app-accent-soft)}.StyleLibrary-module__s-mQ3q__upload svg{color:var(--app-accent)}.StyleLibrary-module__s-mQ3q__upload strong{font-weight:500}.StyleLibrary-module__s-mQ3q__upload small{color:var(--app-text-subtle);font-size:.625rem}.StyleLibrary-module__s-mQ3q__previews{gap:.625rem;margin-top:.75rem;display:flex}.StyleLibrary-module__s-mQ3q__previews>div{width:5rem;height:5rem;position:relative}.StyleLibrary-module__s-mQ3q__previews img{object-fit:cover;border-radius:.5rem;width:100%;height:100%}.StyleLibrary-module__s-mQ3q__previews button{top:.125rem;color:#fff;cursor:pointer;background:#000000bf;border-radius:50%;padding:.25rem;position:absolute;inset-inline-end:.125rem}.StyleLibrary-module__s-mQ3q__help{color:var(--app-text-subtle);margin-block:.75rem 1.25rem;font-size:.6875rem;line-height:1.6}.StyleLibrary-module__s-mQ3q__editor .StyleLibrary-module__s-mQ3q__primary{width:100%}.StyleLibrary-module__s-mQ3q__error{color:var(--home-error,#f87171);margin-bottom:1rem;font-size:.75rem;line-height:1.6}.StyleLibrary-module__s-mQ3q__notice{color:var(--app-text-muted);padding:.75rem 0;font-size:.75rem}.StyleLibrary-module__s-mQ3q__notice button{color:var(--app-accent);cursor:pointer;text-decoration:underline}.StyleLibrary-module__s-mQ3q__empty{text-align:center;min-height:20rem;color:var(--app-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.StyleLibrary-module__s-mQ3q__empty h2{color:var(--app-text);font-size:1rem}.StyleLibrary-module__s-mQ3q__empty p{font-size:.8125rem;line-height:1.6}.StyleLibrary-module__s-mQ3q__guide{border-top:1px solid var(--app-border);margin-top:3rem;padding-top:2rem}.StyleLibrary-module__s-mQ3q__guide h2{scroll-margin-top:6rem;font-size:1.125rem;font-weight:600;line-height:1.5}.StyleLibrary-module__s-mQ3q__guide p{max-width:70rem;color:var(--app-text-muted);margin-top:.75rem;font-size:.8125rem;line-height:1.8}.StyleLibrary-module__s-mQ3q__related{color:var(--app-accent);flex-wrap:wrap;gap:.75rem 1.5rem;margin-block:1rem 2rem;font-size:.8125rem;display:flex}.StyleLibrary-module__s-mQ3q__related a:hover{text-underline-offset:.2em;text-decoration:underline}.StyleLibrary-module__s-mQ3q__faqs{max-width:70rem;margin-top:.75rem}.StyleLibrary-module__s-mQ3q__faqs details{border-bottom:1px solid var(--app-border);padding-block:1rem}.StyleLibrary-module__s-mQ3q__faqs summary{cursor:pointer;font-size:.875rem;line-height:1.6}.StyleLibrary-module__s-mQ3q__faqs summary::marker{color:var(--app-accent)}.StyleLibrary-module__s-mQ3q__faqs summary:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px}.StyleLibrary-module__s-mQ3q__footer{bottom:0;z-index:20;min-height:5rem;padding:1rem max(2.5rem,50vw - 760px);padding-bottom:max(1rem, env(safe-area-inset-bottom));background:var(--app-surface);border-top:1px solid var(--app-border-strong);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset-inline:0}.StyleLibrary-module__s-mQ3q__footer>div{min-width:0;color:var(--app-accent);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.StyleLibrary-module__s-mQ3q__footer svg{flex-shrink:0}.StyleLibrary-module__s-mQ3q__footer>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.StyleLibrary-module__s-mQ3q__footer small{color:var(--app-text-muted);white-space:nowrap;font-size:.625rem}@media (max-width:1000px){.StyleLibrary-module__s-mQ3q__main{padding:1.5rem 1.25rem 7rem}.StyleLibrary-module__s-mQ3q__workspace:has(.StyleLibrary-module__s-mQ3q__editor){flex-direction:column-reverse}.StyleLibrary-module__s-mQ3q__editor{width:100%;max-height:none;position:static}.StyleLibrary-module__s-mQ3q__catalog{width:100%}.StyleLibrary-module__s-mQ3q__footer{padding-inline:1.25rem}}@media (max-width:640px){.StyleLibrary-module__s-mQ3q__main{padding:1.5rem 1rem 8rem}.StyleLibrary-module__s-mQ3q__heading{flex-direction:column;align-items:stretch}.StyleLibrary-module__s-mQ3q__actions>button{flex:1}.StyleLibrary-module__s-mQ3q__filters{padding:.875rem}.StyleLibrary-module__s-mQ3q__groups{max-height:9rem;overflow-y:auto}.StyleLibrary-module__s-mQ3q__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.StyleLibrary-module__s-mQ3q__caption{padding:.75rem}.StyleLibrary-module__s-mQ3q__footer{gap:.625rem;padding-inline:1rem}.StyleLibrary-module__s-mQ3q__footer .StyleLibrary-module__s-mQ3q__primary{padding-inline:.75rem;font-size:.75rem}.StyleLibrary-module__s-mQ3q__footer small{display:none}}@media (max-width:767px){.StyleLibrary-module__s-mQ3q__groups button{min-height:var(--app-icon-control-size);gap:var(--app-control-gap);padding:4px 6px;font-size:11px;line-height:18px}.StyleLibrary-module__s-mQ3q__primary,.StyleLibrary-module__s-mQ3q__secondary{min-height:var(--app-control-height);gap:var(--app-control-gap);padding:5px var(--app-control-padding-inline);font-size:var(--app-control-font-size);line-height:18px}.StyleLibrary-module__s-mQ3q__primary{min-height:var(--app-primary-control-height);line-height:18px}.StyleLibrary-module__s-mQ3q__primary svg,.StyleLibrary-module__s-mQ3q__secondary svg{width:15px;height:15px}}
