*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#24292e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.plugin-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e4e8;background-color:#f6f8fa;padding-right:1rem}.tabs{display:flex;flex:1}.tab{padding:1rem 1.5rem;border:none;background:none;cursor:pointer;font-size:1rem;color:#586069;border-bottom:3px solid transparent;transition:all .2s}.tab:hover{color:#24292e;background-color:#e1e4e8}.tab.active{color:#0366d6;border-bottom-color:#0366d6;background-color:#fff}.card-actions{display:flex;gap:.5rem;align-items:center}.link-icon{display:flex;align-items:center;justify-content:center;padding:.4rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#586069;text-decoration:none;transition:all .2s;cursor:pointer}.link-icon:hover{background:#f6f8fa;border-color:#0366d6;color:#0366d6}.language-toggle{padding:.4rem .7rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#586069;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;min-width:38px;text-align:center}.language-toggle:hover{background:#f6f8fa;border-color:#0366d6;color:#0366d6}@media (max-width: 768px){.card-header{flex-direction:column;align-items:stretch;padding-right:0}.tabs{border-bottom:1px solid #e1e4e8}.card-actions{margin:.5rem 1rem;justify-content:flex-end}}.tab-content{padding:1.5rem}.overview h3{margin:0 0 1rem;color:#24292e;font-size:1.5rem}.description{color:#586069;line-height:1.6;margin-bottom:1rem}.meta-info{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.version,.category{padding:.25rem .75rem;background-color:#f1f8ff;border-radius:12px;font-size:.875rem;color:#0366d6}.category{background-color:#f0fff4;color:#22863a}.keywords{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.keyword{padding:.25rem .75rem;background-color:#f6f8fa;border-radius:12px;font-size:.875rem;color:#586069;border:1px solid #e1e4e8}.homepage a{color:#0366d6;text-decoration:none;font-weight:500}.homepage a:hover{text-decoration:underline}.files-viewer{display:flex;flex-direction:column}.file-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #e1e4e8;padding-bottom:.5rem}.file-tab{padding:.5rem 1rem;border:1px solid #e1e4e8;background:#f6f8fa;border-radius:6px 6px 0 0;cursor:pointer;font-size:.875rem;color:#586069;transition:all .2s}.file-tab:hover{background:#e1e4e8;color:#24292e}.file-tab.active{background:#fff;color:#0366d6;border-bottom-color:#fff;font-weight:500}.file-content{background:#f6f8fa;border-radius:6px;overflow:hidden}.code-display{margin:0;padding:1.5rem;background:#f6f8fa;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.9rem;line-height:1.6;color:#24292e;white-space:pre-wrap;word-wrap:break-word}.code-display code{font-family:inherit;background:none}.no-content{padding:2rem;text-align:center;color:#586069;font-style:italic}.plugin-list{width:60%;max-width:1200px;margin:0 auto;padding:2rem}@media (max-width: 1024px){.plugin-list{width:80%}}@media (max-width: 768px){.plugin-list{width:90%}}@media (max-width: 480px){.plugin-list{width:95%}}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-input,.category-select,.sort-select{padding:.75rem 1rem;border:1px solid #e1e4e8;border-radius:6px;font-size:1rem;background:#fff;transition:border-color .2s}.search-input{flex:1;min-width:250px}.search-input:focus,.category-select:focus,.sort-select:focus{outline:none;border-color:#0366d6;box-shadow:0 0 0 3px #0366d61a}.category-select,.sort-select{cursor:pointer}.results-count{margin-bottom:1rem;color:#586069;font-size:.875rem}.plugins{display:flex;flex-direction:column;gap:1.5rem}.no-results{text-align:center;padding:4rem 2rem;color:#586069;font-size:1.1rem}.app{min-height:100vh;background:#fafbfc}.app-header{background:#fff;border-bottom:1px solid #e1e4e8;padding:2rem;text-align:center;box-shadow:0 2px 4px #0000000d}.app-header h1{margin:0;color:#24292e;font-size:2.5rem;font-weight:700}.subtitle{margin:.5rem 0 0;color:#586069;font-size:1.1rem}.tutorial-links{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.tutorial-link{display:inline-block;padding:.6rem 1.2rem;background:#0366d6;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease;border:1px solid #0366d6}.tutorial-link:hover{background:#0256c4;border-color:#0256c4;box-shadow:0 2px 8px #0366d633}@media (max-width: 768px){.app-header h1{font-size:1.8rem}.tutorial-links{flex-direction:column;align-items:center}.tutorial-link{width:90%;text-align:center}}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.loading{color:#586069;font-size:1.2rem}.error{color:#d73a49}.error h2{color:#d73a49;margin:0 0 1rem}.error p{margin:.5rem 0;color:#586069}.error code{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#f6f8fa;border-radius:6px;font-family:Courier New,Courier,monospace;color:#24292e}
