*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e5e7eb}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#161922;border-bottom:1px solid #262a35}.brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.2rem}.content{padding:2rem;max-width:1100px;margin:0 auto}.btn-primary,.btn-secondary{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;text-decoration:none;font-weight:600}.btn-primary{background:#4f46e5;color:#fff}.btn-secondary{background:#262a35;color:#e5e7eb}.filters{display:flex;gap:1rem;margin-bottom:1.5rem}.filters input,.filters select{padding:.5rem;border-radius:6px;border:1px solid #262a35;background:#161922;color:#e5e7eb}.tuto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tuto-card{background:#161922;border:1px solid #262a35;border-radius:10px;padding:1rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.5rem}.badge{align-self:flex-start;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;color:#fff}.tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{font-size:.75rem;color:#9ca3af}.status{font-size:.7rem;text-transform:uppercase}.status-draft{color:#f59e0b}.status-published{color:#22c55e}.error{color:#f87171}.tuto-detail{display:flex;flex-direction:column;gap:1rem}.detail-header{display:flex;justify-content:space-between;align-items:center}.summary-box{background:#1c2030;border-left:3px solid #4f46e5;padding:.8rem 1rem;border-radius:6px}.components{color:#9ca3af;font-size:.9rem}.media-block video{width:100%;border-radius:8px}.caption{color:#9ca3af;font-size:.85rem}.markdown-body{line-height:1.6}.markdown-body pre{background:#161922;padding:1rem;border-radius:8px;overflow-x:auto}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-gallery img{width:100%;border-radius:8px}.editor{display:flex;flex-direction:column;gap:1rem;max-width:800px}.editor label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.editor input,.editor select,.editor textarea{padding:.6rem;border-radius:6px;border:1px solid #262a35;background:#161922;color:#e5e7eb;font-family:inherit}.inline-row{display:flex;gap:.5rem}.inline-row input{flex:1}.media-uploader{border:1px dashed #262a35;padding:1rem;border-radius:8px}.media-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.media-list li{display:flex;align-items:center;gap:.6rem}.badge-type{background:#262a35;padding:.1rem .5rem;border-radius:4px;font-size:.75rem}