.ar-demo{background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin:24px 0}.ar-demo-label{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--heading-color);margin-bottom:10px;text-align:center}.ar-demo-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.ar-box{background:linear-gradient(135deg,rgb(255 182 54 / .15),rgb(155 19 65 / .15));border:2px dashed rgb(255 182 54 / .4);display:flex;align-items:center;justify-content:center;color:var(--heading-color);font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500;position:relative;overflow:hidden}.ar-box-16-9{width:280px;aspect-ratio:16 / 9}.ar-box-4-3{width:280px;aspect-ratio:4 / 3}.ar-box-1-1{width:180px;aspect-ratio:1 / 1}.ar-box-21-9{width:350px;aspect-ratio:21 / 9}.ar-box-9-16{width:140px;aspect-ratio:9 / 16;padding:8px;text-align:center;word-break:break-word}.ar-img-demo{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:24px 0}.ar-img-card{background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;width:280px}.ar-img-card img{width:100%;display:block;object-fit:cover}.ar-img-card .ar-img-no-ratio img{aspect-ratio:auto}.ar-img-card .ar-img-with-ratio img{aspect-ratio:16 / 9}.ar-img-card-label{padding:10px 14px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--secondary-text);text-align:center;border-top:1px solid var(--border-color)}.ar-responsive-demo{background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin:24px 0}.ar-responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.ar-responsive-item{aspect-ratio:1 / 1;background:linear-gradient(135deg,rgb(155 19 65 / .2),rgb(255 182 54 / .2));border:2px dashed rgb(255 182 54 / .35);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--heading-color)}.ar-video-demo{background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin:24px 0}.ar-video-placeholder{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#1a1e27,#252a35);border:2px dashed rgb(117 187 232 / .3);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--secondary-text);font-family:'IBM Plex Mono',monospace;font-size:13px}.ar-video-placeholder .play-icon{font-size:32px;color:rgb(117 187 232 / .6)}.ar-skeleton-demo{background:var(--light-bg);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin:24px 0}.ar-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ar-skeleton-card{border-radius:6px;overflow:hidden;border:1px solid var(--border-color);background:var(--mid-bg,#181c25)}.ar-skeleton-thumb{width:100%;aspect-ratio:16 / 9;background:linear-gradient(90deg,#1f2430 25%,#262c3a 50%,#1f2430 75%);background-size:200% 100%;animation:arShimmer 1.5s infinite}.ar-skeleton-text{padding:10px}.ar-skeleton-line{height:10px;background:#262c3a;border-radius:4px;margin-bottom:6px}.ar-skeleton-line:last-child{width:60%}@keyframes arShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (max-width:640px){.ar-demo-row{flex-direction:column;align-items:stretch}.ar-demo-row>div{width:100%}.ar-box-16-9,.ar-box-4-3,.ar-box-1-1,.ar-box-21-9{width:100%}.ar-box-9-16{width:50%;margin:0 auto}.ar-img-card{width:100%}.ar-skeleton-grid{grid-template-columns:1fr}.ar-responsive-grid{grid-template-columns:repeat(2,1fr)}}