.design-artwork[data-v-95a56407]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-image[data-v-95a56407]{display:block;width:100%;height:100%;object-fit:contain}.image-failed[data-v-95a56407]{display:grid;place-items:center;width:100%;height:100%;padding:var(--ui-space-12);color:var(--ui-text-secondary);background:var(--ui-surface-soft);font-size:var(--ui-text-12)}.example-frame[data-v-36289ef3]{display:block;width:100%;height:100%;border:0;background:var(--ui-bg)}.example-frame--mobile[data-v-36289ef3]{max-width:390px}.design-collection[data-v-799e606a]{min-height:100vh;padding:calc(var(--ui-nav-height) + var(--ui-space-48)) var(--ui-space-24) var(--ui-space-72);background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-font-sans);-webkit-font-smoothing:antialiased}.design-collection[data-v-799e606a],.design-collection[data-v-799e606a] *{box-sizing:border-box}.collection-container[data-v-799e606a]{max-width:1232px;margin-inline:auto}.collection-heading[data-v-799e606a]{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-24)}.result-count[data-v-799e606a]{margin:0 0 var(--ui-space-8);color:var(--ui-text-secondary);font:var(--ui-text-11)/1.5 var(--ui-font-mono);letter-spacing:.06em}h1[data-v-799e606a]{margin:0;font-size:var(--ui-text-36);line-height:1.2;font-weight:750;letter-spacing:-.045em}.category-tabs[data-v-799e606a]{display:inline-flex;flex-shrink:0;gap:var(--ui-space-2);padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius-lg) * 4);background:var(--ui-surface)}.category-tabs .ui-button[data-v-799e606a]{min-height:var(--ui-control-height-sm);padding:var(--ui-space-6) var(--ui-space-16);border:0;border-radius:calc(var(--ui-radius-lg) * 4);background:transparent;color:var(--ui-text-secondary);font-size:var(--ui-text-13);font-weight:500}.category-tabs .ui-button[aria-pressed=true][data-v-799e606a]{color:var(--ui-bg);background:var(--ui-text)}.collection-toolbar[data-v-799e606a]{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-20);margin:var(--ui-space-24) 0}.platforms[data-v-799e606a]{display:flex;align-items:center;gap:var(--ui-space-8)}.platforms .ui-button[data-v-799e606a]{background:transparent;display:inline-flex;gap:var(--ui-space-8);align-items:center;flex-shrink:0;min-height:var(--ui-control-height-sm);padding:var(--ui-space-6) var(--ui-space-14);border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius-lg) * 4);color:var(--ui-text-secondary);font-size:var(--ui-text-13)}.platforms .ui-button[aria-pressed=true][data-v-799e606a]{background:var(--ui-text);color:var(--ui-bg);border-color:transparent}.filter-count[data-v-799e606a]{font:var(--ui-text-11)/1.2 var(--ui-font-mono);opacity:.65}.search[data-v-799e606a]{display:flex;gap:var(--ui-space-8);align-items:center;width:236px;height:var(--ui-control-height);padding:0 var(--ui-space-12);border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius-lg) * 4)}.search>svg[data-v-799e606a]{width:16px;height:16px;flex-shrink:0;color:var(--ui-text-secondary)}.search input[data-v-799e606a]{width:100%;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--ui-text);font:var(--ui-text-13)/1.4 var(--ui-font-sans)}.search input[data-v-799e606a]::placeholder{color:var(--ui-text-secondary)}.search input[data-v-799e606a]::-webkit-search-cancel-button{-webkit-appearance:none}.search-clear[data-v-799e606a]{background:transparent;border:0;flex-shrink:0;padding:0;width:20px;min-height:24px;color:var(--ui-text-secondary);font-size:var(--ui-text-20)}.search[data-v-799e606a]:focus-within{outline:2px solid var(--ui-focus);outline-offset:3px}.search input[data-v-799e606a]:focus{outline:none}.design-grid[data-v-799e606a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:var(--ui-space-16);row-gap:var(--ui-space-24)}.design-card[data-v-799e606a]{position:relative;min-width:0;animation:card-enter-799e606a .24s both;animation-delay:calc(var(--card-index) * 28ms)}.card-preview.ui-button[data-v-799e606a]{display:block;width:100%;padding:0;border:0;border-radius:var(--ui-radius-lg);background:transparent;text-align:left;white-space:normal;color:var(--ui-text)}.card-preview.ui-button[data-v-799e606a]:hover{transform:none}.card-media[data-v-799e606a]{display:block;position:relative;aspect-ratio:1.6931216931;overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-soft);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .35s}.card-media[data-v-799e606a] .design-artwork{transition:transform .5s cubic-bezier(.22,1,.36,1)}.card-preview:hover .card-media[data-v-799e606a],.card-preview:focus-visible .card-media[data-v-799e606a]{transform:translateY(-4px);border-color:var(--ui-border-strong);box-shadow:0 18px 40px -24px color-mix(in srgb,var(--ui-text) 25%,transparent)}.card-preview[data-v-799e606a]:hover .design-artwork{transform:scale(1.04)}.preview-label[data-v-799e606a]{position:absolute;left:var(--ui-space-12);bottom:var(--ui-space-12);display:inline-flex;gap:var(--ui-space-10);align-items:center;padding:var(--ui-space-6) var(--ui-space-12);border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius-lg) * 4);background:color-mix(in srgb,var(--ui-bg) 90%,transparent);color:var(--ui-text);font-size:var(--ui-text-12);opacity:0;transform:translateY(6px);transition:opacity .18s,transform .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-preview:is(:hover,:focus-visible) .preview-label[data-v-799e606a]{opacity:1;transform:translateY(0)}.card-caption[data-v-799e606a]{display:flex;flex-direction:column;gap:var(--ui-space-4);padding:var(--ui-space-12) var(--ui-space-4) 0;padding-right:var(--ui-space-72)}.card-name[data-v-799e606a]{font-size:var(--ui-text-15);font-weight:600;line-height:1.4;letter-spacing:-.02em}.card-kind[data-v-799e606a]{font-size:var(--ui-text-12);font-weight:400;color:var(--ui-text-secondary);line-height:1.5}.card-code.ui-button[data-v-799e606a]{position:absolute;right:var(--ui-space-4);bottom:var(--ui-space-20);display:inline-flex;align-items:center;gap:var(--ui-space-6);padding:var(--ui-space-4) var(--ui-space-10);min-height:28px;border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius-lg) * 4);color:var(--ui-text-secondary);background:var(--ui-bg);font-size:var(--ui-text-11)}.card-code[data-v-799e606a]:hover{color:var(--ui-text);border-color:var(--ui-border-strong)}.empty[data-v-799e606a]{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--ui-space-12);color:var(--ui-text-secondary)}.empty p[data-v-799e606a]{margin:0;font-size:var(--ui-text-15)}.empty .ui-button[data-v-799e606a]{padding:var(--ui-space-8) var(--ui-space-16);border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius-lg) * 4)}.library-notes[data-v-799e606a]{flex-shrink:0;padding:var(--ui-space-10) var(--ui-space-20);border-bottom:1px solid var(--ui-border);color:var(--ui-text-secondary);font-size:var(--ui-text-13)}.library-notes summary[data-v-799e606a]{cursor:pointer}.library-notes ul[data-v-799e606a]{margin:var(--ui-space-12) 0;padding-left:var(--ui-space-20);line-height:1.8}body:has(.library-dialog[open]){overflow:hidden}@keyframes card-enter-799e606a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){.design-grid[data-v-799e606a]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.design-collection[data-v-799e606a]{padding:calc(var(--ui-nav-height) + var(--ui-space-24)) var(--ui-space-16) var(--ui-space-48)}.collection-heading[data-v-799e606a]{align-items:flex-start;flex-direction:column;gap:var(--ui-space-20)}h1[data-v-799e606a]{font-size:var(--ui-text-28)}.category-tabs[data-v-799e606a]{width:100%}.category-tabs .ui-button[data-v-799e606a]{flex:1;padding-inline:var(--ui-space-10)}.collection-toolbar[data-v-799e606a]{align-items:stretch;flex-direction:column-reverse;gap:var(--ui-space-16);margin-block:var(--ui-space-20)}.search[data-v-799e606a]{width:100%}.platforms[data-v-799e606a]{overflow-x:auto;padding:var(--ui-space-2)}.design-grid[data-v-799e606a]{grid-template-columns:minmax(0,1fr)}.preview-label[data-v-799e606a]{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.design-collection[data-v-799e606a] *,.design-collection[data-v-799e606a] *:before,.design-collection[data-v-799e606a] *:after{animation:none!important;transition:none!important}.card-preview:hover .card-media[data-v-799e606a],.card-preview[data-v-799e606a]:hover .design-artwork{transform:none}}.library-dialog[data-v-799e606a]{width:min(1200px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);color:var(--ui-text);background:var(--ui-bg);overflow:hidden}.library-dialog[data-v-799e606a]::backdrop{background:color-mix(in srgb,var(--ui-text) 35%,transparent)}.library-dialog[open][data-v-799e606a]{display:flex;flex-direction:column}.library-dialog-header[data-v-799e606a]{display:flex;align-items:center;gap:var(--ui-space-20);padding:var(--ui-space-12) var(--ui-space-20);border-bottom:1px solid var(--ui-border);flex-shrink:0}.library-dialog-header h2[data-v-799e606a]{margin:0;font-size:var(--ui-text-16)}.library-view-tabs[data-v-799e606a]{display:flex;gap:var(--ui-space-4)}.library-dialog .ui-button[data-v-799e606a]{background:transparent;padding:var(--ui-space-5) var(--ui-space-10);font-size:var(--ui-text-13);color:var(--ui-text-secondary);border:1px solid transparent}.library-view-tabs .ui-button[aria-pressed=true][data-v-799e606a]{background:var(--ui-surface-soft);border-color:var(--ui-border);color:var(--ui-text)}.library-code-actions[data-v-799e606a]{margin-left:auto;display:flex;align-items:center;gap:var(--ui-space-6)}.library-dialog .library-close[data-v-799e606a]{font-size:var(--ui-text-24);line-height:1;padding-inline:var(--ui-space-8)}.library-dialog-preview[data-v-799e606a]{min-height:0;flex:1;display:flex;justify-content:center;background:var(--ui-surface-soft)}.library-code[data-v-799e606a]{margin:0;min-height:0;flex:1;overflow:auto;padding:var(--ui-space-20);font:var(--ui-text-12)/1.7 var(--ui-font-mono);-moz-tab-size:2;tab-size:2;color:var(--ui-text);background:var(--ui-surface)}.library-copy-error[data-v-799e606a]{margin:0;padding:var(--ui-space-8) var(--ui-space-20);color:var(--ui-danger);font-size:var(--ui-text-13)}@media(max-width:700px){.library-dialog[data-v-799e606a]{width:calc(100vw - 16px);height:calc(100dvh - 24px)}.library-dialog-header[data-v-799e606a]{padding:var(--ui-space-10) var(--ui-space-12);gap:var(--ui-space-8);flex-wrap:wrap}.library-dialog-header h2[data-v-799e606a]{flex:1}.library-code-actions[data-v-799e606a]{width:100%;justify-content:flex-end}.library-code[data-v-799e606a]{padding:var(--ui-space-12)}}