.an-app-header{border-bottom:1px solid var(--an-border);flex-shrink:0;justify-content:flex-start;gap:12px;font-weight:600}.an-app-catalog{flex:1;padding:48px clamp(24px,5vw,80px);overflow:auto}.an-app-catalog>header{max-width:780px;margin-bottom:32px}.an-app-catalog h1{margin:0 0 10px}.an-app-catalog p{color:var(--an-muted);line-height:1.7}.an-app-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),360px));gap:20px;display:grid}.an-app-card{color:inherit;border:1px solid var(--an-border);background:var(--an-bg);border-radius:12px;flex-direction:column;padding:24px;text-decoration:none;transition:background .15s;display:flex}.an-app-card:hover{background:var(--an-hover)}.an-app-card-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.an-app-card h2{margin:0 0 6px}.an-app-card p{margin:0;font-size:14px}.an-app-card ul{color:var(--an-muted);flex-wrap:wrap;gap:8px 16px;margin:24px 0;padding:0;font-size:14px;list-style:none;display:flex}.an-app-card-action{justify-content:space-between;font-size:14px;font-weight:500;display:flex}.an-app-state{text-align:center;max-width:640px;color:var(--an-text);margin:auto;padding:40px 24px}.an-app-state h1,.an-app-state h2,.an-app-state h3{margin:0 0 12px}.an-app-state p{color:var(--an-muted);margin-bottom:22px;line-height:1.7}.an-app-state>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.an-app-state a{text-decoration:none}.an-course-library-tools{align-items:center;gap:12px;margin-bottom:24px;display:flex}.an-course-library-tools label{border:1px solid var(--an-border);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:420px;padding:9px 12px;display:flex}.an-course-library-tools input{background:0 0;border:0;width:100%;min-width:0;font-size:14px}.an-course-library-tools button{align-items:center;gap:6px;display:inline-flex}@media (max-width:767px){.an-app-catalog{padding:28px 20px}.an-app-grid{grid-template-columns:1fr}}.an-artifact-modal{flex-direction:column;height:min(820px,100dvh - 48px);max-height:calc(100dvh - 48px);display:flex;width:min(1200px,100vw - 32px)!important}.an-artifact-modal>.an-modal-body{flex:1;min-height:0;display:flex;overflow:hidden}@media (max-width:640px){.an-artifact-modal{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);width:calc(100vw - 16px)!important}}