.page-module__02Tf-W__explorerLayout{background-color:var(--bg-primary);height:100vh;margin-top:var(--nav-height);display:flex;overflow:hidden}.page-module__02Tf-W__sidebar{border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0a0a0c66;flex-direction:column;width:280px;display:flex}.page-module__02Tf-W__sidebarHeader{border-bottom:1px solid var(--border-glass);padding:1.5rem}.page-module__02Tf-W__sidebarLogo{letter-spacing:.2rem;opacity:.8;margin-bottom:1rem;font-size:.9rem;font-weight:800}.page-module__02Tf-W__searchContainer{position:relative}.page-module__02Tf-W__searchInput{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);background:#ffffff08;border-radius:8px;padding:.6rem .8rem;font-size:.85rem;transition:all .2s}.page-module__02Tf-W__searchInput:focus{border-color:var(--accent);background:#ffffff0d;outline:none}.page-module__02Tf-W__sidebarNav{flex:1;padding:1rem 0;overflow-y:auto}.page-module__02Tf-W__sidebarNav::-webkit-scrollbar{width:4px}.page-module__02Tf-W__sidebarNav::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}.page-module__02Tf-W__navItem{border-left:2px solid #0000;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1.5rem;transition:all .2s;display:flex}.page-module__02Tf-W__navItem:hover{background:#ffffff05}.page-module__02Tf-W__navItem.page-module__02Tf-W__active{border-left-color:var(--accent);background:#2dd4bf0d}.page-module__02Tf-W__navItemMain{align-items:center;gap:.5rem;width:100%;display:flex}.page-module__02Tf-W__navTitle{color:var(--text-secondary);font-size:.9rem;font-weight:600}.page-module__02Tf-W__navItem.page-module__02Tf-W__active .page-module__02Tf-W__navTitle{color:var(--accent)}.page-module__02Tf-W__navSubtext{color:var(--text-muted);margin-top:2px;font-size:.7rem}.page-module__02Tf-W__bookmarkBadge{background-color:#fc0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #ffcc004d}.page-module__02Tf-W__mainContainer{background-image:radial-gradient(circle,#ffffff03 0%,#0000 100%);flex:1;overflow-y:auto}.page-module__02Tf-W__contentWrapper{max-width:1600px;margin:0 auto;padding:3rem}.page-module__02Tf-W__contentGrid{grid-template-columns:1fr 1.2fr;gap:4rem;display:grid}.page-module__02Tf-W__infoCol{flex-direction:column;gap:2.5rem;display:flex}.page-module__02Tf-W__contentHeader{flex-direction:column;gap:1rem;display:flex}.page-module__02Tf-W__headerTitleRow{justify-content:space-between;align-items:flex-start;display:flex}.page-module__02Tf-W__componentTitle{letter-spacing:-.04em;font-size:3.5rem;font-weight:900;line-height:1}.page-module__02Tf-W__bookmarkAction{border:1px solid var(--border-glass);color:var(--text-muted);background:#ffffff08;border-radius:12px;padding:10px;transition:all .2s}.page-module__02Tf-W__bookmarkAction:hover{color:#fc0;border-color:#fc0}.page-module__02Tf-W__bookmarkAction.page-module__02Tf-W__isBookmarked{color:#fc0;background:#ffcc001a;border-color:#fc06}.page-module__02Tf-W__componentDescription{color:var(--text-secondary);max-width:500px;font-size:1.15rem;line-height:1.6}.page-module__02Tf-W__configSection{border:1px solid var(--border-glass);background:#ffffff05;border-radius:16px;gap:2rem;padding:1.5rem;display:flex}.page-module__02Tf-W__configItem{flex-direction:column;gap:.75rem;display:flex}.page-module__02Tf-W__configLabel{text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;font-size:.7rem;font-weight:800}.page-module__02Tf-W__tabGroup{background:#0003;border-radius:8px;padding:4px;display:flex}.page-module__02Tf-W__tabBtn{color:var(--text-muted);border-radius:6px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.page-module__02Tf-W__tabBtn.page-module__02Tf-W__active{background:var(--accent);color:#000}.page-module__02Tf-W__previewContainer{flex-direction:column;gap:1rem;display:flex}.page-module__02Tf-W__previewHeader{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.page-module__02Tf-W__previewWindow{border:1px solid var(--border-glass);background-color:#000;border-radius:20px;height:340px;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.page-module__02Tf-W__codeCol{position:sticky;top:0}.page-module__02Tf-W__codeEditor{border:1px solid var(--border-glass);background:#0d1117;border-radius:16px;flex-direction:column;height:700px;display:flex;overflow:hidden;box-shadow:0 50px 120px #0009}.page-module__02Tf-W__editorHeader{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.page-module__02Tf-W__fileName{color:var(--text-muted);align-items:center;gap:.5rem;font-family:inherit;font-size:.75rem;display:flex}.page-module__02Tf-W__copyAction{color:var(--accent);background:#2dd4bf1a;border:1px solid #2dd4bf33;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.page-module__02Tf-W__copyAction:hover{background:var(--accent);color:#000}.page-module__02Tf-W__codeViewport{flex:1;position:relative;overflow:auto}.page-module__02Tf-W__codeViewport::-webkit-scrollbar{width:8px;height:8px}.page-module__02Tf-W__codeViewport::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.page-module__02Tf-W__preContent{color:#c9d1d9;margin:0;padding:1.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.7}.page-module__02Tf-W__codeKeyword{color:#ff7b72;font-weight:600}.page-module__02Tf-W__codeString{color:#a5d6ff}.page-module__02Tf-W__codeComment{color:#8b949e;font-style:italic}.page-module__02Tf-W__viewerLoading{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.8rem;display:flex}.page-module__02Tf-W__loaderSpinner{border:2px solid var(--border-glass);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite page-module__02Tf-W__spin}.page-module__02Tf-W__emptyPrompt{text-align:center;opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.page-module__02Tf-W__promptIcon{font-size:4rem}@keyframes page-module__02Tf-W__spin{to{transform:rotate(360deg)}}@keyframes page-module__02Tf-W__pulse{0%,to{opacity:1}50%{opacity:.4}}.page-module__02Tf-W__loader{color:var(--accent);z-index:10;background:#000c;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;animation:1.5s infinite page-module__02Tf-W__pulse;display:flex;position:absolute;inset:0}@media (max-width:1200px){.page-module__02Tf-W__contentGrid{grid-template-columns:1fr;gap:3rem}.page-module__02Tf-W__codeCol{position:static}.page-module__02Tf-W__codeEditor{height:500px}}@media (max-width:768px){.page-module__02Tf-W__explorerLayout{flex-direction:column}.page-module__02Tf-W__sidebar{border-right:none;border-bottom:1px solid var(--border-glass);width:100%;height:auto}.page-module__02Tf-W__sidebarNav{max-height:300px}.page-module__02Tf-W__contentWrapper{padding:1.5rem}.page-module__02Tf-W__componentTitle{font-size:2.5rem}}