.examples-app{min-height:100vh;background:#fff;color:#0a0a0a;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.examples-app *{box-sizing:border-box}.examples-app a,.examples-app button,.examples-app summary{-webkit-tap-highlight-color:transparent}.examples-app button{cursor:pointer}.examples-app button:disabled{cursor:wait;opacity:.55}.examples-app :is(a,button,summary,video,[tabindex]):focus-visible{outline:3px solid #b88600;outline-offset:5px}.examples-header{border-bottom:1px solid #f4f4f5;background:#fff}.examples-header-inner{max-width:1552px;margin:auto;padding:0 56px;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:space-between;gap:24px}.examples-brand{display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.9px;white-space:nowrap}.examples-brand svg{color:#0a0a0a}.examples-nav{display:flex;align-items:center;gap:36px}.examples-nav a{padding:21px 0 16px;color:#71717a;font-size:16px}.examples-nav a[aria-current]{color:#0a0a0a;font-weight:650;border-bottom:3px solid #ffd600}.examples-account{justify-self:end;min-width:126px;display:flex;justify-content:flex-end}.examples-account>button{border:1px solid #27272a;padding:8px 24px;border-radius:12px;font-size:15px;background:#fff}.examples-main{width:calc(100% - 112px);max-width:1440px;margin:0 auto;padding:32px 0 64px}.examples-intro h1{font-size:clamp(32px,3.1vw,44px);line-height:1.25;font-weight:800;letter-spacing:-1.6px;margin:0}.examples-intro>p{margin:8px 0 30px;color:#71717a;font-size:18px;line-height:1.5}.examples-preview-notice{color:#846414;font-size:12px;margin:4px 0 10px}.examples-main:has(.examples-preview-notice) .examples-intro>p{margin-bottom:0}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.example-card{min-width:0}.example-card-frame{position:relative;aspect-ratio:1;border-radius:12px;background:#18181b}.example-card-preview{display:block;position:relative;width:100%;height:100%;overflow:hidden;border:0;border-radius:inherit;padding:0;background:transparent;color:#fff}.example-card-poster,.example-card-poster>.example-image-fallback,.example-card-poster>img,.example-card-preview video{position:absolute;inset:0;width:100%;height:100%}.example-card-preview video{object-fit:contain}.example-card-poster>img{object-fit:cover}.example-card-media-status{position:absolute;inset:0;display:grid;place-content:center;padding:24px 24px 88px;background:#18181ba6;font-size:14px;line-height:1.6;text-align:center}.examples-copy{position:absolute;right:16px;bottom:16px;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border:0;border-radius:9px;background:#ffd600;color:#0a0a0a;font-weight:650;font-size:15px}.examples-copy:hover:not(:disabled){background:#f0c900}.examples-copy-feedback{margin-top:12px;padding:12px 16px;background:#fafaf9;border-left:3px solid #eab308;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.examples-copy-feedback p{margin:0}.examples-copy-feedback button{text-decoration:underline;margin-top:6px}.example-image-fallback{gap:8px;background:#f4f4f5;color:#71717a;font-size:12px}.example-image-fallback,.examples-state{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.examples-state{min-height:400px;gap:20px;padding:40px 20px}.examples-state h2{font-size:25px;font-weight:650}.examples-state p{max-width:540px;color:#71717a;line-height:1.8}.examples-state :is(button,a){display:inline-flex;gap:10px;align-items:center;background:#ffd600;color:#0a0a0a;padding:12px 22px;border-radius:10px;font-weight:600}@media (max-width:1100px){.examples-main{width:calc(100% - 64px)}.examples-header-inner{display:flex;padding:0 32px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.examples-header-inner{height:auto;min-height:72px;padding:18px 20px 0;flex-wrap:wrap;gap:12px}.examples-brand{font-size:20px;gap:8px}.examples-brand svg{width:26px}.examples-account{min-width:0}.examples-account>button{padding:6px 15px;font-size:13px}.examples-nav{order:3;width:100%;justify-content:center;gap:32px}.examples-nav a{padding:10px 0;font-size:14px}.examples-main{width:calc(100% - 40px);padding-top:28px}.examples-intro h1{font-size:30px;letter-spacing:-1px;line-height:1.4;max-width:15em;text-wrap:balance}.examples-intro>p{font-size:15px;margin-top:12px;margin-bottom:24px}.examples-preview-notice{margin-top:4px;font-size:11px}.examples-grid{grid-template-columns:minmax(0,1fr);gap:20px}.examples-state h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.examples-app *,.examples-app :before{transition:none!important;scroll-behavior:auto!important}}