.cpets-container{max-width:900px;margin:2rem auto;padding:0 15px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.cpets-header{margin-bottom:2rem}.cpets-header h3{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 1rem 0}.cpets-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:1.5rem}.cpets-btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.2s ease}.cpets-btn-primary{background:#2563eb;color:#fff}.cpets-btn-primary:hover{background:#1d4ed8}.cpets-btn-secondary{background:#f5f5f5;color:#1a1a1a;border:1px solid #ddd}.cpets-btn-secondary:hover{background:#efefef}.cpets-table-wrapper{overflow-x:auto;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.cpets-table{width:100%;border-collapse:collapse;font-size:14px}.cpets-table thead{background:#f9f9f9;border-bottom:2px solid #ddd}.cpets-table th{padding:12px;text-align:left;font-weight:600;color:#1a1a1a}.cpets-th-spec{width:35%}.cpets-th-value{width:50%}.cpets-th-action{width:15%;text-align:center}.cpets-table tbody tr{border-bottom:1px solid #eee;transition:background 0.15s ease}.cpets-table tbody tr:hover{background:#fafafa}.cpets-table td{padding:12px}.cpets-input-spec,.cpets-input-value{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color 0.2s ease;box-sizing:border-box}.cpets-input-spec:focus,.cpets-input-value:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.cpets-td-action{text-align:center}.cpets-btn-delete{padding:6px 10px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background 0.2s ease}.cpets-btn-delete:hover{background:#dc2626}.cpets-info{margin-top:1rem;text-align:center;color:#999}.cpets-info small{font-size:12px}@media (max-width:768px){.cpets-header h3{font-size:18px}.cpets-actions{flex-direction:column}.cpets-btn{width:100%;text-align:center}.cpets-table{font-size:13px}.cpets-table th,.cpets-table td{padding:10px 8px}.cpets-th-spec{width:40%}.cpets-th-value{width:45%}.cpets-th-action{width:15%}}@media (max-width:480px){.cpets-container{padding:0 10px;margin:1rem auto}.cpets-header h3{font-size:16px}.cpets-table{font-size:12px}.cpets-table th,.cpets-table td{padding:8px 6px}.cpets-input-spec,.cpets-input-value{font-size:12px}}@media (prefers-color-scheme:dark){.cpets-container{color:#e0e0e0}.cpets-header h3{color:#f0f0f0}.cpets-btn-secondary{background:#2a2a2a;color:#e0e0e0;border-color:#444}.cpets-btn-secondary:hover{background:#333}.cpets-table-wrapper{background:#1a1a1a;border-color:#444}.cpets-table thead{background:#252525;border-bottom-color:#444}.cpets-table th{color:#e0e0e0}.cpets-table tbody tr{border-bottom-color:#333}.cpets-table tbody tr:hover{background:#222}.cpets-input-spec,.cpets-input-value{background:#2a2a2a;color:#e0e0e0;border-color:#444}.cpets-input-spec:focus,.cpets-input-value:focus{border-color:#2563eb}.cpets-info{color:#666}}