.library-container{max-width: 900px;margin: 0 auto;padding: 0;}.library-container h1{font-size: var(--font-size-3xl,24px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: 0 0 var(--spacing-sm) 0;}.library-subtitle{font-size: var(--font-size-base,16px);color: var(--color-text-secondary);margin: 0 0 24px 0;}.library-section{background: var(--color-card-background);border-radius: var(--border-radius-sm);padding: 20px;margin-bottom: 16px;box-shadow: var(--shadow-card);}.library-section h2{font-size: var(--font-size-lg,18px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: 0 0 16px 0;padding-bottom: var(--spacing-sm);border-bottom: 2px solid var(--color-primary);}.library-section h3{font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);margin: var(--spacing-md) 0 var(--spacing-sm) 0;}.library-section p{margin: 0 0 12px 0;line-height: 1.6;color: var(--color-text);}.library-section ul,.library-section ol{margin: 0 0 12px 0;padding-left: 24px;}.library-section li{margin: var(--spacing-sm) 0;line-height: 1.5;color: var(--color-text);}.library-section a{color: var(--color-primary);text-decoration: none;}.library-section a:hover{text-decoration: underline;}.library-card{background: var(--color-background);border-radius: var(--border-radius-sm);padding: 16px 20px;margin-bottom: 12px;border-left: 4px solid var(--color-primary);display: block;text-decoration: none;color: inherit;transition: transform 0.1s,box-shadow 0.1s;}.library-card:hover{transform: translateX(4px);box-shadow: var(--shadow-sm);text-decoration: none;}.library-card h3{margin: 0 0 4px 0;font-size: var(--font-size-base,16px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);}.library-card p{margin: 0;font-size: var(--font-size-sm,14px);color: var(--color-text-secondary);}.feature-box{background: var(--color-info-bg);border-radius: var(--border-radius-sm);padding: 16px;margin: 12px 0;}.feature-box.success{background: var(--color-success-bg);border-left: 4px solid var(--color-success);}.feature-box.warning{background: var(--color-warning-bg);border-left: 4px solid var(--color-warning);}.feature-box.info{background: var(--color-info-bg);border-left: 4px solid var(--color-primary);}.step-number{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;background: var(--color-primary);color: var(--button-primary-text);border-radius: 50%;font-weight: var(--font-weight-semibold,600);font-size: var(--font-size-sm,14px);margin-right: 10px;}.step-item{display: flex;align-items: flex-start;margin-bottom: 16px;}.step-content{flex: 1;}.step-content h4{margin: 0 0 4px 0;font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);}.step-content p{margin: 0;font-size: var(--font-size-sm,14px);color: var(--color-text);}@media (min-width: 768px){.library-container{padding: 20px;}.library-container h1{font-size: var(--font-size-5xl,28px);}.library-section{padding: 24px;}.library-section h2{font-size: var(--font-size-xl,20px);}}.api-endpoint{background: var(--color-background);border-radius: var(--border-radius-sm);padding: 20px;margin-bottom: 20px;border-left: 4px solid var(--color-primary);}.api-endpoint h3{display: flex;align-items: center;gap: 12px;margin: 0 0 12px 0;font-size: var(--font-size-base,16px);}.api-endpoint h4{font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);margin: var(--spacing-md) 0 var(--spacing-sm) 0;color: var(--color-text);}.api-endpoint pre{background: var(--color-secondary);color: var(--color-background);padding: 12px;border-radius: 4px;overflow-x: auto;margin: var(--spacing-sm) 0;}.api-endpoint code{font-family: 'Courier New',monospace;font-size: var(--font-size-xs,12px);}.api-endpoint ul{margin: var(--spacing-sm) 0;padding-left: 20px;}.api-endpoint ul li{margin: 4px 0;}.http-method{display: inline-block;padding: 4px 10px;border-radius: 4px;font-weight: var(--font-weight-semibold,600);font-size: var(--font-size-xs,12px);text-transform: uppercase;color: var(--button-primary-text);}.http-method.get{background: var(--color-success);}.http-method.post{background: var(--color-info);}.http-method.put{background: var(--color-warning);}.http-method.delete{background: var(--color-error);}.info-block{background: var(--color-background);border-radius: var(--border-radius-sm);padding: 16px;margin: 12px 0;border-left: 4px solid var(--color-primary);}.info-block h3{margin: 0 0 var(--spacing-sm) 0;font-size: var(--font-size-sm,14px);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);}.info-block p{margin: 0;font-size: var(--font-size-sm,14px);color: var(--color-text);}.code-block{background: var(--color-background);border-radius: var(--border-radius-sm);padding: 16px;margin: 12px 0;}.feature-list{list-style: none;padding: 0;margin: 12px 0;}.feature-list li{padding: var(--spacing-sm) 0 var(--spacing-sm) 32px;position: relative;color: var(--color-text);}.feature-list li:before{content: "✓";position: absolute;left: var(--spacing-sm);color: var(--color-success);font-weight: var(--font-weight-bold,700);}.help-button-demo{text-align: center;padding: 20px;background: var(--color-background);border-radius: var(--border-radius-sm);}.note{padding: var(--spacing-sm) var(--spacing-md);margin: 10px 0;border-radius: 4px;background: var(--color-info-bg);border-left: 3px solid var(--color-info);font-size: var(--font-size-sm,14px);color: var(--color-info);}.note.important{background: var(--color-warning-bg);border-left-color: var(--color-warning);color: var(--color-warning-dark);}.note.important strong{color: var(--color-warning);}