.sn-container{display:flex;flex-direction:column;gap:20px;font-family:'Manrope',sans-serif;}.sn-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;}.sn-category-tab{padding:7px 16px;border:1.5px solid #1e2d5a;border-radius:20px;background:#0d1424;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:border-color 0.18s,color 0.18s,background 0.18s;}.sn-category-tab:hover{border-color:#dd0031;color:#fca5a5;background:#1a0a1e;}.sn-category-tab.active{border-color:#dd0031;background:#dd0031;color:#fff;}.sn-snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}.sn-card{background:#111727;border:1.5px solid #1e2d5a;border-radius:10px;padding:14px 16px 12px;cursor:pointer;transition:border-color 0.18s,box-shadow 0.18s,transform 0.15s;}.sn-card:hover{border-color:#dd0031;box-shadow:0 4px 18px rgba(221,0,49,0.18);transform:translateY(-2px);}.sn-card.active{border-color:#dd0031;background:#1a0a1e;box-shadow:0 4px 22px rgba(221,0,49,0.28);}.sn-card-title{font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:5px;}.sn-card-desc{font-size:12px;color:#64748b;margin-bottom:10px;line-height:1.5;}.sn-card-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-right:5px;margin-top:2px;text-transform:uppercase;background:#1e2d5a;color:#93c5fd;letter-spacing:0.5px;}.sn-card-badge:first-child{background:rgba(221,0,49,0.2);color:#fca5a5;}.sn-options{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;background:#0d1424;border:1.5px solid #1e2d5a;border-radius:10px;padding:14px 18px;}.sn-opt-group{display:flex;flex-direction:column;gap:5px;min-width:160px;flex:1;}.sn-opt-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;color:#475569;}.sn-opt-input,.sn-opt-select{padding:8px 12px;border:1.5px solid #1e2d5a;border-radius:6px;background:#141d35;color:#c9d1d9;font-family:'Fira Code',monospace;font-size:13px;transition:border-color 0.18s;width:100%;}.sn-opt-input:focus,.sn-opt-select:focus{outline:none;border-color:#dd0031;}.sn-opt-input::placeholder{color:#334155;}.sn-output-wrapper{background:#0a0e1a;border:1.5px solid #1e2d5a;border-radius:10px;overflow:hidden;}.sn-output-header{display:flex;align-items:center;justify-content:space-between;background:#0d1424;padding:8px 14px;border-bottom:1px solid #1e2d5a;}.sn-tabs{display:flex;gap:4px;}.sn-tab-btn{padding:4px 14px;border:1.5px solid #1e2d5a;border-radius:5px;background:transparent;color:#64748b;font-size:12px;font-weight:700;cursor:pointer;transition:border-color 0.15s,color 0.15s,background 0.15s;}.sn-tab-btn:hover{border-color:#dd0031;color:#fca5a5;}.sn-tab-btn.active{border-color:#dd0031;background:#dd0031;color:#fff;}.sn-output{width:100%;min-height:300px;padding:16px;font-family:'Fira Code',monospace;font-size:13px;line-height:1.7;background:#0a0e1a;color:#abb2bf;border:none;resize:vertical;display:block;}.sn-output:focus{outline:none;}.sn-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.15s,transform 0.12s;}.sn-btn:hover{opacity:0.85;transform:translateY(-1px);}.sn-btn:active{transform:translateY(0);}.sn-btn-primary{background:#dd0031;color:#fff;}.sn-btn-copy{background:#1e2d5a;color:#93c5fd;border:1.5px solid #2d3f6a;}.sn-btn-copy:hover{background:#2d3f6a;color:#bfdbfe;}.sn-btn-secondary{background:#141d35;color:#94a3b8;border:1.5px solid #1e2d5a;}.sn-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}.sn-placeholder{text-align:center;padding:48px 24px;color:#334155;font-size:14px;background:#0a0e1a;}.sn-placeholder-icon{font-size:40px;margin-bottom:12px;opacity:0.4;display:block;}.sn-version-badge{display:inline-block;padding:3px 10px;border-radius:12px;background:rgba(221,0,49,0.12);color:#fca5a5;font-size:11px;font-weight:700;border:1px solid rgba(221,0,49,0.3);}.sn-how-to{background:#0d1424;border-radius:10px;padding:20px 22px;border-left:3px solid #dd0031;}.sn-how-to ol{padding-left:20px;margin:0;color:#94a3b8;font-size:14px;line-height:1.9;}.sn-how-to li strong{color:#e2e8f0;}.sn-ext-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px;}.sn-ext-card{background:#0d1424;border:1.5px solid #1e2d5a;border-radius:8px;padding:12px 14px;}.sn-ext-card-name{font-size:13px;font-weight:700;color:#e2e8f0;margin-bottom:4px;}.sn-ext-card-desc{font-size:12px;color:#64748b;}.sn-arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;}.sn-arch-module{background:#0d1424;border:1.5px solid #1e2d5a;border-radius:8px;padding:14px;text-align:center;}.sn-arch-module-name{font-size:13px;font-weight:700;margin-bottom:8px;}.sn-arch-module-name.core{color:#dd0031;}.sn-arch-module-name.shared{color:#3b82f6;}.sn-arch-module-name.feature{color:#10b981;}.sn-arch-module ul{list-style:none;padding:0;margin:0;font-size:12px;color:#64748b;line-height:1.8;text-align:left;}@media (max-width:767px){.sn-snippets-grid{grid-template-columns:1fr;}.sn-categories{gap:6px;}.sn-category-tab{padding:6px 12px;font-size:12px;}.sn-options{flex-direction:column;gap:10px;}.sn-opt-group{min-width:unset;width:100%;}.sn-output{min-height:220px;font-size:12px;}.sn-arch-grid{grid-template-columns:1fr;}.sn-ext-list{grid-template-columns:1fr;}.sn-toolbar{flex-direction:column;align-items:stretch;}.sn-btn{justify-content:center;}}