:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--bg-primary: #242424;--bg-secondary: rgba(0, 0, 0, .3);--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .2);--shadow: rgba(0, 0, 0, .3);--link-color: #60a5fa;--link-hover: #93c5fd;--code-color: #4ade80;--toggle-bg: rgba(255, 255, 255, .1);--toggle-border: rgba(255, 255, 255, .2);--toggle-hover-bg: rgba(255, 255, 255, .2);--button-bg: rgba(255, 255, 255, .1);--button-hover-bg: rgba(255, 255, 255, .2);color:var(--text-primary);background-color:var(--bg-primary)}:root.light{--bg-primary: #f5f5f7;--bg-secondary: #e8e8eb;--bg-card: #ffffff;--bg-card-hover: #fafafa;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-tertiary: #8a8a8a;--border-color: #d1d1d6;--shadow: rgba(0, 0, 0, .12);--link-color: #0066cc;--link-hover: #004999;--code-color: #059669;--toggle-bg: #ffffff;--toggle-border: #d1d1d6;--toggle-hover-bg: #fafafa;--button-bg: #ffffff;--button-hover-bg: #fafafa;color:var(--text-primary);background-color:var(--bg-primary)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;min-width:320px;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}#app{width:100%}.theme-toggle[data-v-39652489]{position:fixed;top:2rem;right:2rem;background:var(--toggle-bg);border:1px solid var(--toggle-border);color:var(--text-primary);padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 2px 8px var(--shadow)}.theme-toggle[data-v-39652489]:hover{transform:scale(1.1);background:var(--toggle-hover-bg)}.theme-toggle svg[data-v-39652489]{display:block}@media(max-width:768px){.theme-toggle[data-v-39652489]{top:1rem;right:1rem;padding:.6rem}}.container[data-v-ba28947d]{max-width:1200px;margin:0 auto;padding:2rem}header[data-v-ba28947d]{text-align:center;margin-bottom:3rem}h1[data-v-ba28947d]{font-size:3.5rem;margin:0;font-weight:700}.subtitle[data-v-ba28947d]{font-size:1.2rem;opacity:.8;margin-top:.5rem}.usage[data-v-ba28947d]{text-align:center;margin-bottom:4rem}.usage h2[data-v-ba28947d]{font-size:1.8rem;margin-bottom:1rem}.code-block[data-v-ba28947d]{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin:1rem auto;max-width:700px;display:flex;align-items:center;gap:1rem}.method-tag[data-v-ba28947d]{font-weight:700;font-size:1rem;color:#22c55e;background:#22c55e1a;padding:.4rem .8rem;border-radius:4px;flex-shrink:0}.code-block code[data-v-ba28947d]{font-family:Courier New,monospace;font-size:1.1rem;color:var(--code-color);flex:1;word-break:break-all;overflow-wrap:break-word}.copy-button[data-v-ba28947d]{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.copy-button svg[data-v-ba28947d]{display:block}.copy-button span[data-v-ba28947d]{padding:0 .25rem}.copy-button[data-v-ba28947d]:hover{background:var(--button-hover-bg);transform:translateY(-1px)}.copy-button.copied[data-v-ba28947d]{background:#22c55e33;border-color:#22c55e;color:#22c55e}.example[data-v-ba28947d]{margin-top:1rem;opacity:.8}.example a[data-v-ba28947d]{color:var(--link-color);text-decoration:underline}.gallery[data-v-ba28947d]{margin-bottom:4rem}.grid[data-v-ba28947d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.grid-item[data-v-ba28947d]{border-radius:12px;overflow:hidden;background:var(--bg-card);transition:transform .3s ease,box-shadow .3s ease}.grid-item[data-v-ba28947d]:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow);background:var(--bg-card-hover)}.grid-item a[data-v-ba28947d]{text-decoration:none;color:inherit;display:block;position:relative;min-height:280px}.grid-item a[data-v-ba28947d]:before{content:"";display:block;height:280px;background:var(--bg-secondary);animation:pulse-ba28947d 2s ease-in-out infinite}.grid-item a[data-v-ba28947d]:has(img):before{display:none}@keyframes pulse-ba28947d{0%,to{opacity:.4}50%{opacity:.6}}.grid-item img[data-v-ba28947d]{width:100%;height:280px;object-fit:cover;object-position:top;display:block;opacity:.85;transition:opacity .3s ease}.grid-item:hover img[data-v-ba28947d]{opacity:1}.info[data-v-ba28947d]{padding:1rem;text-align:center}.info.no-image[data-v-ba28947d]{padding:3rem 1rem;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center}.status-code[data-v-ba28947d]{font-size:2rem;font-weight:700;margin-bottom:.25rem}.status-text[data-v-ba28947d]{font-size:.95rem;opacity:.7}footer[data-v-ba28947d]{text-align:center;padding:2rem 0;opacity:.6}footer a[data-v-ba28947d]{color:inherit;text-decoration:underline}.small-text[data-v-ba28947d]{font-size:.7rem}@media(max-width:768px){h1[data-v-ba28947d]{font-size:2.5rem}.grid[data-v-ba28947d]{grid-template-columns:1fr}.code-block[data-v-ba28947d]{flex-direction:column;align-items:stretch;gap:.75rem}.method-tag[data-v-ba28947d]{text-align:center}.code-block code[data-v-ba28947d]{font-size:.9rem;text-align:center}.copy-button[data-v-ba28947d]{width:100%}}.container[data-v-82bbf4d5]{max-width:900px;margin:0 auto;padding:2rem}.back-link[data-v-82bbf4d5]{display:inline-block;color:var(--link-color);text-decoration:none;margin-bottom:2rem;transition:opacity .3s ease}.back-link[data-v-82bbf4d5]:hover{opacity:.8}header[data-v-82bbf4d5]{text-align:center;margin-bottom:3rem}h1[data-v-82bbf4d5]{font-size:3rem;margin:0;font-weight:700}.image-section[data-v-82bbf4d5]{margin-bottom:3rem;border-radius:12px;overflow:hidden;background:var(--bg-card)}.image-section img[data-v-82bbf4d5]{width:100%;height:auto;display:block}.usage[data-v-82bbf4d5]{text-align:center;margin-bottom:4rem}.usage h2[data-v-82bbf4d5]{font-size:1.8rem;margin-bottom:1rem}.code-block[data-v-82bbf4d5]{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin:1rem auto;display:flex;align-items:center;gap:1rem}.method-tag[data-v-82bbf4d5]{font-weight:700;font-size:1rem;color:#22c55e;background:#22c55e1a;padding:.4rem .8rem;border-radius:4px;flex-shrink:0}.code-block code[data-v-82bbf4d5]{font-family:Courier New,monospace;font-size:1.1rem;color:var(--code-color);flex:1;word-break:break-all}.copy-button[data-v-82bbf4d5]{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.copy-button svg[data-v-82bbf4d5]{display:block}.copy-button span[data-v-82bbf4d5]{padding:0 .25rem}.copy-button[data-v-82bbf4d5]:hover{background:var(--button-hover-bg);transform:translateY(-1px)}.copy-button.copied[data-v-82bbf4d5]{background:#22c55e33;border-color:#22c55e;color:#22c55e}.read-more[data-v-82bbf4d5]{margin-top:1.5rem}.read-more a[data-v-82bbf4d5]{color:var(--link-color);text-decoration:none;font-size:1.1rem;transition:opacity .3s ease}.read-more a[data-v-82bbf4d5]:hover{opacity:.8;text-decoration:underline}@media(max-width:768px){h1[data-v-82bbf4d5]{font-size:2rem}.code-block[data-v-82bbf4d5]{flex-direction:column;align-items:stretch;gap:.75rem}.method-tag[data-v-82bbf4d5]{text-align:center}.code-block code[data-v-82bbf4d5]{font-size:.9rem;text-align:center}.copy-button[data-v-82bbf4d5]{width:100%}}