.demoWrap{padding:18px 20px}.demoTabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.demoTab{border:1px solid #344052;background:#121925;color:#aeb9c9;border-radius:999px;padding:8px 14px;cursor:pointer}.demoTab.on{background:#b7ff23;color:#0b1205;border-color:#b7ff23;font-weight:800}.demoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.demoCard{border:1px solid #30394a;border-radius:16px;background:linear-gradient(160deg,#111925,#16141c);overflow:hidden;box-shadow:0 10px 25px #0004}.demoMedia{position:relative;aspect-ratio:9/16;background:#070a10}.demoMedia iframe{width:100%;height:100%;border:0}.demoCardBody{padding:14px}.demoTitle{font-size:16px;font-weight:900;color:#fff;margin-bottom:7px}.demoMeta{font-size:11px;color:#f6c945;margin-bottom:10px}.demoPrompt{width:100%;min-height:128px;box-sizing:border-box;border:1px solid #30394a;border-radius:11px;background:#090e16;color:#bdc7d5;padding:10px;resize:vertical;font:12px/1.65 system-ui}.demoActions{display:flex;gap:8px;margin-top:10px}.demoActions button{flex:1;border:1px solid #384357;border-radius:10px;background:#172131;color:#e9eef6;padding:9px;cursor:pointer}.demoActions .copy{background:#b7ff23;color:#0c1207;border-color:#b7ff23;font-weight:800}.demoActions .done.on{background:#173f2b;color:#7fffb0;border-color:#2e8d59}.demoEmpty{grid-column:1/-1;text-align:center;padding:42px;color:#8995a8;border:1px dashed #344052;border-radius:15px}@media(max-width:700px){.demoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.demoWrap{padding:14px 10px}.demoPrompt{min-height:105px}}