:root{--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:32px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--danger:#f45452}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.ml-2{margin-left:var(--space-2)}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.btn-lg{padding:var(--space-3) var(--space-6)}.text-center{text-align:center}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-muted{color:var(--muted)}.border{border:1px solid var(--border)}.rounded-lg{border-radius:var(--radius-lg)}.w-full{width:100%}.resize-vertical{resize:vertical}.api-table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--text-sm);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.api-table td,.api-table th{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.api-table th{background:var(--bg-softer);font-weight:600;color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.api-table td code{background:var(--bg-softer);padding:2px var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--accent)}.api-table tr:last-child td{border-bottom:none}.api-table tr:hover{background:var(--bg-softer)}.code-sm code{color:var(--fg)}.info-box ul{padding-left:var(--space-4)}.info-box li{margin-bottom:var(--space-1);color:var(--fg)}.section-bg{padding:var(--space-6) 0;background:var(--bg-softer)}.feature-card{flex:1;text-align:center;padding:var(--space-3)}.feature-icon{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.feature-title{margin:0 0 var(--space-1) 0;color:var(--accent);font-size:var(--text-base)}.feature-desc{font-size:var(--text-xs);line-height:var(--leading-tight);margin:0;color:var(--muted)}.stat-item{text-align:center}.stat-value{font-size:var(--text-lg);font-weight:600;color:var(--accent)}.stat-label{font-size:var(--text-xs);color:var(--muted)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-1);font-weight:500}.form-input{width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg)}.form-input.monospace{font-family:monospace}.monospace{font-family:monospace}.form-select{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg)}.command-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.btn-remove{background:0 0;border:none;color:var(--danger);cursor:pointer;padding:2px var(--space-2)}.commands-list{background:var(--bg-softer);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);max-height:120px;overflow-y:auto}.stats-container{display:inline-flex;gap:var(--space-4);background:var(--surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border)}.info-box{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-softer);border-radius:var(--radius-md)}.section-title{margin:0 0 var(--space-1) 0}.section-subtitle{margin:0;font-size:var(--text-sm)}.flex-wrap{flex-wrap:wrap}.use-case-card{padding:var(--space-4)}.use-case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.use-case-title{font-size:var(--text-base);margin:0}.use-case-tag{font-size:var(--text-xs)}.code-block{background:var(--bg-softer);padding:var(--space-3);border-radius:var(--radius-md);font-family:'Courier New',monospace;font-size:var(--text-xs);line-height:var(--leading-tight);overflow-x:auto}.list-custom{margin:0;padding-left:var(--space-4)}.code-sm{font-size:var(--text-sm);margin:0}.section-padding{padding:var(--space-8) 0}.subsection-mb{margin-bottom:var(--space-4)}.subsection-header{margin:0 0 var(--space-2) 0;color:var(--accent)}.tips-box{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-softer);border-radius:var(--radius-lg);border:1px solid var(--border)}.tips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.tips-title{font-size:var(--text-base);margin:0}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);font-size:var(--text-sm)}.tips-label{color:var(--accent);font-size:var(--text-xs);font-weight:600}.faq-container{gap:var(--space-4);max-width:1000px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:var(--space-4);max-width:1200px;margin:0 auto}.faq-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.faq-item:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);cursor:pointer;background:var(--bg);transition:background .2s ease;user-select:none}.faq-question:hover{background:var(--bg-softer)}.faq-question h4{margin:0;font-size:var(--text-base);font-weight:600;color:var(--fg);line-height:var(--leading-tight)}.faq-toggle{font-size:var(--text-xl);font-weight:700;color:var(--accent);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-softer);transition:all .3s ease}.faq-item.active .faq-toggle{transform:rotate(45deg);background:var(--accent);color:var(--bg)}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease;background:var(--bg-surface)}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding:var(--space-4);margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--muted)}.faq-answer code{background:var(--bg-softer);padding:2px var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--accent);font-family:var(--font-mono)}.license-callout{background:var(--bg-softer);padding:var(--space-3);border-radius:var(--radius-md);border-left:4px solid var(--accent);margin:0}.license-callout strong{color:var(--accent)}.license-callout p{margin:var(--space-2) 0 0 0;font-size:var(--text-sm)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);margin-bottom:var(--space-5)}.footer-section h4{margin:0 0 var(--space-2) 0;color:var(--accent);font-size:var(--text-base);font-weight:600}.footer-section p{margin:0;font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-relaxed);max-width:280px}.footer-links{display:flex;flex-direction:column;gap:var(--space-1)}.footer-links a{color:var(--fg);text-decoration:none;font-size:var(--text-sm);transition:color .2s ease}.footer-links a:hover{color:var(--accent)}.footer-stats{font-size:var(--text-sm);color:var(--muted)}.footer-stats div{margin-bottom:var(--space-1)}.footer-stats strong{color:var(--fg)}.footer-stats .success{color:var(--success)}.footer-divider{height:1px;background:var(--border);margin:var(--space-5) 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.footer-credits{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted)}.footer-credits span{opacity:.6}.footer-year{font-size:var(--text-xs);color:var(--muted)}@media (max-width:768px){.gap-4{gap:var(--space-2)}.stats-container{flex-direction:column;gap:var(--space-2)}.tips-grid{grid-template-columns:1fr}.api-table{font-size:var(--text-xs)}.api-table td,.api-table th{padding:var(--space-1) var(--space-2)}.faq-grid{grid-template-columns:1fr}.faq-question h4{font-size:var(--text-sm)}.faq-answer p{padding:var(--space-3)}.footer-content{grid-template-columns:1fr;gap:var(--space-4)}.footer-bottom{flex-direction:column;text-align:center}.grid.cols-2{grid-template-columns:1fr}}