@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Syne:wght@500;600&display=swap";html,body,#root{height:100%}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-alt: #111111;--border: #262626;--text: #fafafa;--text-secondary: #a3a3a3;--text-muted: #525252;--accent: #fafafa;--font-sans: "Syne", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-serif: "Instrument Serif", Georgia, serif}body{font-family:var(--font-mono);font-size:14px;background:#000;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;padding:16px}::selection{background:var(--accent);color:var(--bg)}.app{height:calc(100vh - 32px);height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:12px}.header{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-alt);border-radius:12px 12px 0 0}.header-title{font-family:var(--font-sans);font-weight:600;font-size:16px;letter-spacing:-.02em}.header-subtitle{font-size:11px;font-weight:400;color:var(--text-muted);margin-left:8px}.settings-btn{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:none;border:1px solid var(--border);padding:8px 16px;cursor:pointer;transition:all .15s ease}.settings-btn:hover{border-color:var(--accent);color:var(--text)}.settings-panel{background:var(--bg-alt);border-bottom:1px solid var(--border);overflow:hidden}.settings-content{padding:20px 40px;max-width:400px}.settings-content label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.settings-row{display:flex;gap:8px}.settings-row input{flex:1;padding:10px 14px;font-family:var(--font-mono);font-size:13px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.settings-row input:focus{outline:none;border-color:var(--accent)}.settings-row input::placeholder{color:var(--text-muted)}.settings-row button{padding:10px 20px;font-family:var(--font-mono);font-size:13px;background:var(--accent);color:var(--bg);border:none;cursor:pointer}.main{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.panel{padding:40px;overflow-y:auto;height:100%}.input-panel{background:var(--bg-alt);border-right:1px solid var(--border);overflow-y:auto;border-radius:0 0 0 12px}.preview-panel{background:var(--bg);display:flex;flex-direction:column;overflow-y:auto;border-radius:0 0 12px}.mode-toggle{display:flex;gap:0;margin-bottom:32px;border:1px solid var(--border);width:fit-content}.mode-toggle button{padding:10px 20px;font-family:var(--font-mono);font-size:13px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.mode-toggle button:first-child{border-right:1px solid var(--border)}.mode-toggle button.active{background:var(--accent);color:var(--bg)}.mode-toggle button:hover:not(.active){color:var(--text)}.ai-mode{display:flex;flex-direction:column;gap:20px}.ai-textarea{width:100%;min-height:200px;padding:20px;font-family:var(--font-mono);font-size:14px;line-height:1.7;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical}.ai-textarea:focus{outline:none;border-color:var(--accent)}.ai-textarea::placeholder{color:var(--text-muted)}.generate-btn{padding:14px 28px;font-family:var(--font-mono);font-size:14px;background:var(--accent);color:var(--bg);border:none;cursor:pointer;transition:opacity .15s ease;align-self:flex-start}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn:hover:not(:disabled){opacity:.85}.templates-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.templates-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.templates-list{display:flex;flex-wrap:wrap;gap:8px}.template-btn{padding:8px 14px;font-family:var(--font-mono);font-size:12px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.template-btn:hover{border-color:var(--accent);color:var(--text)}.template-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.manual-mode{display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.field input,.field textarea{padding:12px 16px;font-family:var(--font-mono);font-size:14px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field textarea{min-height:180px;resize:vertical;line-height:1.7}.field-hint{font-size:10px;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.constraints-textarea{min-height:120px;font-size:13px}.add-arg-btn{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:none;border:1px solid var(--border);padding:4px 10px;cursor:pointer;transition:all .15s ease}.add-arg-btn:hover{border-color:var(--accent);color:var(--text)}.no-args{font-size:13px;color:var(--text-muted);font-style:italic}.args-list{display:flex;flex-direction:column;gap:8px}.arg-row{display:grid;grid-template-columns:1fr 2fr auto;gap:8px}.arg-row input{padding:10px 12px;font-size:13px;background:var(--bg);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono)}.arg-row input::placeholder{color:var(--text-muted)}.arg-row input:focus{outline:none;border-color:var(--accent)}.remove-arg{width:36px;font-family:var(--font-mono);font-size:16px;background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.remove-arg:hover{border-color:#dc2626;color:#dc2626}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.format-tabs{display:flex;gap:0;border:1px solid var(--border)}.format-tabs button{padding:6px 14px;font-family:var(--font-mono);font-size:12px;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.format-tabs button:last-child{border-right:none}.format-tabs button:hover:not(.active){color:var(--text)}.format-tabs button.active{background:var(--accent);color:var(--bg)}.preview-actions{display:flex;gap:8px}.preview-actions button{padding:8px 16px;font-family:var(--font-mono);font-size:12px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.preview-actions button:hover{border-color:var(--accent);color:var(--text)}.preview-code{flex:1;font-family:var(--font-mono);font-size:13px;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-word}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--accent);color:var(--bg);font-size:13px;font-family:var(--font-mono)}.header-left{display:flex;align-items:center;gap:24px}.header-right{display:flex;align-items:center;gap:8px}.header-actions{display:flex;gap:8px}.header-btn{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:none;border:1px solid var(--border);padding:6px 12px;cursor:pointer;transition:all .15s ease}.header-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.header-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-wide{max-width:800px}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-family:var(--font-sans);font-size:16px;font-weight:600}.modal-close{font-size:24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:var(--text)}.modal-body{padding:24px;overflow-y:auto}.modal-hint{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.modal-actions button{font-family:var(--font-mono);font-size:13px;padding:10px 20px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.modal-actions button:hover{border-color:var(--accent);color:var(--text)}.modal-actions button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.modal-actions button.primary:hover{opacity:.85}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery-card{border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.gallery-card:hover{border-color:var(--text-muted)}.gallery-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.gallery-card-name{font-weight:500;font-size:14px}.gallery-card-command{font-size:11px;color:var(--text-muted)}.gallery-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;flex:1}.gallery-card-btn{font-family:var(--font-mono);font-size:12px;padding:8px 12px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.gallery-card-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.import-textarea{width:100%;min-height:200px;padding:16px;font-family:var(--font-mono);font-size:13px;line-height:1.6;background:var(--bg);border:1px solid var(--border);color:var(--text);resize:vertical}.import-textarea:focus{outline:none;border-color:var(--accent)}.import-textarea::placeholder{color:var(--text-muted)}.saved-skills-list{display:flex;flex-direction:column;gap:8px}.saved-skill-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:6px}.saved-skill-info{display:flex;align-items:center;gap:12px}.saved-skill-name{font-weight:500}.saved-skill-command{font-size:12px;color:var(--text-muted)}.saved-skill-actions{display:flex;gap:8px}.saved-skill-actions button{font-family:var(--font-mono);font-size:11px;padding:6px 12px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.saved-skill-actions button:hover{border-color:var(--accent);color:var(--text)}.saved-skill-actions button.danger:hover{border-color:#dc2626;color:#dc2626}.versions-list{display:flex;flex-direction:column;gap:8px}.version-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:6px}.version-info{display:flex;align-items:center;gap:12px}.version-label{font-weight:600;font-size:13px;color:var(--accent)}.version-name{font-size:13px}.version-date{font-size:11px;color:var(--text-muted)}.version-item button{font-family:var(--font-mono);font-size:11px;padding:6px 12px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.version-item button:hover{border-color:var(--accent);color:var(--text)}.test-sandbox{display:grid;grid-template-columns:1fr 1fr;gap:24px}.test-input-section,.test-preview-section{display:flex;flex-direction:column;gap:12px}.test-input-section label,.test-preview-section label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.test-input-section input{padding:12px 16px;font-family:var(--font-mono);font-size:14px;background:var(--bg);border:1px solid var(--border);color:var(--text)}.test-input-section input:focus{outline:none;border-color:var(--accent)}.test-args{font-size:12px;color:var(--text-muted)}.test-args code{background:var(--bg);padding:2px 6px;border-radius:3px;margin-left:4px;color:var(--text-secondary)}.test-preview{flex:1;padding:16px;background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.validation-panel{margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.validation-error{font-size:12px;color:#ef4444;padding:8px 12px;background:#ef44441a;border-left:3px solid #ef4444}.validation-warning{font-size:12px;color:#f59e0b;padding:8px 12px;background:#f59e0b1a;border-left:3px solid #f59e0b}.has-error{border-color:#ef4444!important}.has-warning{border-color:#f59e0b!important}.skill-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.skill-actions button{font-family:var(--font-mono);font-size:12px;padding:10px 16px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.skill-actions button:hover{border-color:var(--accent);color:var(--text)}.paywall-modal{max-width:400px}.paywall-body{text-align:center;padding:32px 24px}.paywall-icon{font-size:48px;margin-bottom:16px}.paywall-message{font-size:16px;margin-bottom:8px}.paywall-message strong{color:var(--accent)}.paywall-description{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.paywall-price{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.price-label{font-size:18px;font-weight:600;font-family:var(--font-sans)}.price-min{font-size:13px;color:var(--text-muted)}.paywall-btn{width:100%;padding:16px 24px;font-family:var(--font-mono);font-size:14px;font-weight:500;background:var(--accent);color:var(--bg);border:none;cursor:pointer;transition:opacity .15s ease;margin-bottom:16px}.paywall-btn:hover{opacity:.85}.paywall-note{font-size:11px;color:var(--text-muted)}.paywall-tiers{display:flex;gap:12px;margin-bottom:24px}.tier{flex:1;display:flex;flex-direction:column;gap:4px;padding:16px 12px;border:1px solid var(--border);border-radius:8px;text-align:center;position:relative}.tier.popular{border-color:var(--accent);background:#fafafa0d}.tier-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:9px;text-transform:uppercase;letter-spacing:.05em;background:var(--accent);color:var(--bg);padding:2px 8px;border-radius:4px;font-weight:500}.tier-prompts{font-size:14px;font-weight:500}.tier-price{font-size:18px;font-weight:600;font-family:var(--font-sans);color:var(--accent)}.generate-row{display:flex;align-items:center;gap:16px}.prompts-remaining{font-size:12px;color:var(--text-secondary)}.prompts-remaining.low{color:#f59e0b}.prompts-remaining.exhausted{color:#ef4444}.credits-badge{margin-left:8px;font-size:10px;color:#22c55e;background:#22c55e1a;padding:2px 6px;border-radius:4px}.platform-selector{display:flex;gap:0;border:1px solid var(--border)}.platform-selector button{padding:6px 12px;font-family:var(--font-mono);font-size:11px;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.platform-selector button:last-child{border-right:none}.platform-selector button:hover:not(.active){color:var(--text)}.platform-selector button.active{background:var(--accent);color:var(--bg)}.platform-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;margin-bottom:16px;font-size:11px}.platform-path{color:var(--text-secondary);font-family:var(--font-mono)}.platform-format{color:var(--text-muted);text-transform:uppercase;font-weight:500}@media(max-width:900px){.main{grid-template-columns:1fr}.input-panel{border-right:none;border-bottom:1px solid var(--border)}.header{padding:16px 24px;flex-wrap:wrap;gap:12px}.header-left{flex-direction:column;align-items:flex-start;gap:12px}.panel{padding:24px}.test-sandbox,.gallery-grid{grid-template-columns:1fr}}.gallery-page,.skill-detail-page{min-height:100vh;min-height:100dvh;background:var(--bg)}.gallery-header{position:sticky;top:0;z-index:100;background:#0a0a0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:16px 24px}.gallery-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.gallery-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.logo-icon{font-size:24px}.logo-text{font-family:var(--font-sans);font-weight:600;font-size:18px}.gallery-nav{display:flex;gap:8px}.nav-link{padding:8px 16px;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .15s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg-alt)}.gallery-hero{text-align:center;padding:60px 24px 40px;max-width:700px;margin:0 auto}.gallery-hero h1{font-family:var(--font-sans);font-size:48px;font-weight:600;margin-bottom:12px;letter-spacing:-.02em}.gallery-hero p{color:var(--text-secondary);font-size:16px;margin-bottom:32px}.gallery-search{position:relative;max-width:500px;margin:0 auto}.gallery-search input{width:100%;padding:14px 20px 14px 48px;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-mono);font-size:15px;outline:none;transition:border-color .15s}.gallery-search input:focus{border-color:var(--text-muted)}.gallery-search input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.5}.gallery-filters{display:flex;justify-content:center;align-items:center;gap:16px;padding:0 24px 32px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.filter-group select{padding:8px 32px 8px 12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:13px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.view-toggle{flex-direction:row;align-items:flex-end}.view-toggle button{padding:8px 12px;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:16px;transition:all .15s}.view-toggle button:first-child{border-radius:6px 0 0 6px}.view-toggle button:last-child{border-radius:0 6px 6px 0;border-left:none}.view-toggle button.active{background:var(--border);color:var(--text)}.gallery-results-count{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:24px}.gallery-grid.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:0 24px 60px;max-width:1400px;margin:0 auto}.gallery-grid.list{display:flex;flex-direction:column;gap:12px;padding:0 24px 60px;max-width:900px;margin:0 auto}.gallery-grid.list .skill-card{display:flex;flex-direction:row;align-items:center;gap:20px}.gallery-grid.list .skill-card-header{order:3;margin-left:auto;margin-bottom:0}.gallery-grid.list .skill-name{margin-bottom:0}.gallery-grid.list .skill-description,.gallery-grid.list .skill-card-footer{display:none}.skill-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.skill-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.skill-card-link{display:block;padding:24px;text-decoration:none;color:inherit}.skill-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skill-category{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg);padding:4px 8px;border-radius:4px}.skill-downloads{font-size:12px;color:var(--text-muted)}.skill-name{font-family:var(--font-sans);font-size:20px;font-weight:600;margin-bottom:4px;color:var(--text)}.skill-command{display:inline-block;font-size:13px;color:var(--text-secondary);margin-bottom:12px}.skill-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.skill-platforms{display:flex;gap:6px;margin-bottom:16px}.platform-badge{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.skill-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border)}.skill-author{font-size:12px;color:var(--text-muted)}.skill-cta{font-size:13px;color:var(--text-secondary)}.gallery-empty{text-align:center;padding:60px 24px;color:var(--text-muted)}.gallery-empty button{margin-top:16px;padding:10px 20px;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;transition:all .15s}.gallery-empty button:hover{border-color:var(--text-muted)}.gallery-footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border);color:var(--text-muted)}.gallery-footer a{color:var(--text);text-decoration:underline}.skill-breadcrumb{max-width:1400px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.skill-breadcrumb a{color:var(--text-secondary);text-decoration:none}.skill-breadcrumb a:hover{color:var(--text)}.skill-detail-content{max-width:1400px;margin:0 auto;padding:0 24px 60px;display:grid;grid-template-columns:1fr 480px;gap:40px}.skill-info{padding-right:20px}.skill-info-header{display:flex;gap:12px;margin-bottom:20px}.skill-category-badge{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text);background:var(--border);padding:6px 12px;border-radius:20px}.skill-downloads-badge{font-size:12px;color:var(--text-secondary);padding:6px 12px;background:var(--bg-alt);border-radius:20px}.skill-info h1{font-family:var(--font-sans);font-size:42px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.skill-command-large{display:inline-block;font-size:18px;color:var(--text-secondary);margin-bottom:16px}.skill-description-large{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.skill-meta{display:flex;gap:12px;font-size:14px;color:var(--text-muted);margin-bottom:24px}.skill-meta strong{color:var(--text-secondary)}.skill-platforms-list{display:flex;align-items:center;gap:10px;margin-bottom:40px;flex-wrap:wrap}.skill-platforms-list .label{font-size:13px;color:var(--text-muted)}.platform-tag{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#fff}.skill-section{margin-bottom:32px}.skill-section h2{font-family:var(--font-sans);font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text)}.skill-prompt-preview{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:20px;font-size:13px;line-height:1.7;white-space:pre-wrap;color:var(--text-secondary);max-height:300px;overflow-y:auto}.skill-constraints-list{list-style:none;display:flex;flex-direction:column;gap:8px}.skill-constraints-list li{padding:10px 14px;background:var(--bg-alt);border-radius:6px;font-size:13px;border-left:3px solid var(--border)}.skill-constraints-list li.must{border-left-color:#22c55e}.skill-constraints-list li.should{border-left-color:#eab308}.skill-constraints-list li.never{border-left-color:#ef4444}.skill-arguments-list{display:flex;flex-direction:column;gap:10px}.argument-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-alt);border-radius:6px}.argument-item code{background:var(--bg);padding:4px 10px;border-radius:4px;color:var(--text);font-size:13px}.argument-item span{color:var(--text-secondary);font-size:14px}.skill-actions-row{display:flex;gap:12px;margin-top:32px}.skill-export-panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:24px;position:sticky;top:100px;height:fit-content}.skill-export-panel h2{font-family:var(--font-sans);font-size:18px;font-weight:600;margin-bottom:20px}.platform-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.platform-tabs button{padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .15s}.platform-tabs button:hover{border-color:var(--text-muted);color:var(--text)}.platform-tabs button.active{background:var(--platform-color, var(--border));border-color:var(--platform-color, var(--border));color:#fff}.export-file-info{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg);border-radius:6px;margin-bottom:16px}.file-path{font-size:12px;color:var(--text-secondary)}.file-format{font-size:11px;color:var(--text-muted);text-transform:uppercase}.export-preview{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;font-size:12px;line-height:1.6;white-space:pre-wrap;color:var(--text-secondary);max-height:350px;overflow-y:auto;margin-bottom:20px}.export-actions{display:flex;flex-direction:column;gap:10px}.btn-primary{padding:12px 24px;background:var(--text);border:none;border-radius:8px;color:var(--bg);font-family:var(--font-mono);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-primary:hover{opacity:.9}.btn-secondary{padding:12px 24px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:14px;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-alt)}.related-skills{max-width:1400px;margin:0 auto;padding:40px 24px 60px;border-top:1px solid var(--border)}.related-skills h2{font-family:var(--font-sans);font-size:24px;font-weight:600;margin-bottom:24px}.related-skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-skill-card{display:block;padding:24px;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:all .15s}.related-skill-card:hover{border-color:var(--text-muted)}.related-skill-card h3{font-family:var(--font-sans);font-size:18px;font-weight:600;margin-bottom:4px}.related-skill-card code{display:inline-block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.related-skill-card p{font-size:14px;color:var(--text-muted);line-height:1.5}.skill-not-found{text-align:center;padding:100px 24px}.skill-not-found h1{font-family:var(--font-sans);font-size:36px;margin-bottom:12px}.skill-not-found p{color:var(--text-muted);margin-bottom:24px}@media(max-width:1024px){.skill-detail-content{grid-template-columns:1fr}.skill-export-panel{position:static}.related-skills-grid{grid-template-columns:1fr}}@media(max-width:640px){.gallery-hero h1{font-size:32px}.gallery-filters{flex-direction:column;align-items:stretch}.filter-group,.filter-group select{width:100%}.view-toggle{justify-content:center}.gallery-grid.grid{grid-template-columns:1fr}.skill-info h1{font-size:28px}.platform-tabs{flex-wrap:wrap}}