.acc-main{max-width:1040px}.acc-header h1{margin-bottom:.25rem}.acc-sub{margin-top:0;color:#475569;max-width:60ch}.acc-sub code,.acc-card-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.acc-playground{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2.5rem}@media(max-width:720px){.acc-playground{grid-template-columns:1fr}}.acc-pane{display:flex;flex-direction:column}.acc-label{display:block;margin:.75rem 0 .35rem;font-weight:600;font-size:.85rem;color:#334155}.acc-label:first-child{margin-top:0}.acc-input{box-sizing:border-box;width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;resize:vertical}.acc-mathfield{box-sizing:border-box;width:100%;min-height:4rem;padding:.75rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;font-size:1.5rem}.acc-preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:8rem;padding:1rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;font-size:2.2rem}.acc-error{margin-top:.5rem;padding:.5rem .75rem;border-radius:.4rem;background:#fef2f2;color:#b91c1c;font-size:.85rem}.acc-actions{display:flex;gap:.5rem;margin-top:.75rem}.acc-btn{padding:.5rem .9rem;border:1px solid #cbd5e1;border-radius:.45rem;background:#f8fafc;color:#0f172a;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.acc-btn:hover{border-color:#94a3b8}.acc-btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}.acc-btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.acc-collection-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.acc-card-collection{position:relative;cursor:default}.acc-card-collection:hover{border-color:#e2e8f0;box-shadow:none}.acc-remove{position:absolute;top:.35rem;right:.35rem;width:1.5rem;height:1.5rem;display:grid;place-items:center;padding:0;border:1px solid #fecaca;border-radius:999px;background:#fef2f2;color:#b91c1c;font-size:.75rem;line-height:1;cursor:pointer}.acc-remove:hover{background:#fee2e2;border-color:#f87171}.acc-card-load{margin-top:.15rem;padding:.25rem .55rem;border:1px solid #cbd5e1;border-radius:.35rem;background:#f8fafc;color:#334155;font-size:.72rem;cursor:pointer}.acc-card-load:hover{border-color:#6366f1;color:#4f46e5}.acc-gallery-title{margin-bottom:1rem}.acc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.acc-gallery-wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.acc-gallery-wide .acc-card-code{white-space:pre;text-align:left;overflow-x:auto;max-width:100%;line-height:1.3}.acc-gallery-wide .acc-card-render{font-size:1.3rem}.acc-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem .6rem;border:1px solid #e2e8f0;border-radius:.6rem;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .05s}.acc-card:hover{border-color:#6366f1;box-shadow:0 6px 20px #6366f12e}.acc-card:active{transform:translateY(1px)}.acc-card-render{min-height:2.4rem;display:flex;align-items:center;font-size:1.6rem}.acc-card-code{font-size:.8rem;color:#0f172a;background:#f1f5f9;padding:.15rem .4rem;border-radius:.3rem;word-break:break-all;text-align:center}.acc-card-label{font-size:.72rem;color:#64748b}