.app{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}header h1{color:#333;margin-bottom:8px;font-size:2.5rem;font-weight:700}header p{color:#666;font-size:1.1rem;margin:0}.demo{margin-bottom:40px;padding:24px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.demo h2{margin-top:0;margin-bottom:8px;color:#2c3e50;font-size:1.5rem}.demo p{margin-bottom:20px;color:#666;font-size:.9rem}.code-preview{margin-bottom:20px;border-radius:6px;overflow:hidden;border:1px solid #e0e0e0}.controls{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.controls label{font-weight:500;color:#495057;font-size:14px}.max-rows-input{margin-left:8px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;width:60px;font-size:14px}.max-rows-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.demo-container{min-height:60px;padding:16px;border:2px dashed #ddd;border-radius:6px;background:#fafafa;resize:horizontal;overflow:auto;min-width:200px;max-width:100%}.fruit-item{padding:6px 12px;background:#e8f5e8;border:1px solid #4caf50;border-radius:16px;font-size:14px;color:#2e7d32;white-space:nowrap}.toolbar-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.toolbar-button:hover{background:#f5f5f5;border-color:#999}.tag{padding:4px 8px;background:#f0f4ff;border:1px solid #2196f3;border-radius:12px;font-size:12px;color:#1976d2;white-space:nowrap}.nav-link{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;font-weight:500;transition:background-color .2s}.nav-link:hover{background:#ffffff1a}.nav-overflow-button{background:#fff3!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}.action-button{padding:8px 16px;border:1px solid #6c5ce7;border-radius:4px;background:#a29bfe;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.action-button:hover{background:#6c5ce7}.multi-item{padding:4px 8px;background:#fff3e0;border:1px solid #ff9800;border-radius:4px;font-size:13px;color:#f57c00;white-space:nowrap}.demo-container.toolbar{background:#f8f9fa;border-color:#dee2e6}.demo-container.nav{background:#2c3e50;border-color:#34495e;padding:12px 16px}footer{text-align:center;margin-top:40px;padding-top:20px;border-top:2px solid #f0f0f0;color:#666;font-style:italic}@media (max-width: 768px){.app{padding:16px}header h1{font-size:2rem}.demo{padding:16px;margin-bottom:24px}.demo-container{min-width:150px}}.custom-overflow{display:inline-block}.example-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.example-section:last-child{border-bottom:none;margin-bottom:0}.example-section h3{margin-top:0;margin-bottom:12px;color:#2c3e50;font-size:1.2rem;font-weight:600}.virtual-scroll-container{padding:8px;min-width:200px}.demo-note{margin-top:16px;padding:12px;background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;font-size:14px;color:#495057}.demo-note code{background:#e9ecef;padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.collapsible-code-preview{margin-bottom:20px;border-radius:6px;overflow:hidden;border:1px solid #e0e0e0;background:#fff}.code-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.collapse-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:color .2s}.collapse-button:hover{color:#007bff}.code-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.copy-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;color:#6c757d;transition:all .2s}.copy-button:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.copy-success{color:#28a745}.code-preview-content{background:#fff}.demo-button{background:none;border:1.5px solid #bfc9db;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:color .2s;border-radius:4px;padding:8px;border:1px solid #ccc}.demo-button:hover{color:#007bff;border-color:#007bff;box-shadow:0 4px 16px #2563eb14}