*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#1a1a2e;color:#e0e0e0;line-height:1.6}.skip-link{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:#6bc4f7;color:#0d1117;border-radius:0 0 6px 6px;font-weight:600;text-decoration:none;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:2rem;color:#fff;margin-bottom:.5rem}.subtitle{color:#a0a0b0;max-width:520px;margin:0 auto 1rem}.github-link{display:inline-block;padding:.5rem 1.25rem;background:#2d2d44;color:#6bc4f7;text-decoration:none;border-radius:6px;font-size:.875rem;transition:background .2s}.github-link:hover{background:#3a3a55}.github-link:focus-visible{outline:2px solid #6bc4f7;outline-offset:2px}.examples{display:flex;flex-direction:column;gap:2.5rem}.example{background:#16213e;border:1px solid #2a2a4a;border-radius:10px;padding:1.5rem}.example h2{font-size:1.25rem;color:#fff;margin-bottom:.5rem}.example p{color:#a0a0b0;font-size:.9rem;margin-bottom:1rem}.preview-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.preview-box{border:1px solid #333;border-radius:4px;overflow:hidden;flex-shrink:0}.frame-info{font-family:monospace;font-size:.85rem;color:#6bc4f7}.code-block{background:#0d1117;border:1px solid #2a2a4a;border-radius:6px;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.5}.code-block code{color:#c9d1d9;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace}.code-var-toggle{background:none;border:none;border-bottom:1px dashed #6bc4f7;color:#6bc4f7;font:inherit;cursor:pointer;padding:0;line-height:inherit}.code-var-toggle:hover{color:#9dd5fa;border-bottom-color:#9dd5fa}.code-var-toggle:focus-visible{outline:2px solid #6bc4f7;outline-offset:2px;border-radius:2px}.code-var-expansion{color:#8b949e}.footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #2a2a4a;color:#9a9ab0;font-size:.85rem}.footer a{color:#6bc4f7;text-decoration:none}.footer a:hover{text-decoration:underline}.footer a:focus-visible{outline:2px solid #6bc4f7;outline-offset:2px}@media(max-width:600px){.preview-row{flex-direction:column}}@layer components{.cj-flip-previewer{display:inline-block;-webkit-user-select:none;user-select:none;touch-action:none}.cj-flip-previewer:focus-visible{outline:var(--cj-flip-focus-outline, 2px solid #005fcc);outline-offset:var(--cj-flip-focus-outline-offset, 2px)}.cj-flip-previewer__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cj-flip-previewer__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.cj-flip-previewer__link{display:block;width:100%;height:100%}.cj-flip-previewer__debug{position:absolute;top:2px;left:2px;font-family:monospace;font-size:var(--cj-flip-debug-font-size, 11px);background:var(--cj-flip-debug-bg, rgba(0, 0, 0, .6));color:var(--cj-flip-debug-color, #fff);padding:2px 6px;border-radius:3px;pointer-events:none;z-index:10}.cj-flip-previewer__progress{position:absolute;top:0;left:0;width:100%;height:var(--cj-flip-progress-height, 4px);background:var(--cj-flip-progress-bg, rgba(0, 0, 0, .3));z-index:20;overflow:hidden}.cj-flip-previewer__progress-bar{height:100%;background:var(--cj-flip-progress-color, #6bc4f7);transition:width var(--cj-flip-progress-speed, .2s) ease}}